پس به یاد من باشید تا به یاد شما باشم (خداوند)
خانه » آموزش اچ تی ام ال » آموزش HTML فصل دوم– تگ head و انواع سرفصل ها

آموزش HTML فصل دوم– تگ head و انواع سرفصل ها

سه‌شنبه ، 3 ژانویه 2012 0 دیدگاه نوشته:admin
تگ head و انواع سرفصل ها

تگ head و انواع سرفصل ها

در تگ های html ، تگ های شش گانه ای با عنوان تگ های سرفصل یا heading وجود دارند که برای تیتر و عنوان مطالب از آنها استفاده میشود.این تگ های شش گانه با حرف H  و یک عدد که نمایش دهنده درجه تگ ها میباشد به کار میروند.

برای اینکه با نحوه عملکرد این تگ ها آشنا شویم ابتدا Notepad  را اجرا کرده و یک سند html  ایجاد میکنیم.در قسمت body  ساین سند عبارت Learning HTML  را مینویسیم. در مرحله اول این عبارت را در تگ h1 مینویسم و آنگاه سند html  ایجاد شده را با انتخاب یک نام ذخیره میکنیم.

view sourceprint?
۱ <html>
۲
۳ <head>
۴
۵ <title> Learning HTML </title>
۶
۷ <body>
۸
۹ <h1>Learning HTML</h1>
۱۰
۱۱ </body>
۱۲
۱۳ </html>

حال سند ایجاد شده را با مرورگر باز میکنیم.همانطور که مشاهده میکنید عبارت Learning HTML به صورت سرفصل و با فونت بزرگ نشان داده شده است.

مجددا سند html  را باز کرده و در سطر های بعد با استفاده از تگ های h2  تا h6  این عبارت را تکرار میکنیم.

view sourceprint?
۱ <head>
۲
۳ <title> Learning HTML </title>
۴
۵ <body>
۶
۷ <h1>Learning HTML</h1>
۸
۹ <h2>Learning HTML</h2>
۱۰
۱۱ <h3>Learning HTML</h3>
۱۲
۱۳ <h4>Learning HTML</h4>
۱۴
۱۵ <h5>Learning HTML</h5>
۱۶
۱۷ <h6>Learning HTML</h6>
۱۸
۱۹ </body>

سپس سند را ذخیره میکنیم تا تغییرات مورد نظر را مشاهده کنیم.

میبینید که با زیاد شدن شماره تگ اندازه سرفصل کوچکتر میشود

0 نظر به ثبت رسیده است

نوشتن دیدگاه

ایمیل شما آشکار نمی شود


هفت − 1 =

مطالب پربازدید
مطالب مرتبط مطالب تصادفی
تمامی حقوق مادی و معنوی برای این سایت محفوظ است و هر گونه کپی برداری از آن خلاف قوانین می باشد. | PCTech