معرفی و آموزش HTML

HTML چیست؟

HTML زبان نشانه گذاری استاندارد برای ایجاد صفحات وب است.

HTML مخفف Hyper Text Markup Language است

HTML ساختار یک صفحه وب را توصیف می کند

HTML از یک سری عناصر تشکیل شده است

عناصر HTML به مرورگر می گویند چگونه محتوا را نمایش دهد

عناصر HTML توسط تگ ها نشان داده می شوند

تگ های HTML به قطعه ای از متن یک برچسب می زنند برای مثال برچسب "heading"،"paragraph"،"table" و غیره

مرورگرها تگ های HTML را نشان نمی دهند ، اما از آنها برای ارائه محتوای صفحه استفاده می کنند

یک سند HTML ساده

مثال

< DOCTYPE html!>

<html>

<head>

<title/> عنوان صفحه <title>

<head/>

<body>

<h1/> اولین عنوان من <h1>

<p/> اولین پاراگراف من. <p>

<body/>

<html/>

توضیح مثال گفته شده

< DOCTYPE html!> اعلام می کند سند از نوع HTML5 است

عنصر <html> عنصر اصلی یک صفحه HTML است

عنصر <head> حاوی اطلاعات متا در مورد سند است

عنصر <title> عنوانی را برای سند مشخص می کند

عنصر <body> حاوی محتوای صفحه قابل مشاهده است

عنصر <h1> تیتر اصلی را تعریف می کند

عنصر <p> پاراگراف را تعریف می کند

تگ های HTML

تگ های HTML اسامی عناصر هستند که توسط <>احاطه شده اند:

<نام تگ/> محتوا اینجا قرار می گیرد ... <نام تگ>

تگ های HTML معمولاً به صورت جفت هایی مانند <p> و </p> هستند

اولین تگ ، تگ استارت و تگ دوم تگ پایان است

تگ پایانی مانند تگ شروع نوشته می شود ، اما قبل از نام تگ یک / قرار می گیرد.

مرورگرهای وب

هدف از مرورگر وب (Chrome ، Edge ، Firefox ، Safari) خواندن اسناد HTML و نمایش آنهاست.

مرورگر تگ های HTML را نشان نمی دهد ، اما از آنها برای تعیین نحوه نمایش سند استفاده می کند:

توجه: فقط محتوای داخل بخش <body> در یک مرورگر نمایش داده می شود.

اعلان < DOCTYPE!>

عبارت < DOCTYPE!> نشانگر نوع سند است و به مرورگرها کمک می کند صفحات وب را به درستی نمایش دهند.

فقط باید یک بار ، در بالای صفحه (قبل از هر برچسب HTML) ظاهر شود.

اعلامیه < DOCTYPE!> حساس به حروف کوچک و بزرگ نیست.

عبارت < DOCTYPE!> برای HTML5 عبارت است از:

< DOCTYPE html!>

نسخه های HTML

از اوایل وب ، نسخه های زیادی از HTML وجود دارد:

HTML  در سال1991

HTML 2.0 در سال1995

HTML 3.2در سال 1997

HTML 4.01در سال 1999

XHTMLدر سال 2000

HTML5در سال 2014

لینک های مرتبط

Html و Css چیست ؟

جلسه دوم:HTML Head

جلسه سوم:عناصر HTML و تگ ها

جلسه چهارم:Attribute ها در HTML

جلسه پنجم:Headingها در HTML

جلسه ششم:پاراگراف در HTML

جلسه هفتم:استایل های HTML

جلسه هشتم:قالب بندی HTML

جلسه نهم:کامنت در HTML

جلسه دهم:لینک ها در HTML

جلسه یازدهم:تصاویر در HTML

جلسه دوازدهم:لیست های HTML

جلسه سیزدهم:Iframeها در  HTML

جلسه چهاردهم:فرم ها در HTML

جلسه پانزدهم:جداول در HTML

جلسه شانزدهم:فریم ها در HTML

نظر شما

1 نظر

علی رئوفی - 1398/12/2
ممنون از آموزش هاتون . بی زحمت یکم مقالات زود تر میشه بزارین تا زود تر یادبگریم . تشکر