در این درس می خواهم شما را با تنظیمات مربوط  به متن در Html  آشنا کنم . یکی از قسمتهای مهم در HTML یادگیری تغییر متون صفحه می باشد . 

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

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

برای بیشتر کردن ضخامت متن از تگ در html استفاده می شود . روش استفاده از این تگ به صورت زیر می باشد .

1
2
3
4
5
6
7
8
<html>
<head>
<title>عنوان صفحهtitle>
head>
<body>
    <b>بیشتر کردن ضخامت متنb>
body>
html>

خروجی کد در مرورگر به شکل زیر نمایش داده می شود  :
بیشتر کردن ضخامت متن

جهت مورب کردن متن تایپ شده از تگ استفاده می شود

1
2
3
4
5
6
7
8
<html>
<head>
<title>عنوان صفحهtitle>
head>
<body>
    <i>مورب کردن متن تایپ شده i>
body>
html>

خروجی کد در مرورگر به شکل زیر نمایش داده می شود  :
مورب کردن متن تایپ شده

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


1
2
3
4
5
6
7
8
<html>
<head>
<title>عنوان صفحهtitle>
head>
<body>
     <u>زیر خط دار کردن متن تایپ شده u>
body>
html>

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

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

1
2
3
4
5
6
7
8
<html>
<head>
<title>عنوان صفحهtitle>
head>
<body>
     <strike>کشیدن یک خط به صورت افقی روی متن strike>
body>
html>

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

 پاراگراف در  HTML

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


پاراگراف ها با تگ

مشخص می شوند. روش درج تگ

به شکل زیر می باشد
تگ

در HTML

1
2
3
4
5
6
7
8
<html>
<head>
<title>عنوان صفحهtitle>
head>
<body>
<p>این یک پاراگراف می باشد . شما می توانید متن دلخواه را بین این دو تگ قرار داده سپس بوسیله یک سلکتور تغییرات لازم را اعمال کنید p>
body>
html>

در صورتیکه بخواهید پاراگراف شما در صفحه وب سایت به سمت راست / چپ / وسط یا از هر دو طرف تراز شود ، باید داخل تگ

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

1
2
3
4
5
6
7
8
9
10
11
<html>
<head>
<title>عنوان صفحهtitle>
head>
<body>
    <p align="right">این پاراگراف به سمت راست منتقل می شودp>
    <p align="left">این پاراگراف به سمت چپ منتقل می شود p>
    <p align="center">این پاراگراف در وسط قرار می گیرد p>
    <p align="justfy">این پاراگراف  از دو طرف تراز می شود . بدلیل p>
body>
html>

تگ

 در HTML
در 
بعضی از مواقع احتیاج می شود که کد یا متن نوشته شده به همان صوتی که تایپ 
می شود در HTML به همان صورت نیز در صفحه مرورگر نمایش داده شود .به مثال 
زیر توجه کنید . متن یا همان فاصله و نوع تایپ در صفحه مرورگر نمایش داده 
می شود .

1
2
3
4
5
6
7
8
9
10
11
<html>
<head>
<title>عنوان صفحهtitle>
head>
<body>
<pre>این یک پاراگراف می باشد .
شما می توانید متن دلخواه را بین این دو تگ قرار داده سپس بوسیله یک سلکتور
تغییرات
لازم را اعمال کنید pre>
body>
html>