آموزش HTML - مقدمه ای بر توسعه وب HTML

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

معرفی سریع - HTML Quick Introduction - HTML

• به مقدمه ای بر توسعه وب HTML خوش آمدید Welcome to Introduction to HTML Web Development

• به مقدمه ای بر توسعه وب HTML خوش آمدید Welcome to Introduction to HTML Web Development

• منابع دوره قابل دانلود Downloadable Course Resources

• منابع دوره قابل دانلود Downloadable Course Resources

معرفی سریع - HTML Quick Introduction - HTML

در حال راه اندازی - HTML Getting Setup - HTML

• ویرایشگر HTML خود را انتخاب کنید Pick Your HTML Editor

• ویرایشگر HTML خود را انتخاب کنید Pick Your HTML Editor

• راه اندازی یک ساختار پوشه Setting Up a Folder Structure

• راه اندازی NotePad (ماشین ویندوز) Launching NotePad (Windows Machine)

• راه اندازی NotePad (ماشین ویندوز) Launching NotePad (Windows Machine)

• MAC USERS - راه اندازی MAC TextEdit (دانلود) MAC USERS - Launching MAC TextEdit (DOWNLOAD)

• منابع توسعه وب HTML (دانلود) HTML Web Development Resources (Download)

• منابع توسعه وب HTML (دانلود) HTML Web Development Resources (Download)

در حال راه اندازی - HTML Getting Setup - HTML

• راه اندازی یک ساختار پوشه Setting Up a Folder Structure

• MAC USERS - راه اندازی MAC TextEdit (دانلود) MAC USERS - Launching MAC TextEdit (DOWNLOAD)

مبانی عناصر HTML Basics of HTML Elements

• مشاهده منبع صفحه برچسب های HTML Viewing HTML Tags Page Source

• مشاهده منبع صفحه برچسب های HTML Viewing HTML Tags Page Source

• شکستن یک تگ HTML Breaking Down an HTML Tag

• تگ های رایج HTML Common HTML Tags

• افزودن ویژگی های برچسب به تگ های HTML Adding Tag Attributes to HTML Tags

• افزودن ویژگی های برچسب به تگ های HTML Adding Tag Attributes to HTML Tags

• منبع برچسب های HTML (دانلود) HTML Tags Resource (Download)

• منبع برچسب های HTML (دانلود) HTML Tags Resource (Download)

• آزمون شماره 1 - برچسب ها و ویژگی های HTML QUIZ #1 - HTML Tags and Attributes

مبانی عناصر HTML Basics of HTML Elements

• شکستن یک تگ HTML Breaking Down an HTML Tag

• تگ های رایج HTML Common HTML Tags

• آزمون شماره 1 - برچسب ها و ویژگی های HTML QUIZ #1 - HTML Tags and Attributes

اصول ایجاد صفحه HTML Basics of Creating an HTML Page

• راه اندازی یک صفحه اصلی HTML Setting Up a Basic HTML Page

• راه اندازی یک صفحه اصلی HTML Setting Up a Basic HTML Page

• با استفاده از تگ TITLE HTML Using the HTML TITLE Tag

• جایزه - HTML - FAVICON مرورگر BONUS - HTML - Browser FAVICON

• جایزه - HTML - FAVICON مرورگر BONUS - HTML - Browser FAVICON

• اضافه کردن متن به تگ HTML BODY Adding Text to the HTML BODY Tag

• اضافه کردن متن به تگ HTML BODY Adding Text to the HTML BODY Tag

• درج نظرات HTML Inserting HTML Comments

• درج نظرات HTML Inserting HTML Comments

• آزمون شماره 2 - ایجاد یک صفحه اصلی HTML QUIZ #2 - Creating a Basic HTML Page

• تمرین شماره 1 - ایجاد یک صفحه اصلی HTML Exercise #1 - Creating a Basic HTML Page

• تمرین شماره 2 - پیشرفت خود را در بخش QA به اشتراک بگذارید (ابزار SNIPPING) Exercise #2 - Share Your Progress in the QA Section (SNIPPING TOOL)

