HTML زبان بنیادی طراحی وب

وقتی حرف از طراحی وب‌ سایت به میان می‌ آید، ذهن تمامی افراد ناخواسته به سمت زبان HTML و CSS هدایت می‌ شود. واژه HTML (اچ‌ تی‌ ام‌ ال) مخفف Hyper Text Markup Language به معنی زبان نشانه‌ گذاری فوق متن است. این زبان، زبان استاندارد صفحات وب است و زبان نهایی است که توسط مرورگر ترجمه شده و به کاربر نمایش داده می‌ شود. به طور دقیق‌ تر، شما وب‌ سایتی را به زبان PHP و یا ASP.Net طراحی و برنامه نویسی می‌کنید، این وب‌ سایت بعد از اجرا بر روی سرور و همینطور سیستم کاربر، تبدیل به قطعه کدهای HTML شده و بر روی مرورگر ترجمه شده و به کاربر نمایش داده می‌ شود.

XHTML مخفف Extensible Hyper Text Markup Language است و تقریبا همانند HTML4 می باشد و این آموزش بر اساس XHTML 1.0 است.

فهرست سرفصل‌ها و رئوس مطالب مطرح شده در اين مجموعه آموزشی، در ادامه آمده است:

• درس اول: مقدمات HTML
  • معرفی HTML
  • شروع کار با HTML
  • مفهوم تگ یا نشانه
  • تگ html
  • تگ head
  • تگ body
  • تگ meta و استفاده از آن برای تعیین Encoding صفحه
  • تگ title و مزایا و نقش آن در SEO
  • معرفی مفهوم SEO یا Search Engine Optimization
  • تگ p برای ایجاد پاراگراف
  • معرفی خصوصیت style و مفهوم آن
  • معرفی خصوصیات مهم موجود در Style از قبیل font-size, width, height, color, background-color, background-image, font-weight, text
  • align, direction و ...
  • معرفی تگ‌های Heading و نقش آن در SEO
  • معرفی تگ span
  • معرفی موجودیت (Entity) ها در HTML از جمله برای فاصله گذاری
  • معرفی تگ br
• درس دوم: تگ های Text Formatting
  • تگ b
  • تگ i
  • تگ u
  • تگ strong و نقش آن در SEO
  • تگ em و مفهوم آن
  • اشاره ای به وب معنایی
  • تگ های big, small, del, ins, mark, sup, sub, blockquote, q , abbr, address, cite, samp, code, kbd, code, pre, var
• درس سوم: Link Building
  • معرفی تگ a و خصوصیت href برای ایجاد لینک
  • انواع آدرس دهی و تفاوت آن ها
  • نکات مربوط به SEO
  • خصوصیت title
  • خصوصیت target
  • ایجاد Bookmark با استفاده از تگ a و خصوصیت name
• درس چهارم: عکس ها در صفحه وب
  • معرفی تگ img و خصوصیت src
  • معرفی خصوصیات title و alt
  • گذاشتن عکس در لینک و استفاده از خصوصیات مربوط به border
  • استفاده از map به منظور ایجاد چند ناحیه قابل کلیک در یک عکس
• درس پنجم: مروری بر CSS
  • بررسی اشکالات گذاشتن Style به صورت inline
  • معرفی تگ style
  • مفهوم انتخاب گر یا selector در CSS و بررسی چند selector از قبیل id و class
  • معرفی Style به صورت external و معرفی مفهوم CSS و تگ link
• درس ششم: لیست ها
  • تگ ol و لیست مرتب
  • تگ ul و لیست نامرتب
  • معرفی خصوصیات type و start
  • تعیین عکس به عنوان bullet برای لیست
• درس هفتم: جدول
  • معرفی تگ table
  • استفاده از تگ های tr و td در جدول
  • خصوصیات border, align, valign, width, colspan, row
  • تگ های colgroup, tfoot, thead, tbody
• درس هشتم: تگ div
  • معرفی مفهوم و موارد استفاده تگ div
  • کنار هم چیدن div ها برای قالب بندی صفحه
  • مفهوم position و مختصات left و top
  • مفهوم float
  • قالب بندی یک صفحه با div
  • مفهوم clear
• درس نهم: فرم در صفحه وب
  • تگ form
  • کنترل های فرم برای برنامه نویسی در html4 و html5
  • تگ های input با انواع button, text, checkbox, radio, submit , reset, password, number, color, date, range
  • تگ textarea
  • تگ select و option برای ایجاد Dropdown
  • تگ datalist
• درس دهم: مدیا در صفحه وب
  • معرفی تگ video و source برای گذاشتن ویدیو در صفحه وب
  • معرفی تگ audio
  • تگ object
  • تگ embed
• درس یازدهم: تگ های درون head و مفهوم DOCTYPE
  • معرفی انواع تگ های meta
  • تگ base
  • مفهوم DOCTYPE و معرفی انواع نسخه HTML
• درس دوازدهم: مروری مختصر بر رنگ ها