یک سند HTML یک فایل متنی است که شامل برچسب ها (یا برچسب های انگلیسی) است. از این برچسب ها باید به نوعی استفاده شود تا به درستی، ساختار سند را توصیف کند. برچسب ها به مرورگر می گوید که چگونه سند را نمایش دهد ، بعضی از برچسب ها اجازه می دهند رسانه های مختلفی مانند تصاویر ، فیلم ها یا موسیقی را در بین متن صفحه ادغام کنید.
مرورگر برچسب ها را مطابق شکل نشان نمی دهد. هنگامی که کاربر به یک صفحه وب مراجعه می کند ، مرورگر وی این سند را تجزیه و تحلیل می کند (یا به زبان انگلیسی تجزیه می کند) و آن را تفسیر می کند تا صفحه وب را به درستی نمایش دهد. به عنوان مثال ، اگر سند دارای برچسب <img> باشد ، مرورگر تصویر همراه را بارگذاری می کند و به جای برچسب HTML ، تصویر را نمایش می دهد.
نحوه استفاده از تگ های html
برچسب های HTML از نحو ساده و دقیق پیروی می کنند:
شورون باز (<)
نام برچسب
ویژگی ها (اختیاری). فضایی ، به دنبال نام ویژگی ، یک علامت برابر (=) و یک مقدار بین نقل قول های مضاعف ("").
یک شورون بسته (>)
در اینجا چند مثال آورده شده است:
- <article>
- <"meta charset="utf-8>
- <""=img src="monImage.png" alt>
عناصر HTML
به طور کلی ، برچسب ها به صورت جفت کار می کنند. اولین تگ برچسب شروع و دومی تگ اختیاری است. یک برچسب بسته باید دارای همان نام برچسب شروع باشد. علاوه بر این ، یک برچسب بسته شدن باید حاوی برش بین شورون اولیه و نام برچسب باشد. بنابراین ، اگر <p> یک برچسب شروع باشد ، </ p/> برچسب بسته شدن مربوطه خواهد بود.
تگ های html
HTML حاوی حدود 140 تگ است که اطلاعاتی در مورد معنی یک عنصر ، تفسیر یا نمایش آن در اختیار مرورگر قرار می دهد. همچنین برچسب ها می توانند ابرداده ای را برای سند HTML ارائه دهند ، عبارات خاصی را برجسته کنند ، فایل های رسانه ای اضافه کنند یا فرم ها را به صورت آنلاین مدیریت کنند.
در اینجا برخی از تگ های متداول استفاده می شود:
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>
این برچسب ها برای تعریف عناوین در سطوح مختلف استفاده می شود: h1 برای عناوین اصلی و h6 برای عناوین بخش های بسیار خاص.
<p>
این برچسب برای ایجاد پاراگراف استفاده می شود. پاراگراف ها معمولاً (بطور خودکار) با استفاده از خطوط جدا می شوند.
<a>
از این برچسب برای ایجاد پیوند به منابع خارجی استفاده می شود: یک صفحه وب دیگر ، یک ایمیل ، یک تصویر ، بخش دیگری از سند و غیره. برچسب <a> حاوی متنی است که برای پیوند استفاده خواهد شد ، از ویژگی href این عنصر برای تنظیم URL هدف استفاده می شود.
<a href="url_cible">du texte qui sera lu par l'utilisateur</a>
<img>
این برچسب باعث می شود که یک تصویر در یک سند HTML ادغام شود. در اینجا نمونه ای از کاربرد ارائه شده است.
<img src="url/vers/mon/image.png" alt="Une description">
<div>et<spam>
این برچسب ها معنای خاصی ندارند ، بلکه به سادگی امکان جدا کردن بخش های یک سند را می دهند.
بیشتر اوقات ، از این برچسب ها برای قالب بندی و اسکریپت استفاده می شود.
بیشتر اوقات ، از این برچسب ها برای قالب بندی و اسکریپت استفاده می شود.
<ul>, <ol> et <li>
از این برچسب ها برای ایجاد لیست استفاده می شود. <ul> به شما امکان می دهد یک لیست نامرتب و <ol> را برای تعریف یک لیست سفارش شده تعریف کنید. برای هر یک از این لیست ها ، تگ <li> خواهد بود که عنصری از لیست را مشخص می کند. در اینجا مثالی با <ul> آورده شده است:
<ul>
<li>Café</li>
<li>Thé</li>
<li>Lait</li>
<ul/>
نکته:
مراقب باشید عناصر و برچسب ها مخلوط نشوند. گاهی اوقات برای تعریف یک عنصر از یک تگ واحد استفاده می شود ، اما بیشتر اوقات ، برچسب ها به صورت جفت کار می کنند.
عناصر ویژه
در HTML دو عنصر ویژه وجود دارد که تگ ندارند. این عناصر برای هر سند HTML ضروری هستند.
Doctype ( برای "نوع سند")
یک عبارت رسمی است که در همان ابتدای سند HTML قرار می گیرد. این نشان می دهد که این سند با HTML استاندارد نوشته شده است.
<!DOCTYPE html>
اگر سند خود را با <! DOCTYPE html> شروع نکنید ، مرورگرها سند شما را در حالت پرس و جو نمایش می دهند. حالت quirks روشی است که از طریق مرورگر برای نمایش اسناد قدیمی یا ناقص استفاده می شود ، که در دهه 1990 نوشته شده است وقتی HTML کمی استاندارد شده بود، هر مرورگر HTML را به روش خود مدیریت می کرد.
نظرات
نظرات عناصر بسیار ویژه ای هستند. این یادداشتهایی است که می توانید برای حاشیه نویسی از کد HTML خود استفاده کنید. مرورگر این نظرات را در صفحه وب نمایش نمی دهد (با این حال کد منبع توسط هر کسی قابل خواندن است و این نظرات مانند سایر قسمت ها عمومی خواهد بود).
در HTML ، نظرات با متن موجود بین <! - و -> نوشته می شوند.
<.-- Ceci est un commentaire. Il ne sera pas affiché dans le navigateur!-->
.Ce texte s'affichera dans le navigateur
ساختار اسناد HTML
ساختار اصلی یک سند HTML با مجموعه ای از برچسب های خاص تعریف شده است. عناصر تعریف شده در این برچسب ها نباید بیش از یکبار در سند ظاهر شوند (به جز عنصر< title>)
<html>
این عنصر ریشه سند را تعریف می کند. هر سند HTML فقط یک ریشه دارد. همه عناصر دیگر باید در این عنصر قرار بگیرند.
<head>
این عنصر رئیس سند را مشخص می کند. مرورگر این مورد را نشان نمی دهد و فقط شامل ابرداده از جمله عنوان و اطلاعات توصیفی باشد. مرورگرها می توانند از این ابرداده برای بهبود آرگونومی صفحه استفاده کنند.
<body>
این عنصر بدنه سند را تعریف می کند. فقط یک بدنه در سند HTML وجود دارد و همیشه بعد از رئیس قرار می گیرد. کاربر هر آنچه را که در این عنصر قرار داده شده است می بیند.
<title>
این عنصر، عنوان یک سند را تعریف می کند. عنوان تنها عنصر اجباری HTML است و در قسمت html قرار می گیرد.
مثال:
در اینجا ساده ترین سند رسمی HTML که می توانیم بنویسیم:
<!DOCTYPE html>
<html>
<head>
<title>Un document HTML formel</title>
<head/>
<body>
<-- Du contenu pour l'utilisateur ici !-->
<body/>
<html/>
کلام آخر:
دراین مقاله تنها به بخشی از تگ ها مهم html پرداختیم و تگ های زیادی برای یادگیری وجود دارد، اگر قصد حرفه ای شدن و تبدیل به یک طراح سایت شدن را دارید.
- ۹۸/۰۹/۰۵