با طی کردن روند صحیح برنامه نویسی وب می توانید در مدت کوتاهی تبدیل به یک طراح وب شوید و لازمه ی این کار یادگیری زبان HTML می باشد. در صورتی که علاقه مند به یادگیری HTML هستید و اطلاعاتی در این زمینه ندارید یا تازه شروع کرده‌اید، برای شروع یادگیری و رسیدن به بالاترین سطوح، شما می توانید همین حالا کتاب آموزش کامل، قدم به قدم و در عین حال ساده ای که توسط وب سایت مهندس 360 ارائه شده را تهیه کنید. لازم به ذکر است که این آموزش، ترجمه آموزش HTML وب سایت w3schools بوده و همه مفاهیم مندرج در این سایت را در بر می گیرد. امیدواریم این آموزش‌‌، بتواند به شما در فراگیری اصول طراحی وب یاری کند.

مترجم: حمید رضا ارزبین

فهرست مطالب

بخش اول

آموزش HTML
مثالهای هر فصل
مثال های HTML
تمرینات HTML و آزمون تستی
مقدمه ای بر HTML
HTML چیست؟
یک سند HTML ساده
تگ های HTML
مرورگرهای وب
ساختار صفحه HTML
تگ
نسخه های HTML
ویرایشگرهای HTML
نوشتن کدهای HTML با استفاده از برنامه Notepad و TextEdit
مثالهای ساده HTML
فایل های HTML
عنوان ها در HTML
پاراگراف ها در HTML
لینک ها در HTML
تصاویر در HTML
عناصر HTML
عناصر تو در توی HTML
عناصر خالی HTML
استفاده از تگ ها با حروف کوچک
ویژگی های تگ های HTML
ویژگی های تگ های HTML
ویژگی href
ویژگی src
ویژگی عرض و ارتفاع
ویژگی alt
ویژگی استایل
ویژگی lang
مشخصه title
سینگل کوتیشن یا دابل کوتیشن؟
خلاصه فصل
عناوین در HTML
تگ های عنوان در HTML
عناوین بزرگتر
جدا کننده افقی HTML
عنصردر HTMLچگونه سورس کد یک صفحه HTML را نشان دهیم؟مشاهده سورس کد HTMLبازبینی یک عنصر HTMLمرجع تگ HTMLپاراگراف های HTMLتگ پاراگراف HTMLنمایش HTMLشکستن خط HTMLمشکل نوشتن اشعارتگ

در HTML
مرجع تگ HTML
استایل های HTML
ویژگی Style در HTML
رنگ پس زمینه HTML
رنگ متن در HTML
فونت ها در HTML
اندازه متن در HTML
تراز متن در HTML
خلاصه فصل
قالب بندی متن در HTML
عناصر قالب بندی در HTML
المان های  و  در HTML
تگ های  و  در HTML
تگ  در HTML
تگ  در HTML
تگ  در HTML
تگ  در HTML
تگ  در HTML
تگ  در HTML
تگ های قالب بندی در HTML
تگ های نقل قول و استناد کننده در HTML
تگ  برای نقل قول های کوتاه
تگ
برای نقل قول ها
تگ  برای مخفف کردن کلمات
تگ
برای اطلاعات تماس
تگ  برای عنوان کار
تگ  برای تعریف جهت نوشتار در HTML
تگ های نقل قول و استناد در HTML
کامنت ها در HTML
تگ های کامنت در HTML
رنگ های HTML
نام رنگ ها
رنگ پس زمینه
رنگ متن
رنگ حاشیه
مقادیر رنگ ها
مقدار RGB
مقدار HEX
مقدار HSL
Saturation (اشباع)
Lightness
مقدار RGBA
مقدار HSLA
استایل های HTML – CSS
ساخت ظاهر گرافیکی HTML با استفاده از CSS
Inline CSS
Internal CSS
External CSS
فونت ها در CSS
حاشیه در CSS
CSS Padding
CSS Margin
ویژگی id
ویژگی Class
منابع خارجی
خلاصه فصل
لینک ها در HTML
لینک های HTML – هایپر لینک ها
لینک های HTML – روش نوشتن
لینک های محلی
رنگ لینک های HTML
لینک های HTML - خصوصیت target
لینک های HTML – تصویر به عنوان لینک
عناوین لینک ها
لینک های HTML – ایجاد یک Bookmark
مسیرهای خارجی
خلاصه فصل
تگ های لینک در HTML
تصاویر در HTML
نحوه نوشتن دستور درج تصویر در HTML
ویژگی alt
اندازه تصویر - عرض و ارتفاع
Width و Height یا Style؟
تصاویر در پوشه دیگر
تصاویر در یک سرور دیگر
تصاویر متحرک
استفاده از یک تصویر به عنوان یک لینک
شناور کردن تصویر
Image map
تصویر پس زمینه
عنصر 
خوانندگان صفحه HTML
خلاصه فصل
تگ های تصویر در HTML
جداول HTML
تعریف جدول در HTML
جدول در HTML – اضافه کردن Border
جدول HTML – ادغام حاشیه ها
جدول HTML – اضافه کردن padding به سلول
جدول HTML – چپ چین کردن عناوین
جدول HTML – اضافه کردن Border Spacing
جدول HTML – سلول هایی که چند ستون را اشغال می کنند
جدول HTML – سلول هایی که چند ردیف را اشغال می کنند
جدول HTML – اضافه کردن Caption جدول
یک استایل خاص برای یک جدول
خلاصه فصل
تگ های جدول در HTML
لیست ها در HTML
لیست نامرتب در HTML
لیست نامرتب در HTML – انتخاب نشانگر آیتم
لیست مرتب در HTML
لیست مرتب HTML – نوع ویژگی
لیست های توصیفی در HTML
لیست های تو در تو در HTML
کنترل شمارش لیست
لیست های افقی
خلاصه فصل
تگ های لیست
تگ های بلاک و درون خطی در HTML
تگ های block-level
تگ های درون خطی در HTML
تگ های درون خطی
تگ های درون خطی در HTML
تگ

تگ 
تگ های گروه بندی در HTML
ویژگی class در HTML
استفاده از ویژگی CLASS
استفاده از ویژگی class در جاوا اسکریپت
کلاس های چندگانه
همان کلاس، تگ متفاوت
ویژگی id در HTML
استفاده از ویژگی id
My Header
تفاوت بین class و id
استفاده از ویژگی id در جاوا اسکریپت
Iframe در HTML
نحوه نوشتن Iframe
Iframe – تنظیم height و width
Iframe – حذف حاشیه (Border)
Iframe – هدف برای یک لینک
تگ iframe در HTML
جاوا اسکریپت در HTML
تگ