درس پنجم – تگ های heading و paragraph

1-تگ Heading:

<h1>تیتر 1</h1>

<h2>تیتر 2</h2>

<h3>تیتر 3</h3>

<h4>تیتر 4</h4>

<h5>تیتر 5</h5>

<h6>تیتر 6</h6>

برای ایجاد تیتر در HTML از تگ های h استفاده می شود.
تگ های h درون تگ body نوشته می شوند.
این تگ دو کارایی بسیار مهم دارد:

به متن درون تگ، حالت تیتر می دهد. (بزرگی سایز فونت، فاصله از سایر اجزای صفحه و سایر تغییرات ظاهری)
در موتورهای جست و جو به خصوص گوگل تاثیر مثبت دارد و برای روبات ها مشخص می کند که متن موجود دارای تیتر است.

تگ های تیر از h1 شروع می شود و تا h6 ادامه دارد.
h1 بزرگترین تیتر است و هرچه به h6 نزدیک تر شویم، تیتر کوچکتر می شود و در نهایت h6 کوچکترین تیتر است.
سایز تیتر ها در همه صفحات html ثابت نیست و به وسیله کد های css قابل تغییر است.(آموزش css به زودی در سایتت قرار خواهد گرفت)

مثال: نتیجه کدهای بالا:

تیتر 1

تیتر 2

تیتر 3

تیتر 4

تیتر 5

تیتر6

2-تگ Paragraph

<p>متن موجود در پاراگراف</p>

1	<p>متن موجود در پاراگراف</p>

برای نوشتن متن در فایل HTML از تگ p استفاده می شود.
تگ p درون تگ body نوشته می شود.
اگر برای نوشتن متن، از تگ p استفاده نکنید، متن شما در صفحه نمایش داده می شود.
برای اینکه بتوانید به وسیله کدهای CSS ظاهر متن را تغییر دهید (مثل تغییر سایز فونت، رنگ و غیره) و همچنین استاندارد نمودن کدهای فایل HTML، برای نوشتن متن باید از تگ p استفاده کنید.

مثال: تمام متونی که به صورت پاراگراف در صفحات وب می بینید درون تگ p نوشته شده اند.

خلاصه درس

برای ایجاد تیتر از تگ های h و برای ایجاد پاراگراف از تگ p استفاده کنید.
تگ های h و p درون تگ body نوشته می شوند.
تگ های h شامل تگ h1 تا h6 است. تگ h1 بزرگترین تیتر و h6 کوچکترین تیتر است.

محتوای یک فایل HTML شامل تگ h و p

<html>
 <head>
   <meta charset="utf-8">
   <title>سایت من</title>
   <meta name="description" content="توضیحات مورد نظر">
   <meta name="keywords" content="کلمه1,کلمه2,کلمه3">
 </head>
 <body>
 	<h1>به نام خدا</h1>
	<p>امروز بهترین روز زندگی من است</p>
 </body>
</html>

<html>

<head>

</head>

<body>

<p>امروز بهترین روز زندگی من است</p>

</body>

</html>

تمرین

در فایل index، از تگ های h و p استفاده کنید.

درس ششم

درس چهارم

بازگشت به فهرست