سرفصل‌های پست
آموزش طراحی سایت با HTML
با عرض سلام خدمت تمامی دنبال کنندگان مباحث طراحی سایت با HTML از سری آموزش‌های سایت میزفا ، در جلسه گذشته به معرفی تگ hr پرداختیم در این جلسه از آموزش HTML قصد داریم شما را با تگ h1 تا h6 در HTML که به منظور ایجاد سرتیتر یا عنوان در HTML به کار میروند، آشنا نماییم.
معرفی تگ h1 تا h6
از تگ های h1 تا h6 برای ایجاد یک تیتر یا عنوان در HTML استفاده می‌شود، به این تگ‌ها ، تگ‌های heading گفته می‌شود و در دسته‌ی تگ های قالب بندی متن جای می‌گیرند.
تگ های h1 تا h6 بر اساس درجه اهمیت در شش سایز (h1 , h2 , h3 , h4 , h5 , h6) استفاده می‌شوند و درجه اهمیت از h1 به h6 کاهش می‌یابد یعنی تگ h6 دارای بیشترین اهمیت و تگ h6 دارای کم اهمیت از دید موتورهای جست و جو است پس سعی کنید در استفاده از تگ ها در طراحی سایت نهایت دقت را داشته باشید.
برای درک بهتر کاربرد تگ های h1 تا h6 در HTML به مثال زیر توجه کنید :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<h1> Mizfa.com </h1> <h2> Mizfa.com </h2> <h3> Mizfa.com </h3> <h4> Mizfa.com </h4> <h5> Mizfa.com </h5> <h6> Mizfa.com </h6> |
نتیجه کد بالا
خصوصیات تگ h1 تا h6
- تمامی مرورگرها به صورت پیش فرض تگ های h1 تا h6 را به صورت درون خطی یا inline level نمایش می‌دهند .
صفت های تگ h1 تا h6
تگ های heading دارای صفت‌ھای class، id، style، title ، dir ، lang و align ھستند که در جدول زیر به بررسی این صفات خواھیم پرداخت:
| صفت ها | مقدار | توضیحات |
|---|---|---|
| align | left center right justify |
این صفت در HTML5 پشتیبانی نمی‌شود .
صفت align نحوه چینش متن درون تگ h1 تا h6 را کنترل میکند و چهار مقدار left ، center ، right و justify را به عنوان مقدار می‌پذیرد .
|
بقیه صفت ھا نیز جزء صفات عمومی ھستند که قبلا آنھا را معرفی کرده ایم.
نکات تکمیلی در مورد تگ h1 تا h6
- تگ u و تگ ins توسط تمامی مرورگرها پشتیبانی می‌شوند .
خب به پایان این جلسه آموزش اچ تی ام ال رسیدیم در جلسه آینده به معرفی مابقی تگ های قالب بندی متن در HTML می‌پردازیم. درصورتی که سوالی داشتید حتما در انجمن میزفا مطرح کنید.
