آموزش مقدمه ای بر HTML دوره کامل مبتدی تا خبره

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

مقدمه ای بر یادگیری HTML Introduction to learning HTML

• مقدمه دوره HTML HTML Course Introduction

• منابع و رئوس مطالب دوره Resources and course outline

• مقدمه HTML HTML Introduction

• مقدمه HTML HTML Introduction

• آشنایی با HTML Getting to Know HTML

• آشنایی با HTML Getting to Know HTML

• عنصر چیست What is an Element

• ساختار صفحه HTML HTML page structure

• ساختار صفحه HTML HTML page structure

• فراداده HTML HTML metadata

• HTML Doctype HTML Doctype

• HTML Doctype HTML Doctype

• تمرین شماره 1 ساخت صفحه فهرست Exercise #1 Making an index page

• تمرین شماره 1 ساخت صفحه فهرست Exercise #1 Making an index page

• شروع تمرین کد منبع 1 Source Code Exercise 1 Start

• شروع تمرین کد منبع 1 Source Code Exercise 1 Start

• قالب بندی عنصر HTML Element Formatting HTML

• قالب بندی عنصر HTML Element Formatting HTML

• سرفصل های HTML HTML Headings

• سرفصل های HTML HTML Headings

• برچسب های خود بسته شدن Self Closing Tags

• برچسب های خود بسته شدن Self Closing Tags

• تمرین شماره 2 برچسب های HTML Exercise #2 HTML Tags

• شروع تمرین کد منبع 2 Source Code Exercise 2 Start

• نظرات HTML HTML Comments

مقدمه ای بر یادگیری HTML Introduction to learning HTML

• مقدمه دوره HTML HTML Course Introduction

• منابع و رئوس مطالب دوره Resources and course outline

• عنصر چیست What is an Element

• فراداده HTML HTML metadata

• تمرین شماره 2 برچسب های HTML Exercise #2 HTML Tags

• شروع تمرین کد منبع 2 Source Code Exercise 2 Start

• نظرات HTML HTML Comments

تگ های HTML HTML Tags

• متن از پیش فرمت شده Preformatted Text

• متن از پیش فرمت شده Preformatted Text

• موجودیت های HTML HTML Entities

• موجودیت های HTML HTML Entities

• قالب بندی متن HTML HTML text formatting

• قالب بندی متن HTML بیشتر More HTML text formatting

• قالب بندی متن HTML بیشتر More HTML text formatting

• کد نمونه 1 Sample Code 1

• قالب بندی متن را تمرین کنید Practice text formatting

• Div و Spans برای سازماندهی محتوا Divs and Spans to organize content

• Div و Spans برای سازماندهی محتوا Divs and Spans to organize content

• عناصر معنایی HTML5 HTML5 Semantic Elements

• تمرین شماره 3 عناصر معنایی HTML5 Exercise #3 HTML5 Semantic Elements

• تمرین شماره 3 عناصر معنایی HTML5 Exercise #3 HTML5 Semantic Elements

• تمرین کد منبع 3 Source Code Exercise 3

• تمرین کد منبع 3 Source Code Exercise 3

• محتوای جایگیر Placeholder Content

• محتوای جایگیر Placeholder Content

• برچسب لنگر هایپرلینک ها Hyperlinks Anchor Tag

• برچسب لنگر هایپرلینک ها Hyperlinks Anchor Tag

• آن را امتحان کنید ساخت یک صفحه Try it Build a Page

• نمونه سایت جای جای Placeholder Site sample

• نمونه سایت جای جای Placeholder Site sample

• افزودن تصاویر به صفحه شما Adding Images to your Page

• نمونه تصاویر Images Sample

• نمونه تصاویر Images Sample

• تصاویر تمرین شماره 4 Exercise #4 Images

• تصاویر تمرین شماره 4 Exercise #4 Images

• لیست های HTML HTML lists

• لیست های HTML HTML lists

• نمونه لیست List Sample

• نمونه لیست List Sample

