html مخفف عبارت HyperText Markup language به معنی زبان نشانه گذاری ابر متن است که به منظور تعیین ساختار صفحات وب و محتوای درون آن صفحات به کار می رود.
ساختار عناصر html
هر صفحه html از عناصری تشکیل می شود که به آنها تگ html می گوییم و شامل اجزای زیر است:
- تگ شروع: شامل عنوان عنصر است که بین دو علامت “<” و “>” قرار گرفته است و نشانگر آغاز محدوده ای است که عنصر ما روی آن تاثیر می گذارد
- تگ پایان: مشابه تگ ورودی است با این تفاوت که قبل از نام عنصریک علامت اسلش رو به جلو نیز دارد و نشان می دهد که این عنصر در کجا به پایان می رسد. عدم بستن تگ عنصر یک خطای مرسوم است که می تواند باعث به همریختگی های عجیبی در متن شود.
- محتوا: این محتوای عنصر است که در این مورد فقط متن است.
- عنصر: تگ شروع، تگ بسته شدن و محتوا با هم عنصر را تشکیل می دهند
یک محتوای html ساده
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
در متن بالا یک نمونه از محتوای ساده html را می بینیم که شامل عناصر زیر است
- اعلان <!DOCTYPE html> تعریف می کند که این سند یک سند HTML5 است.
- عنصر <html> عنصر اصلی یک صفحه HTML است.
- عنصر <head> حاوی اطلاعات متا در مورد صفحه HTML است.
- عنصر <title> عنوانی را برای صفحه مشخص می کند. صفحه HTML (که در نوار عنوان مرورگر یا در برگه صفحه نشان داده شده است) پ
- عنصر <body> بدنه سند را تعریف می کند و محفظه ای برای تمام محتویات قابل مشاهده مانند سرفصل ها، پاراگراف ها، تصاویر، لینک ها، جداول، فهرست ها است. و غیره.
- عنصر <h1> یک عنوان بزرگ را تعریف می کند
- عنصر <p> یک پاراگراف را تعریف می کند
ساختار صفحات html متشکل از تگ های تو در تو است که برخی خصوصیات را از والد خود به ارث می برند و همچنین ممکن است برخی خصوصیات تگ والد بر خصوصیات تگ فرزند یا خصوصیات آن موثر باشد. در مثال فوق ساختار این تگ ها به این صورت است
ساخت یک صفحه html در Notepad
گام اول : باز کردن نرم افزار ویرایشگر
در Windows 8 و ویرایش های بعد:
- منوی استارت را باز کنید ، برای این کار بر روی علامت ویندوز که در سمت چپ وجود دارد کلیک کنید
- عبارت Notepad را تایپ کنید
در Windows 7 و ویرایش های قدیمی تر :
- منوی استارت را باز کنید
- مسیر زیر را در آن طی کنید
Start > Programs > Accessories > Notepad
گام دوم : نوشتن کد html
کدهای html مورد نظر خود را در notepad بنویسید
گام سوم : ذخیره صفحه
برای ذخیره صفحه از مسیر File > Save as استفاده کنید
گزینه All files را انتخاب کنید ، نوع فایل را utf-8 انتخاب کنید و پسوند فایل را html یا htm را انتخاب کنید.
گام چهارم : مشاهده صفحه
با کلیک بر روی فایل ذخیره شده و باز کردن آن با یک مرورگر وب محتوای نمایشی آن را مشاهده فرمایید
ویژگی تگ های HTML
هر تگ html دارای خصوصیات مشخص است که از آن
- همه عناصر HTML می توانند دارای ویژگی باشند
- ویژگی ها اطلاعات بیشتری در مورد عناصر ارائه می دهند
- ویژگی ها همیشه در تگ شروع مشخص می شوند
- مشخصه ها معمولاً به صورت جفت نام/مقدار مانند: name = “value” می آیند
