آموزش راهنمای کامل HTML

سرفصل ها و درس ها

معرفی Introduction

• به دوره خوش آمدید! Welcome To The Course!

• گردباد تور وب Whirlwind Tour of The Web

• مقایسه نقش های HTML، CSS و جاوا اسکریپت Comparing The Roles of HTML, CSS & JavaScript

• نصب ابزارهای دوره Installing The Course Tools

• نگاهی دقیق تر به VSCode A Closer Look At VSCode

• اسلایدهای دوره را دریافت کنید GET THE COURSE SLIDES

مبانی HTML HTML Basics

• کد آزمایشی این بخش را دانلود کنید DOWNLOAD THIS SECTION'S DEMO CODE

• HTML چیست؟ What is HTML?

• گردش کار HTML The HTML Workflow

• اولین عنصر ما: پاراگراف Our First Element: The Paragraph

• بازرس کروم The Chrome Inspector

• عناصر سرفصل Heading Elements

• نکته VSCode: تکمیل خودکار VSCode Tip: Autocomplete

• ایجاد نظرات HTML Creating HTML Comments

• نکته: شبکه توسعه دهنده موزیلا Tip: Mozilla Developer Network

• ساختار سند مناسب Proper Document Structure

• تمرین مبانی HTML HTML Basics Exercise

عناصر متن Text Elements

• کد این بخش را دانلود کنید DOWNLOAD THIS SECTION'S CODE

• عنصر قوی The Strong Element

• عنصر "توجه به" The 'Bring Attention To' Element

• عنصر تاکید The Emphasis Element

• عنصر "متن اصطلاحی". The 'Idiomatic Text' Element

• عناصر تودرتو Nesting Elements

• زیرنویس و زیرنویس Superscript and Subscript

• ایجاد لیست ها Creating Lists

• لیست های تودرتو Nesting Lists

• Inline vs. بلوک عناصر Inline Vs. Block Elements

• تمرین عناصر متن Text Elements Exercise

لینک ها و تصاویر Links and Images

• کد نسخه ی نمایشی این بخش را دریافت کنید GET THIS SECTION'S DEMO CODE

• معرفی عناصر لنگر Introducing Anchor Elements

• ایجاد پیوندهای نسبی Creating Relative Links

• پیوند دادن به عناصر صفحه Linking To Page Elements

• Mailto و لینک های تلفن Mailto and Telephone Links

• ایجاد عناصر تصویر Creating Image Elements

• ویژگی Alt The Alt Attribute

• تمرین پیوندها و تصاویر Links and Images Exercise

جداول Tables

• کد نسخه ی نمایشی این بخش را دریافت کنید GET THIS SECTION'S DEMO CODE

• معرفی جداول HTML Introducing HTML Tables

• کار با جدول، tr و td Working with table, tr, and td

• ایجاد هدر جدول Creating Table Headers

• ساختار جداول با سر، Tbody، و Tfoot Structuring Tables With Thead, Tbody, and Tfoot

• اضافه کردن زیرنویس به جداول Adding Captions To Tables

• کار با Colspan و Rowspan Working With Colspan and Rowspan

• تمرین جداول Tables Exercise

تشکیل می دهد Forms

• کد نسخه ی نمایشی این بخش را دریافت کنید GET THIS SECTION'S DEMO CODE

• ورودی های فرم اول ما! Our First Form Inputs!

• عنصر فرم The Form Element

• ایجاد دکمه ها Creating Buttons

• ایمیل، URL و ورودی های شماره Email, URL & Number Inputs

• ایجاد برچسب های ورودی Creating Input Labels

• ویژگی نام The Name Attribute

• ویژگی مورد نیاز The Required Attribute

• یک یادداشت سریع در مورد Divs A Quick Note on Divs

• تمرین پایه فرم ها Forms Basics Exercise

فرم های بیشتر More Forms

• کد نسخه ی نمایشی این بخش را دریافت کنید GET THIS SECTION'S DEMO CODE

• ایجاد مناطق متنی Creating Text Areas

• کار با چک باکس ها Working With Checkboxes

• ورودی محدوده (لغزنده). The Range (Slider) Input

• ساختن کشویی با انتخاب و گزینه ها Making Dropdowns with Select and Options

• ایجاد گروه های دکمه رادیویی Creating Radio Button Groups

• سایر انواع ورودی Other Input Types

• ویژگی معلولین The Disabled Attribute

• مجموعه میدان ها و افسانه ها Fieldsets and Legends

• فرم های بیشتر تمرین More Forms Exercise

عناصر معنایی و چند رسانه ای Semantic Elements and Multimedia

• کد نسخه ی نمایشی این بخش را دریافت کنید GET THIS SECTION'S DEMO CODE

• عنصر Span The Span Element

• نکته A Div چیست؟ What's The Point of A Div?

• معرفی نشانه گذاری معنایی Introducing Semantic Markup

• کاوش در عناصر معنایی Exploring Semantic Elements

• عنصر صوتی Audio Element

• ایجاد عناصر ویدیویی Creating Video Elements

مراحل بعدی Next Steps

• مراحل بعدی Next Steps