• تمرین شماره 5 افزودن لیست ها. Exercise #5 Adding Lists.

• تمرین کد منبع 5 Source Code Exercise 5

• تمرین کد منبع 5 Source Code Exercise 5

• تمرین شماره 6 اولین وب سایت را بازسازی کنید Exercise #6 rebuild the first website

• تمرین شماره 6 اولین وب سایت را بازسازی کنید Exercise #6 rebuild the first website

• شروع تمرین 6 کد منبع Source Code Exercise 6 Start

• شروع تمرین 6 کد منبع Source Code Exercise 6 Start

• تمرین شماره 7 لیست های تودرتو Exercise #7 Nested Lists

• تمرین کد منبع 7 Source Code Exercise 7

• جداول HTML HTML tables

• نمونه جدول Table Sample

• نمونه جدول Table Sample

تگ های HTML HTML Tags

• قالب بندی متن HTML HTML text formatting

• کد نمونه 1 Sample Code 1

• قالب بندی متن را تمرین کنید Practice text formatting

• عناصر معنایی HTML5 HTML5 Semantic Elements

• آن را امتحان کنید ساخت یک صفحه Try it Build a Page

• افزودن تصاویر به صفحه شما Adding Images to your Page

• تمرین شماره 5 افزودن لیست ها. Exercise #5 Adding Lists.

• تمرین شماره 7 لیست های تودرتو Exercise #7 Nested Lists

• تمرین کد منبع 7 Source Code Exercise 7

• جداول HTML HTML tables

فرم های HTML HTML Forms

• جداول HTML با Style HTML tables with Style

• جداول HTML با Style HTML tables with Style

• فرم های HTML HTML Forms

• فرم های HTML HTML Forms

• فرم نمونه HTML Form Sample HTML

• فرم نمونه HTML Form Sample HTML

• تمرین شماره 8 یک فرم تماس ایجاد کنید Exercise #8 Create a Contact Form

• تمرین شماره 8 یک فرم تماس ایجاد کنید Exercise #8 Create a Contact Form

• گزینه های فرم HTML HTML Form options

• ارسال فرم Form Submission

• ارسال فرم Form Submission

• انواع ورودی بیشتر HTML5 More input types HTML5

• انواع ورودی بیشتر HTML5 More input types HTML5

• انواع ورودی HTML نمونه HTML input types Sample

• بیشتر با فرم های HTML5 More with HTML5 Forms

• نمونه فرم ثبت نام HTML HTML sign up form sample

• نمونه فرم ثبت نام HTML HTML sign up form sample

• مجموعه فیلد فرم HTML HTML form fieldset

• تمرین شماره 9 فرم تمرین Exercise #9 Form Practice

• تمرین شماره 9 فرم تمرین Exercise #9 Form Practice

• فرم ثبت نام نمونه کد منبع Sign Up Form Example Source Code

• فرم ثبت نام نمونه کد منبع Sign Up Form Example Source Code

فرم های HTML HTML Forms

• گزینه های فرم HTML HTML Form options

• انواع ورودی HTML نمونه HTML input types Sample

• بیشتر با فرم های HTML5 More with HTML5 Forms

• مجموعه فیلد فرم HTML HTML form fieldset

نتیجه گیری HTML و تگ های نهایی HTML conclusion and final tags

• آی فریم های HTML HTML iframes

• تمرین شماره 10 تمرین وب سایت HTML Exercise #10 HTML Website Exercise

• تمرین شماره 10 تمرین وب سایت HTML Exercise #10 HTML Website Exercise

• نتیجه گیری HTML HTML Conclusion

• منبع نهایی پروژه Final Project Source

نتیجه گیری HTML و تگ های نهایی HTML conclusion and final tags

• آی فریم های HTML HTML iframes

• نتیجه گیری HTML HTML Conclusion

• منبع نهایی پروژه Final Project Source

بخش پاداش Bonus Section

• راهنمای کد Frontend Frontend Code Guide

بخش پاداش Bonus Section

• راهنمای کد Frontend Frontend Code Guide