تنظیمات متن در HTML
در این درس می خواهم شما را با تنظیمات مربوط به متن در Html آشنا کنم . یکی از قسمتهای مهم در HTML یادگیری تغییر متون صفحه می باشد .
به طوریکه اگر این قسمت را خوب یاد نگیرید و از تگهایی که برای این قسمت وجود دارد به نحو احسن استفاده نکنید ظاهر قالب شما هر چقدر هم که خوب طراحی شده باشد ولی باز ، از نظر ظاهری خوب به نظر نمی رسد .
متن صفحه (در کدهای Html) دارای تنظیمات زیادی از نظر اندازه ، نوع فونت ، رنگ بندی ، تراز متن و نحوه قرارگیری می باشد که در ادامه به توضیح کامل هر تگ می پردازم .
در این بخش آموزش بیشتر کردن ضخامت متن و زیر خط دارد و مورب کردن متن را به صورت کامل آموزش میدهم و سعی میکنم در درس های بعدی این بخش را کامل کنم .
برای بیشتر کردن ضخامت متن از تگ <b><b/> در html استفاده می شود . روش استفاده از این تگ به صورت زیر می باشد .
<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
<b>بیشتر کردن ضخامت متن</b>
</body>
</html>
خروجی کد در مرورگر به شکل زیر نمایش داده می شود :
بیشتر کردن ضخامت متن
جهت مورب کردن متن تایپ شده از تگ <i></i> استفاده می شود
<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
<i>مورب کردن متن تایپ شده </i>
</body>
</html>
خروجی کد در مرورگر به شکل زیر نمایش داده می شود :
مورب کردن متن تایپ شده
جهت زیر خط دار کردن متن تایپ شده از تگ <u></u> استفاده می شود .
<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
<u>زیر خط دار کردن متن تایپ شده </u>
</body>
</html>
خروجی کد در مرورگر به شکل زیر نمایش داده می شود :
زیر خط دار کردن متن تایپ شده
برای اینکه بین متن تایپ شده یک خط به صورت افقی نمایش داده شود از تگ </strike><strike> استفاده می شود
<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
<strike>کشیدن یک خط به صورت افقی روی متن </strike>
</body>
</html>
خروجی کد در مرورگر به شکل زیر نمایش داده می شود :
کشیدن یک خط به صورت افقی روی متن