HTML به معنای Hypertext Markup Language است و بیشترین استفاده را برای نوشتن صفحات وب دارد.
- – اصطلاح “Hypertext ” به روشی اشاره دارد که صفحات وب (اسناد HTML) با هم پیوند داده شده‌اند. بنابراین، پیوند موجود در یک صفحه وب، ابرمتن نامیده می‌شود.
- – همانطور که از نامش پیداست، HTML یک زبان برچسب‌گذاری است که به معنای استفاده از برچسب‌ها برای ساختاردهی یک سند متنی است، تا مرورگر وب را در مورد نحوه نمایش آن راهنمایی کند.
همچنین بخوانید : چرا HTML زبان برنامه نویسی نیست؟
در ابتدا، HTML با هدف تعریف ساختار اسناد مانند سربرگ‌ها، پاراگراف‌ها، لیست‌ها و غیره برای تسهیل در به اشتراک گذاری اطلاعات علمی بین پژوهشگران توسعه یافت.
اکنون، HTML به طور گسترده‌ای برای قالب‌بندی صفحات وب با استفاده از برچسب‌های مختلف در زبان HTML استفاده می‌شود.
ساختار پایه HTML
<!DOCTYPE html>
<html>
<head>
<title>عنوان سند</title>
</head>
<body>
<h1>عنوان اصلی</h1>
<p>محتوای سند اینجا قرار می‌گیرد...</p>
</body>
</html>تگ های HTML
همانطور که پیش‌تر گفته شد، HTML یک زبان نشانه گذاری است و از تگ‌های مختلف برای قالب‌بندی محتوا استفاده می‌کند. این تگ‌ها داخل کروشه‌های زاویه‌ای یا همان angle braces <نام تگ> قرار می‌گیرند. به جز چند تگ، اکثر تگ‌ها دارای تگ‌های بسته متناظر خود هستند. به عنوان مثال، <html> دارای تگ بسته متناظر خود </html> و <body> دارای تگ بسته متناظر خود </body> و غیره است.
نمونه بالا از سند HTML از تگ‌های زیر استفاده می‌کند:
- ۱ <!DOCTYPE…>
این تگ نوع سند و نسخه HTML را تعریف می‌کند. - همچنین بخوانید : آموزش تگ doctype
- ۲ <html>
این تگ سند HTML را بسته‌بندی می‌کند و اصولاً شامل سربرگ سند است که توسط تگ‌های <head>…</head> و بدنه سند است که توسط تگ‌های <body>…</body> نمایش داده می‌شود. - همچنین بخوانید : آموزش تگ html
- ۳ <head>
این تگ سربرگ سند را نمایش می‌دهد که می‌تواند تگ‌های HTML دیگری مانند <title>، <link> و غیره را در خود جای دهد. - همچنین بخوانید : آموزش تگ head
- ۴ <title>
تگ <title> داخل تگ <head> برای ذکر عنوان سند استفاده می‌شود. - همچنین بخوانید : آموزش تگ title
- ۵ <body>
این تگ بدنه سند را نمایش می‌دهد که شامل تگ‌های HTML دیگری مانند <h1>، <div>، <p> و غیره است. - همچنین بخوانید : آموزش تگ body
- ۶ <h1>
این تگ عنوان اصلی را نمایش می‌دهد. - همچنین بخوانید : آموزش تگ h1-h6
- ۷ <p>
این تگ یک پاراگراف را نمایش می‌دهد. - همچنین بخوانید : آموزش تگ p
برای یادگیری HTML، شما باید انواع مختلفی از تگ‌ها را مطالعه کرده و درک کنید که چگونه رفتار می‌کنند، که یک سند متنی چطور قالب‌بندی می‌شود. یادگیری HTML ساده است زیرا کاربران باید یاد بگیرند که چگونه از تگ‌های مختلف برای قالب‌بندی متن یا تصاویر استفاده کنند تا یک صفحه وب زیبا ایجاد کنند.
کنسرسیوم جهانی وب یا World Wide Web Consortium (W3C) توصیه می‌کند که از تگ‌های حروف کوچک با شروع از HTML 4 استفاده شود.
ساختار سند HTML
<html>
<head>
تگ‌های مربوط به سربرگ سند
</head>
<body>
تگ‌های مربوط به بدنه سند
</body>
</html>
ما در فصل‌های بعدی تمام تگ‌های سربرگ و بدنه را مطالعه خواهیم کرد، اما در حال حاضر ببینیم که تگ اعلامیه <!DOCTYPE>
چیست.
تگ <!DOCTYPE> توسط مرورگر وب برای درک نسخه HTML استفاده شده در سند استفاده می‌شود. نسخه کنونی HTML ۵ است و از این تگ استفاده می‌کند −
<!DOCTYPE html>
انواع تگ دیگری وجود دارد که می‌توان در سند HTML استفاده کرد و این بستگی به نسخه HTML استفاده شده دارد. ما بیشتر جزئیات را در مورد این موضوع را هنگام بحث در مورد تگ <!DOCTYPE…> به همراه دیگر تگ‌های HTML مشاهده خواهیم کرد.
برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید. صفحه ورود و ثبت نام