اصول ایجاد صفحه HTML Basics of Creating an HTML Page

• با استفاده از تگ TITLE HTML Using the HTML TITLE Tag

• آزمون شماره 2 - ایجاد یک صفحه اصلی HTML QUIZ #2 - Creating a Basic HTML Page

• تمرین شماره 1 - ایجاد یک صفحه اصلی HTML Exercise #1 - Creating a Basic HTML Page

• تمرین شماره 2 - پیشرفت خود را در بخش QA به اشتراک بگذارید (ابزار SNIPPING) Exercise #2 - Share Your Progress in the QA Section (SNIPPING TOOL)

کار با HTML TAG و HEADING Working with HTML PARAGRAPH and HEADING Tags

• اضافه کردن پاراگراف های HTML Adding HTML Paragraphs

• ایجاد شکستگی خط با تگ BREAK Creating Line Breaks with the BREAK Tag

• ایجاد شکستگی خط با تگ BREAK Creating Line Breaks with the BREAK Tag

• جایزه - CSS - اضافه کردن سبک به پاراگراف BONUS - CSS - Adding Style to a Paragraph

• کار با تگ های HEADING HTML Working with HTML HEADING Tags

• کار با تگ های HEADING HTML Working with HTML HEADING Tags

• HEADING رویه های خوب را تگ کنید HEADING Tag Good Practices

• آزمون شماره 4 - پاراگراف HTML و تگ های عنوان QUIZ #4 - HTML Paragraph and Heading Tags

• تمرین شماره 3 - استفاده از پاراگراف HTML و تگ های عنوان Exercise #3 - Using HTML Paragraph and Heading Tags

کار با HTML TAG و HEADING Working with HTML PARAGRAPH and HEADING Tags

• اضافه کردن پاراگراف های HTML Adding HTML Paragraphs

• جایزه - CSS - اضافه کردن سبک به پاراگراف BONUS - CSS - Adding Style to a Paragraph

• HEADING رویه های خوب را تگ کنید HEADING Tag Good Practices

• آزمون شماره 4 - پاراگراف HTML و تگ های عنوان QUIZ #4 - HTML Paragraph and Heading Tags

• تمرین شماره 3 - استفاده از پاراگراف HTML و تگ های عنوان Exercise #3 - Using HTML Paragraph and Heading Tags

کار با تگ <img> HTML برای درج تصاویر Working with HTML <img> tag to Insert Images

• درج تصاویر با تگ HTML <IMG> Inserting Images with the HTML <IMG> Tag

• HTML IMAGE برچسب ALT مشخصه HTML IMAGE Tag ALT Attribute

• HTML IMAGE برچسب ALT مشخصه HTML IMAGE Tag ALT Attribute

• ویژگی های عرض و ارتفاع تگ HTML IMAGE HTML IMAGE tag Width and Height Attributes

• ویژگی های عرض و ارتفاع تگ HTML IMAGE HTML IMAGE tag Width and Height Attributes

• جایزه - CSS - قالب بندی تصویر BONUS - CSS - Image Formatting

• ارجاعات تصویر HTML در یک پوشه دیگر HTML Image References in another Folder

• ارجاعات تصویر HTML در یک پوشه دیگر HTML Image References in another Folder

• آزمون شماره 5 - برچسب HTML <IMG> QUIZ #5 - HTML <IMG> Tag

• آزمون شماره 5 - برچسب HTML <IMG> QUIZ #5 - HTML <IMG> Tag

• تمرین شماره 4 - کار با تصاویر Exercise #4 - Working with Images

• تمرین شماره 4 - کار با تصاویر Exercise #4 - Working with Images

کار با تگ <img> HTML برای درج تصاویر Working with HTML <img> tag to Insert Images

• درج تصاویر با تگ HTML <IMG> Inserting Images with the HTML <IMG> Tag

• جایزه - CSS - قالب بندی تصویر BONUS - CSS - Image Formatting

کار با لیست های مرتب شده و نامرتب HTML Working with HTML Ordered and Unordered Lists

