شروع طراحی وب سایت با html است و مقدمه شروع کار است.
Html زبان برنامه نویسی نیست بلکه یک زبان نشانه گذاری استاندارد است که بوسیله آن می توان صفحات وب خود را طراحی کرد.
درباره HTML
واژه html مخفف hyper text markup language به معنی زبان نشانه گذاری فوق متن است.
بوسیله این زبان می توان صفحات وب خود را طراحی کرد.
این زبان ساختار صفحات وب شما را مشخص و تعریف می کند.
این ساختار شامل المنت ها برای تعریف ساختار صفحه است.
هریک از این المنت ها دارای مفهوم خاص هستند و مرورگر آن ها را خوانده و اجرا می کند و ممکن است برخی از آنها توسط مرورگرهای پیشرفته شناخته شوند و بعضی ها منقضی شده باشند.
این المنت ها که نام دیگر آن تگ است بخشی از از محتوای صفحات شما است.
مثال:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>dejavan.ir</h1> <p>amir javanmir</p> </body> </html> |
هریک از این تگ ها و خطوط دارای مفهوم خاص هستند.
- تگ DOCTYPE html: این دستور به مرورگر اعلام می‌کند که نوع سند html5 است.
- تگ html: این تگ تعریف کننده روت اصلی و محل نمایش تگ های در خروجی مرورگر است.
- تگ head: اطلاعات و تنظیمات سند شامل عنوان سند، کلمات کلیدی، توضیحات و… در این بخش قرار می گیرد.
- تگ title: این تگ درون تگ head قرار دارد و متن عنوان صفحه در آن قرار می گیرد.
- تگ body: محتوای خروجی مرورگر در این ناحیه قرار دارد.سایر تگ ها مانند پاراگراف، تصویر، لینک در این بخش قرار می گیرد.
المنت یا تگ چیست؟
تگ در html استفاده شده و با علامت > شروع شده سپس نام تگ را نوشته و آن را با < می بندیم.بعد از نوشتن تگ آغازین در صورت داشتن متن آن را نوشته و تگ باز شده را به شکل \> نام تگ و سپس با < تگ خود را می‌بندیم.
بعضی از تگ ها دارای تگ پایانی نیستند و درون خود بسته می شوند.
مثال تگ باز و بسته:
|
1 |
<tagname>Content goes here...</tagname> |
مثال تگ واقعی:
|
1 2 |
<h1>dejavan.ir</h1> <p>amir javanmir</p> |
به <h1> و <p> تگ شروع و به </h1> و </p> تگ پایانی گفته می شود.
متن dejavan.ir و amir javanmir محتوای تگ است.
نکته: برخی از تگ ها مانند br دارای محتوا نیستند به این مدل تگ های خالی گفته می شود.
مرورگرهای وب
هدف تمامی مرورگرهای وب مانند کروم،فایرفاکس و … خواندن تگ ها و نمایش آن در خروجی است.
مرورگرها تگ ها را همانطور که نوشته می شوند در خروجی نمایش نمی دهند بلکه آنها را تحلیل کرده و تفسیر و اجرا می کند.
در تصویر زیر تنها قسمت سفید رنگ در خروجی نمایش داده میشود.
تاریخچه html
- سال ۱۹۸۹ شخصی به نام Tim Berners-Lee مخترع www بود
- سال ۱۹۹۱ html را ایجاد کرد.
- سال ۱۹۹۳ شخص دیگری به نام Dave Raggett شروع به تبدیل html به +html کرد
- سال ۱۹۹۵ گروهی که بر روی html کار می کردند نسخه html2.0 را معرفی کردند.
- سال ۱۹۹۷ سازمان استاندارد جهانی w3c نسخه html3.2 را معرفی کردند.
- سال ۱۹۹۹ سازمان استاندارد جهانی w3c نسخه ۴٫۰۱ را معرفی کرد.
- سال ۲۰۰۰ سازمان استاندارد جهانی w3c نسخه xhtml 1.0 را معرفی کرد.
- سال ۲۰۰۸ اولین نسخه html5 را WHATWG معرفی کرد.
- سال ۲۰۱۲ دوباره WHATWG نسخه استاندارد html5 را معرفی کرد.
- سال ۲۰۱۴ سازمان استاندارد جهانی w3c نسخه ۲۰۱۴ را معرفی کرد.
- سال ۲۰۱۶ سازمان استاندارد جهانی w3c نسخه html5.1 را معرفی کرد.
- سال ۲۰۱۷ سازمان استاندارد جهانی w3c نسخه ۲ مربوط به html5.1 و html5.2 را معرفی کرد.
——–
