+- انجمن های تخصصی فلش خور (http://www.flashkhor.com/forum)
+-- انجمن: رایانه (http://www.flashkhor.com/forum/forumdisplay.php?fid=27)
+--- انجمن: آموزش رایانه و اینترنت (http://www.flashkhor.com/forum/forumdisplay.php?fid=60)
+--- موضوع: قالب بندی متن ها یا Text Formatting در HTML (/showthread.php?tid=296907)
قالب بندی متن ها یا Text Formatting در HTML - Mohlek - 13-05-2021
اگر وبسایت آموزشی فری لرن رو در بخش های قبلی از آموزش HTML ، دنبال کرده باشید میدانید که در حالت عادی و بصورت پیش فرض در HTML ما نمیتوانیم یک متن را به دلخواه و با قالب بندی دلخواه وارد نماییم.
بفرض مثال ما نمیتونیم هر کجا که دلمون خواست یه اینتر (Enter) بزنیم و متن رو در سطر بعدی بنویسیم، بلکه باید هر نوع قالب بندی یا متن سفارشی و.. را تحت یکسری تگ یا عنصر در HTML وارد نماییم تا بتوانیم نتیجه درستی را در خروجی داشته باشیم.
بفرض مثال ممکن است بخواهید در متن تان یک کلمه را بولد یا برجسته یا bold کنید و یا مثلا بخواهید یک کلمه را شکسته یا ایتالیک یا italic کنید، یا بخواهید یک کلمه را خط بزنید و دیگر مواردی که در ادامه ی این بخش میخواهیم با آنها آشنا شویم.
یا شاید بخواهید در یک پاراگراف یک سطر را شکسته و به سطر جدید بروید ؟ خب بنظره شما باید چکار کرد؟ وقتی ما اینتر (Enter) بزنیم در درون اون نرم افزاری که داریم دستورات رو مینویسیم اره اینتر میخوره و میره سطر بعد ولی آیا در خروجی هم همینطوره؟ جواب خیر است.
یا شاید بخواهید یک تکه شعر و یا مثلا یه تکه متن به دلخواه خودتون با قالب بندی سفارشی رو در یک صفحه ی وب HTML قرار دهید؟ خب اینبار باید چکار کرد بنظره شما؟ آیا بنظره شما خیلی راحت میتونیم متن یا شعر با قالب بندی سفارشی مون رو وارد نماییم و در خروجی هم نمایش داده شود! جواب بازم خیر است.
خب دیگه اینجاست که ما باید از یکسری تگ که مخصوص قالب بندی متن ها می باشند استفاده نماییم، مثلا برای اینکه بتونیم یک سطر رو بشکینم و به سطر جدید برویم باید از تگ <br> استفاده کرد و دیگر مواردی که در ادامه با آنها آشنا خواهید شد.
در این بخش و در ادامه میخواهیم با موارد زیر آشنا شویم و باهاشون کار کنیم:
Breaks Line – برای شکستن سطر و رفتن به سطر جدید
Pre – برای ایجاد متن،شعر و.. با قالب بندی دلخواه
Bold Text – یک متن بولد یا برجسته
Emphasized Text – یک متن بصورت تاکیدی یا تاکید داشتن بروی یک متن
Strong OR Important Text – یک متن مهم
Italic Text – یک متن شکسته یا ایتالیک
Smaller Text – یک متن با اندازه نسبتا کوچک
Big Text – یک متن با اندازه نسبتا بزرگ
SubScripted Text – یک متن پایین نویس
SuperScripted Text – یک متن بالا نویس
Inserted Text – یک متن زیر خط دار
Deleted Text – یک متن خط خورده
Marked Text – یک متن هایلایت شده
در اچ تی ام ال به راحتی میشه از این تگ استفاده کرد :
کد:
<body>
<p>
Salam Khobi? Man <br>
Sadegh Hastam. <br>
Modir Website <br>
Free-Learn.Ir
</p>
</body>