جلسه سوم آموزش html (کار با متن ها)
يكشنبه, ۶ تیر ۱۳۹۵، ۰۹:۰۱ ب.ظ
در این درس به کار با متنها می پردازیم. ابتدا با این تگ شروع می کنیم:
1- <B> این تگ باعث می شود کلماتی که بین این تگ و تگ پایانی آن
قرار دارند به صورت پر رنگ و بولد (Bold) دیده شوند. به مثال زیر توجه
کنید:
کد:
<b>متنی که اینجا قرار بگیرد به صورت بولد نمایش داده می شود</b>
متنی که اینجا قرار بگیرد به صورت بولد نمایش داده می شود
بیایید با تگهای دیگری ادامه دهیم:
2- زیرخط (Underline):
کد:
<u>این متن با زیر خط مشاهده می شود</u>
این متن با زیر خط مشاهده می شود
3- حروف کج (Italic):
کد:
<i>این متن به صورت مورب دیده می شود</i>
این متن به صورت مورب دیده می شود
4- حروف خط خورده:
کد:
<strike>این متن به صورت خط خورده دیده می شود</strike>
<strike>این متن به صورت خط خورده دیده می شود</strike>
5- وسط چین:
کد:
<center>این متن در وسط خط نوشته می شود</center>
این متن در وسط خط نوشته می شود
شما می توانید بیشتر از یک فرمان را برای یک متن اجرا کنید. مثلاً وقتی که می خواهید متنی به صورت پر رنگ و کج نوشته شود. برای این کار هر دو تگ ابتدایی را برای متن در ابتدای آن و تگهای پایانی را در جایی که می خواهیم پایان پر رنگی و کجی متن باشد قرار می دهیم.
با این مثال توجه کنید:
کد:
<b><i>این متن به صورت کج و پر رنگ دیده می شود</i></b>
این متن به صورت کج و پر رنگ دیده می شود
آیا ترتیب قرار گرفتن تگهای پایانی مهم است؟ در پاسخ باید گفت در مثال بالا خیر، اما مواردی وجود دارد که ترتیب قرار گرفتن تگها مهم است مثلاً قرار گرفتن تگ پایانی <HTML/> قبل از <BODY/> اشتباه است. شما با تمرین و تجربه می توانید این نکته را فرا بگیرید. شما می توانید برای جلو گیر از اشتباه HTML را به صورت زیر بنویسید:
کد:
<b> <i> این متن به صورت پر رنگ و کج دیده می شود </i> </b>
مثال زیر را در نظر داشته باشید:
کد:
<b><i><u>این متن پر رنگ، کج و دارای زیرخط است</u></i></b>
این متن پر رنگ، کج و دارای زیرخط است
اما این یکی:
کد:
<u><i><b>این متن پر رنگ، کج و دارای</b></i>زیرخط است</u>
این متن پر رنگ، کج و دارای زیرخط است
۹۵/۰۴/۰۶