دنیای برنامه نویسی و اپلیکیشن

baner-telegram
شما اینجا هستید : صفحه اول » طراحی سایت » آموزش HTML » آموزش تصویری HTML ( آموزش تگ سرفصل و تگ P )
آموزش تصویری HTML

آموزش تصویری HTML ( آموزش تگ سرفصل و تگ P )

در این قسمت از آموزش تصویری HTML به آموزش تگ Heading و تگ P  تگ hr می پردازیم .

از تگ های سرفصل برای نمایش تیتر و عنوان مطلب استفاده می شود و از تگ <h1> تا تگ <h6> هستند که به ترتیب کوچکتر می شود .

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

<h1> آموزش نصویری HTML </h1>
<h2> آموزش نصویری HTML </h2>
<h3> آموزش نصویری HTML </h3>
<h4> آموزش نصویری HTML </h4>
<h5> آموزش نصویری HTML </h5>
<h6> آموزش نصویری HTML </h6>

نتیجه کدهای بالا به صورت زیر است :

آموزش تصویری HTML

آموزش تصویری HTML

آموزش تصویری HTML

آموزش تصویری HTML

آموزش تصویری HTML
آموزش تصویری HTML

همان طور که می بینید تگ h1 بزرگتر از همه هست و هرچه به طرف تگ h6 می ریم نوشته ها کوچکتر می شوند . در هر کدام از تگ های بالا می تونید از صفت align استفاده کنید که مقادیر Left و Right و center و Justify را می پذیرد . که به صورت زیر استفاده می شوند :

<h1 align="center"> آموزش نصویری HTML </h1>
<h2 align="left"> آموزش نصویری HTML </h2>
<h3 align="right"> آموزش نصویری HTML </h3>
<h4 align="justify"> آموزش نصویری HTML </h4>

اگر کدهای بالا رو اجرا کنید خواهید دید که تگ h1 در وسط صفحه نمایش داده می شود چون ما ویژگی یا صقت اون رو center قرار دادیم و به وسط صفحه می رود و همین طور تگ h2 در طرف چپ صفحه نمایش داده می شود چون مقدار صفت اون رو برابر Left یعنی چپ قرار داده ایم . تگ h3 هم به طرف راست صفحه می رود . تگ h4 هم که مقدار justify را دارد برای تراز کردن متن به کار می رود .

تگ <P>

این تگ برای پاراگراف بندی متن به کار می رود ، مانند پاراگراف بندی در Word برای پاراگراف بندی در HTML از تگ P استفاده می کنیم که به صورت زیر است :

<p> کنم پاراگراف در اینجا یعنی بین تگ آغازین و تگ پایانی قرار می گیرد . </p>

تگ <hr>

از این تگ برای ایجاد خط افقی در صفحه استفاده می شود که به صورت زیر نوشته می شود :

<hr >

پیشنهاد می کنیم حتما بخوانید :

درباره : رضا طوماری

عاشق برنامه نویسی

نظرات کاربران :



جواب سوال چیه ؟ *