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

استایل دهی به مطالب

اول از همه باید بگوییم در زبان اچ تی ام ال شش سایز پیش فرض وجود دارد.
برای اعمال این سایز ها باید تگ <h1> تا <h6> را استفاده کنید.
<h1>Hello</h1>
<h3>hello</h1>

اما اگر نمی خواهید از این سایز های پیشفرض استفاده کنید می توانید از تگ استایل و سایز فونت استفاده کنید که در همین مطلب به آن اشاره خواهیم کرد.

تگ های استایل:

رنگ متن:

<p style="color:red;">Hello World!</p>

اندازه ی فونت:

<p style="font-size:10px;">Hello World!</p>

یا:

<p style="font-size:160%;">Hello World!</p>

فونت:

<p style="font-family:arial;">Hello World!</p>

مرکزیت یا چپ یا راست بودن مطلب:

<p style="text-align:center;">Hello World!</p

در ضمن برای مشاهده و کد نویسی راحت و ساده تر می توانید از این لینک استفاده کنید.

برای این که بتوانید از حروف فارسی استفاده کنید باید کد زیر را در قسمت head قبل از اولین تگ body قرار دهید.

<meta charset="UTF-8">

برای اینکه بتوانید برای صفحه نام بگذارید می توانید کد زیر را در قسمت head قرار دهید.

<title>Name</title>

گذاشتن عکس و لینک

عکس:

<img src="url" alt="text" width="100" height="200"

در قسمت src لینک عکس را قرار دهید. در قسمت alt متنی را قرار دهید که اگر عکس بارگزاری نشد نمایش داده شود و در قسمت های width و height اندازه های مورد نظرتان را وارد کنید.

لینک:

<a href="url">text</a>

بجای url لینک و بجای text متن مورد نظر را بنویسید.

لیست:

<ul>
<li> text</li>
<li>text</li>
</ul>

در آینده بیشتر در مورد لیست ها توضیح خواهیم داد.

فرمت دهی:

تگ فرمت نیز مانند تگ پاراگراف تگ آغازین و پایانی است.

تگ <b>
این تگ متون را برجسته نشان می دهد.

تگ<strong> 
این تگ همان b است ولی از اهمیت بیشتری برخوردار است.

تگ<i>
این تگ متون را ایتالیک نشان می دهد

تگ<em>
این تگ مانند تگ i است ولی از اهمیت بیشتری برخوردار است.

تگ<small>
این تگ متون را کوچک تر نسان می دهد.

تگ<big>
این تگ برخلاف تگ بالایی متون را بزرگ نشان می دهد.

 تگ<ins>
این تگ زیر متن خط می کشد.

تگ<del>
این تگ روی متون خط می کشد یا به عبارت دیگر متن را پاک شده نشان می دهد.

تگ<mark>
این تگ روی متن را هایلایت می کند.

تگ<sub>
متن را زیرنویس شده نشان می دهد.

تگ<sup>
متن را بالانویس نشان می دهد.

شما می توانید این تگ های فرمت دهی را ترکیبی و تو در تو استفاد ه کنید.

تگ <title>

این تگ را باید بعد از تگ آغازین استفاده کرد. این تگ چیزی را نشان نمی دهد ولی اگر موس را روی متن بگیرید آن مطلب ظاهر خواهد شد.
<p><title>This is a tooltip!</title>Hello world!</p>

امید وارم این مطلب برای شما کاربردی باشد.