کار با متن ها و نوشته ها در html
حالاکه با HTML آشنایی لازم رو پیدا کردیم وقتشه آروم آروم با تگ های مختلف آشنا بشیم برای این کار از تگ های متون شروع می کنیم ...
خب اولین تگ ، تگ پررنگ(Bold) کردن مطالب هست این تگ به شکل <b> نوشته میشه و با </b> به اتمام میرسه ...نتیجه به شکل :" This Is a Bold Text " خواهد شد .کد HTML:<b> This Is a Bold Text</b>
--------------------------------
خب تگ بعدی ، تگ ضخیم با کلفت(Strong) کردن مطالب هست این تگ مثل همون تگ قبلیه ولی فرق دارن این تگ به شکل <strong> نوشته میشه و با </strong> به اتمام میرسه ...نتیجه به شکل :" This Is a Strong Text " خواهد شد .کد HTML:<strong> This Is a Strong Text</strong>
--------------------------------
تگ بعد تگ زیر خط(Underline) هستش ، این تگ یک خط به زیر نوشته ها اضافه می کند و با <u> نوشته و با </u> اتمام میپذیرد ...نتیجه به شکل :" This Text Is Underlined " خواهد شد .کد HTML:<u> This Text Is Underlined</u>
--------------------------------
خب تگ بعدی ما تگ مورب کردن(Italic) متن هستش ، این تگ متن رو کمی کج میکنه و با <i> شروع و با </i> اتمام می پذیرد ...نتیجه به شکل : " This Is a Italic Text "خواهد شد .کد HTML:<i> This Is a Italic Text</i>
--------------------------------
تگ بعد تگ وسط چین کردن متن هست این تگ باعث میشود هر چیزی به وسط صفحه هدایت شود از جمله متون ، این تگ با <center> شروع و با </center> اتمام می پذیرد ...نتیجه به شکل زیر خواد شد :کد HTML:<center> This Text Is a Showed To Center</center>" This Text Is a Showed To Center "--------------------------------
و اما تگ بعد تگ خط خورده(strike) کردن متن است ، این تگ با <strike> شروع و با </strike> پایان میپذیرد ...اینجا نمیشه براش نمونه گذاشتکد HTML:<strike> This Is a Strike Text</strike>
--------------------------------
تگ بعدی تگ چشمک زن(Blink) کردن متن است ، این تگ با <blink> شروع و با </blink> اتمام میپذیرد ...اینجا نمیشه براش نمونه گذاشتکد HTML:<blink>blink blink blink</blink>
--------------------------------
خب دو تا تگ دیگه هم هست یکی برای ایجاد خط جدید در نوشته ها و دیگری ایجاد پاراگراف جدید در متن
تگ ایجاد خط جدید با <br> نوشته میشود و نیاززی به بستن آن نمی باشد و از چند تگی هست که نیازی به بسته شدن ندارد . برای امتحان توی فایلی که برای آموزش ساختید این متن را اول وارد نمایید :و آن را ذخیره و نتیجه را در مرورگرتان به نمایش در بیاورد چیزی که مشاهده میکنید به شکل :کد HTML:This Is a One Test Text On Line 1 This Is a One Test Text On Line 2This Is a One Test Text On Line 1 This Is a One Test Text On Line 2خواهد شد . برای اجرای درست این متن باید شما تگ مورد نظر رو در بین متن بزارید یعنی به شکل :تا به نتیجه درست برسید .کد HTML:This Is a One Test Text On Line 1 <br> This Is a One Test Text On Line 2
خب تگ بعد که تگ ایجاد پاراگراف جدید هست با <p> شروع می شود و با </p> اتمام می پذیرد ... تا اینجا اینا کافی هستن ا، این تگها ها رو توی فایل test1.html که ایجاد کردید امتحان کنید تا بهتر متوجه عملکرد این تگ ها شوید ...نتیجه به شکل زیر خواهد بود :کد HTML:This Is a One Test Text On Line 1 <br> This Is a One Test Text On paragraph 1 <p> This Is a One Test Text On paragraph 2 </p>This Is a One Test Text On Line 1 This Is a One Test Text On paragraph 1-------------------------------
This Is a One Test Text On paragraph 2
oخب فعلا همینا بسته البته یک نکته لازم به ذکر هم هست شما میتوانید از همه این تگها در قالب یک خط فرمان نیز استفاده کنید یعنی یک متن را هم کج کنید هم پررنگ کنید هم چشمک زن کنید ، به طور مثال :
<b><i><u>This Is a One Test</u></i></b>
نتیجه به شکل : " This Is a One Test " خواهد شد . توجه داشته باشید که باید ترتیب باز شدن و بسته شدن تگ ها را حتما" جدی بگیرید مثلا در مثل بالا اول تگ پررنگ کردن سپس کج کردن و در آخر زیر خط در نوشته انداختن وارد شدن و در انتها به شکل بلعکس همان تگها با نظم بسته شده ، اگر این کار درست انجام نوشد ممکنه است در متون بعد از این تگ ها نیز تاثیر بگذارد . یک نمونه دیگر هم از این نوع خط فرمان برای شم میزنم تا درک این موضوع برای شما راحت تر شود ...
<b><i><u>This Is</u> a One </i>Test</b>Text
نتیجه به شکل : " This Is a One Test Text " خواهد شد . خب پس تا این جا :
- با تگ <b> یا همون پررنگ کردن آشنا شدیم .
- با تگ <strong> یا ضخیم کردن متون آشنا شدیم .
- با تگ <u> یا خط زیر نوشته انداختن آشنا شدیم .
- با تگ <i> یا کج کردن نوشته ها آشنا شدیم .
- با تگ <center> یا وسط چین کردن همه چی آشنا شدیم .
- با تگ <strike> یا خط خورده کردن نوشته ها آشنا شدیم .
- با تگ <blink> یا چشمک زن کرد متن ها آشنا شدیم .
- با تگ <br> یا ایجاد خط جدید در نوشته ها آشنا شدیم .
- با تگ <p> یا ایجاد پاراگراف جدید در متن ها آشنا شدیم .
- با روش نوشتن تگ ها با هم آشنا شدیم
- ...
در تایپک بعدی به دیگر تگ های متون اشاره میکنم
برچسبها:













