آموزش html-جلسه چهارم-مثال های پایه html
مثال های پایه HTML
در این فصل ما چند مثال اولیه HTML را نشان خواهیم داد.
اگر از برچسب هایی استفاده می کنیم که هنوز درباره آن ها یاد نگرفته اید، نگران نباشید.
اسناد HTML
همه اسناد HTML باید با یک اعلان نوع سند شروع شوند: <!DOCTYPE html>.
خود سند HTML با <html> شروع می شود و با </html> به پایان می رسد.
قسمت قابل مشاهده سند HTML بین <body> و </body> است.
<!DOCTYPE html>
<html>
<head>
<title>عنوان برگه</title>
</head>
<body>
<h1>تگ هدر یا تگ عنوان</h1>
<p>تگ پاراگراف </p>
</body>
</html>
بیانیه <!DOCTYPE>
اعلان <!DOCTYPE> نوع سند را نشان می دهد و به مرورگرها کمک می کند تا صفحات وب را به درستی نمایش دهند.
فقط باید یک بار، در بالای صفحه (قبل از هر تگ HTML) ظاهر شود.
اعلان <!DOCTYPE> به حروف کوچک و بزرگ حساس نیست.
اعلان <!DOCTYPE> برای HTML5 این است:
<!DOCTYPE html>
سرفصل های HTML
سرفصل های HTML با تگ های <h1> تا <h6> تعریف می شوند.
<h1> مهمترین عنوان را تعریف می کند. <h6> کم اهمیت ترین عنوان را تعریف می کند:
<h1>عنوان ۱</h1>
<h2>عنوان ۲</h2>
<h3>عنوان ۳</h3>
پاراگراف های HTML
پاراگراف های HTML با تگ <p> تعریف می شوند:
<p>این تگ پاراگراف است</p>
لینک های HTML
پیوندهای HTML با تگ <a> تعریف می شوند:
<a href="https://www.webshift.ir">لینک سایت وب شیفت</a>
مقصد پیوند در ویژگی href مشخص شده است.
از ویژگی ها برای ارائه اطلاعات اضافی در مورد عناصر HTML استفاده می شود.
تصاویر HTML
تصاویر HTML با تگ <img> تعریف می شوند.
فایل منبع (src)، متن جایگزین (alt)، عرض و ارتفاع به عنوان ویژگی ارائه می‌شوند:
<img decoding="async" alt="webshift.ir" width="104" height="142" title="آموزش html-جلسه چهارم-مثال های پایه html 1" data-src="webshift.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="><noscript><img decoding="async" src="webshift.jpg" alt="webshift.ir" width="104" height="142" title="آموزش html-جلسه چهارم-مثال های پایه html 1"></noscript>