• ایجاد یک لیست HTML نامرتب Creating an Unordered HTML List

• ایجاد یک لیست HTML نامرتب Creating an Unordered HTML List

• گلوله های فرعی لیست نامرتب HTML HTML Unordered List Sub-bullets

• ایجاد لیست HTML مرتب شده Creating Ordered HTML List

• ایجاد لیست HTML مرتب شده Creating Ordered HTML List

• جایزه - CSS - قالب بندی لیست های HTML BONUS - CSS - Formatting HTML Lists

• جایزه - CSS - قالب بندی لیست های HTML BONUS - CSS - Formatting HTML Lists

• آزمون شماره 6 - لیست های HTML QUIZ #6 - HTML Lists

• تمرین شماره 5 - افزودن لیست ها به صفحه HTML Exercise #5 - Adding Lists to an HTML Page

• تمرین شماره 5 - افزودن لیست ها به صفحه HTML Exercise #5 - Adding Lists to an HTML Page

کار با لیست های مرتب شده و نامرتب HTML Working with HTML Ordered and Unordered Lists

• گلوله های فرعی لیست نامرتب HTML HTML Unordered List Sub-bullets

• آزمون شماره 6 - لیست های HTML QUIZ #6 - HTML Lists

افزودن لینک های HTML Adding HTML Links

• پیوندهای مبتنی بر متن با تگ <a> HTML Text Based Links with the HTML <a> Tag

• تبدیل تصویر به لینک Turn an Image into a Link

• تبدیل تصویر به لینک Turn an Image into a Link

• با استفاده از ویژگی TARGET تگ <a>، یک برگه مرورگر جدید را هدف قرار دهید Target a New Browser Tab using the TARGET Attribute of the <a> tag

• ایجاد لینک های ایمیل Creating Email Links

• ایجاد پیوندهای شماره تلفن Creating Phone Number Links

• ایجاد پیوندهای شماره تلفن Creating Phone Number Links

• پیوندهای لنگر HTML با استفاده از ویژگی ID (نشانک ها) HTML Anchor Links using the ID Attribute (Bookmarks)

• جایزه - CSS - قالب بندی پیوندهای HTML BONUS - CSS - Formatting HTML Links

• جایزه - رنگ های HTML (دانلود) BONUS - HTML Colors (Download)

• پاداش - جاوا اسکریپت - اجرای جاوا اسکریپت بر روی لینک کلیک کنید BONUS - JavaScript - Execute JavaScript on Link Click

• پاداش - جاوا اسکریپت - اجرای جاوا اسکریپت بر روی لینک کلیک کنید BONUS - JavaScript - Execute JavaScript on Link Click

• آزمون شماره 7 - پیوندهای HTML QUIZ #7 - HTML Links

• آزمون شماره 7 - پیوندهای HTML QUIZ #7 - HTML Links

افزودن لینک های HTML Adding HTML Links

• پیوندهای مبتنی بر متن با تگ <a> HTML Text Based Links with the HTML <a> Tag

• با استفاده از ویژگی TARGET تگ <a>، یک برگه مرورگر جدید را هدف قرار دهید Target a New Browser Tab using the TARGET Attribute of the <a> tag

• ایجاد لینک های ایمیل Creating Email Links

• پیوندهای لنگر HTML با استفاده از ویژگی ID (نشانک ها) HTML Anchor Links using the ID Attribute (Bookmarks)

• جایزه - CSS - قالب بندی پیوندهای HTML BONUS - CSS - Formatting HTML Links

• جایزه - رنگ های HTML (دانلود) BONUS - HTML Colors (Download)

ایجاد جداول HTML Creating HTML Tables

• مبانی جداول HTML Basics of HTML Tables

• مبانی جداول HTML Basics of HTML Tables

• نمونه های جدول HTML HTML Table Examples

• نمونه های جدول HTML HTML Table Examples

• ایجاد یک جدول پایه HTML Creating a Basic HTML Table

• BONUS - CSS- اضافه کردن مرزها به جداول HTML BONUS - CSS- Adding Borders to HTML Tables

