عنوان یا HEADING در HTML

عنوان ها شامل تگ های h1 تا h6 می باشند. عنوان ها در صفحات وب دارای اهمیت زیادی هستند . معمولا مهم ترین عنوان را در تگ h1 و کم اهمیت ترین عنوان را در تگ h6 قرار می دهیم.

یکی از اشتباهات رایج افراد مبتدی این است که از heading یا عنوان برای متن های توپر استفاده می کنند که این اشتباه است. ما با عنوان ها یا تگ های h1 تا h6 مشخص می کنیم که این عنوان متن ما است و برای ما دارای اهیمت است.

<!DOCTYPE html>
<html>
<body>
<h1>sh711.com</h1>
<h2>sh711.com</h2>
<h3>sh711.com</h3>
<h4>sh711.com</h4>
<h5>sh711.com</h5>
<h6>sh711.com</h6>
</body>
</html>

تگ p و تگ pre :

برای ایجاد یک پاراگراف می توانیم از تگ های p و pre استفاده کنیم. تفاوت تگ p و pre در این است که متن ها در تگ p پشت سرهم قرار می گیرند اما در تگ pre متن ها همان طور که نوشته می شود نمایش داده می شود. مثال : اگر در حین تایپ متن از کلید Enter صفحه کلید استفاده نمایید در تگ p هیچ تاثیری ندارد و متن ها پشت سرهم قرار می گیرد اما در تگ pre کلید Enter یک خط خالی ایجاد می کند. مثال زیر را اجرا نمایید و خروجی را ببینید:

نکته مهم : حتما تگ p, pre را ببندید.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>شیرازلرن</title>
</head>
<body>
<p>
in
amoozesh
site
shirazlearn
ast
</p>
<hr>
<pre>
in
amoozesh
site
shirazlearn
ast
</pre>
</body>
</html>

نویسنده : هدایت عباسی

تاپ سایت 98
عضویت طلایی
محصولات آموزشی
ثبت نظر