تگ های قالب بندی متن 1

با سلام خدمت شما همراهان مِستر آموز با یک جلسه دیگر در خدمت شما هستیم.

برای اینکه بتوانیم نوشته های خود را به صورت صحیح و دلخواه خودمان بزاریم باید با چند تگ قالب بندی سایت آشنا بشویم. با ما همراه باشید.

تگ <p>:

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

این تگ خصوصیت به نام align دارد و با left , right, center , justify مقدار دهی میشود. که باعث تراز بندی افقی نوشته در پاراگراف تعیین شود.

Left: نوشته را از سمت چپ تراز می کند.

Right: نوشته را از سمت راست تراز می کند

Center: نوشته در وسط صفحه یا خانه جدول قرار می گیرد.

Justify: نوشته به اندازه ای که کل عرض صفحه یا خانه جدول را پر کند، کش می آید.

مثال:

<p> This is a sample paragraph  </p>
<p align="left"> This is a sample paragraph  </p>
<p align="right"> This is a sample left paragraph  </p>
<p align="center"> This is a sample right paragraph  </p>
<p align="justify"> This is a sample justify paragraph  </p>

خروجی

تگ های <h1> – <h6>:

این تگ معمولا برای ایجاد تیترها و عنوان ها استفاده میشود. متنی بعنوان تیتر میخواهیم بزاریم را بین یکی از تگ های باز و بسته <h1> تا <h6> قرار میدهیم.

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

نکته: تگ های h هم از خصوصیت align تبعیت میکند.

مثال:

<h1> This is Header 1 </h1>
<h2> This is Header 2 </h2>
<h3> This is Header 3 </h3>
<h4> This is Header 4 </h4>
<h5> This is Header 5 </h5>
<h6> This is Header 6 </h6>

خروجی

تگ <br>:

این تگ یک خط جدید ایجاد میکند و نوشته را به اول سطر پایینی منتل میکند.

نکته: این تگ دارای تگ پایانی نمی باشد و یک بار نوشتن آن کفایت میکند.

<p> This is a first <br/> text </p>

خروجی:

 

تگ <hr>:

این تگ باعث ایجاد یک خط افقی درون صفحه می شود، که پهنای آن همواره کمی کمتر از عنصر در برگیرنده آن (مثل خانه،  جدول و یا صفحه ) است.

نکته: این تگ نیز همانند تگ <br> تگ پایانی ندارد.و باید در تگ اول بسته شود.

<p> This is a first <hr/> text </p>

خروجی:

 

کد های قالب بندی نوشته ها در طراحی سایت زیاد هستن، که اینجا یه سری از تگ ها را با هم نوشتم.

 

<b> This is Bold Text </b>

<u> This is underline Text </u>

<i> This is italic Text </i>

<em>  This is italic Text </em>

This is  <big> Big </big> Text

This is <small> Small </small> Text

This is <strong> strong </strong> Text

This is <cite> cite </cite> Text

This is address:
<address> 
Washing DC <br />
New York <br />
200 Ave.
</address>

خروجی:

 

 

تگ ها را با دقت بررسی کنید و تمرین کنید. برای اینکه این جلسه زیاد سنگین نباشد من همین جا جلسه اول تگ های قالب بندی نوشته ها رو به پایان میرسونم ولی با ما در جلسه دوم تگ های قالب بندی نوشته ها در HTML همراه باشید.