• BONUS - CSS- اضافه کردن مرزها به جداول HTML BONUS - CSS- Adding Borders to HTML Tables

• جدول HTML با چندین ستون و سطر HTML Table with Multiple Columns and Rows

• جدول HTML با چندین ستون و سطر HTML Table with Multiple Columns and Rows

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

• جدول HTML -- ویژگی TD - Colspan HTML Table -- TD Attribute - Colspan

• جدول HTML -- ویژگی TD - Colspan HTML Table -- TD Attribute - Colspan

• جایزه - CSS - قالب بندی جدول اضافی BONUS - CSS - Additional Table Formatting

• آزمون شماره 8 - جداول HTML Quiz #8 - HTML Tables

• تمرین شماره 7 - ایجاد جداول HTML Exercise #7 - Creating HTML Tables

• تمرین شماره 7 - ایجاد جداول HTML Exercise #7 - Creating HTML Tables

ایجاد جداول HTML Creating HTML Tables

• ایجاد یک جدول پایه HTML Creating a Basic HTML Table

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

• جایزه - CSS - قالب بندی جدول اضافی BONUS - CSS - Additional Table Formatting

• آزمون شماره 8 - جداول HTML Quiz #8 - HTML Tables

ایجاد و کار با فرم های HTML Creating and Working with HTML Forms

• مقدمه ای بر فرم های HTML Introduction to HTML Forms

• مقدمه ای بر فرم های HTML Introduction to HTML Forms

• مقدمه ای بر تگ HTML FORM Introduction to the HTML FORM tag

• مقدمه ای بر تگ HTML FORM Introduction to the HTML FORM tag

• ایجاد کنترل‌های متن ورودی HTML Creating HTML Input Text Controls

• ایجاد کنترل‌های متن ورودی HTML Creating HTML Input Text Controls

• ایجاد برچسب های فرم HTML Creating HTML Form Labels

• تمرین شماره 8 - افزودن کنترل های متنی به فرم HTML Exercise #8 - Adding Text Controls to the HTML Form

• کار با تگ های HTML TEXTAREA Working with HTML TEXTAREA tags

• کار با تگ های HTML TEXTAREA Working with HTML TEXTAREA tags

• ایجاد کنترل های رادیویی ورودی HTML Creating HTML Input Radio Controls

• ویژگی های رادیویی ورودی Input Radio Attributes

• ویژگی های رادیویی ورودی Input Radio Attributes

• افزودن دکمه فرم HTML برای ارسال داده های فرم Adding an HTML Form Button to Submit Form Data

• اضافه کردن یک قانون افقی با تگ HR Adding a Horizontal Rule with the HR tag

• با استفاده از فرم HTML نوع ورودی EMAIL Using HTML Form EMAIL Input Type

• انواع برچسب ورودی HTML HTML Input Tag Types

• انواع برچسب ورودی HTML HTML Input Tag Types

• آزمون شماره 9 - فرم های HTML Quiz #9 - HTML Forms

• آزمون شماره 9 - فرم های HTML Quiz #9 - HTML Forms

ایجاد و کار با فرم های HTML Creating and Working with HTML Forms

• ایجاد برچسب های فرم HTML Creating HTML Form Labels

• تمرین شماره 8 - افزودن کنترل های متنی به فرم HTML Exercise #8 - Adding Text Controls to the HTML Form

• ایجاد کنترل های رادیویی ورودی HTML Creating HTML Input Radio Controls

• افزودن دکمه فرم HTML برای ارسال داده های فرم Adding an HTML Form Button to Submit Form Data

• اضافه کردن یک قانون افقی با تگ HR Adding a Horizontal Rule with the HR tag

• با استفاده از فرم HTML نوع ورودی EMAIL Using HTML Form EMAIL Input Type

تبریک می گویم Congratulations

• مقدمه ای بر توسعه وب HTML تکمیل شد Introduction to HTML Web Development Completed

• مقدمه ای بر توسعه وب HTML تکمیل شد Introduction to HTML Web Development Completed

تبریک می گویم Congratulations