درس پنجم – تگ های heading و paragraph
1-تگ Heading:
|
1 2 3 4 5 6 7 8 9 10 11 |
<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
|
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
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<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> |
تمرین
در فایل index، از تگ های h و p استفاده کنید.