L5

درس شماره 5 :: متن در HTML

نوشتن متن به صورت Bold (درشت) و Italic (کج، مايل)
حتما با کلمات و يا عبارات درشت (Bold) و يا مايل (Italic) سر و کار داشته ايد. براي اينکه بتوانيد از اين دو قابليت در صفحات وب خودتان استفاده نماييد، مي بايست از تگهاي i و b استفاده نماييد. تگ i براي نوشتن به صورت Italic و تگ b براي نوشتن به صورت Bold به کار مي رود. مثال:

<body>

Persian Learn

HTML Learning

</body>

همچنين مي توانيد از تگ em به جاي تگ i و از تگ strong به جاي تگ b استفاده کنيد. اما بهتر است که از تگهاي i و b استفاده کنيد.

تغيير دادن اندازه يک متن
براي اينکه اندازه يک متن را تغيير دهيد، مي توانيد از تگهاي small و big استفاده نماييد. تگ small متن مورد نظر را نسبت به متنهاي اطراف خود کوچک و تگ big، متن مورد نظر را بزرگتر مي نمايد. به عنوان مثال اگر يک متن داشته باشيم که اندازه آن 10 باشد، هنگامي که آن را به وسيله اين تگها بزرگ و يا کوچک مي کنيم، اندازه نهايي برابر 12 و 8 خواهد بود. به طور کلي، بيشتر مرورگرها، اندازه متن موجود در دو تگ small و big را يکسان نمايش مي دهند. مثال:

<body>



 Programming: XML – <big>HTML</big> – JavaScript – PHP

 Persian Learn: The best
things in life are free



</body>

همچنين دقت داشته باشيد که اگر از اين تگها، دو بار پشت سر هم استفاده کنيد، اثر آنها دوبرابر خواهد شد. به عنوان مثال عبارتMojtaba Dashti Nejad را در نظر بگيريد. اگر اين را در يک صفحه وب قرار دهيد، عبارت Mojtaba Dashti Nejad دو بار کوچک خواهد شد!

فونتهاي Monospaced
همان طور که مي دانيد، در بيشتر مرورگرها، مي توان دو نوع فونت را انتخاب کرد. يکي براي نمايش متنهاي معمولي به کار مي رود و فاصله بين متنها را به صورت Normall در نظر مي گيرد و ديگري براي نمايش کدها به کار مي رود که در آن، Spaceها تقريبا دو برابر مي شوند تا کدها خواناتر شوند. فونتهاي Monospaced در مواقعي کاربرد دارند که شما بخواهيد آدرس يک سايت و يا ايميل را در سايتتان بنويسيد. از اين رو، انجام دادن اين کار سبب خواناتر شدن کد شما مي شود. بيشتر مرورگرها، از فونت Courier براي نمايش دادن متنهاي Monospaced و از فونت Times New Roman براي نمايش دادن فونتهاي معمولي استفاده مي کنند. براي اينکه يک متن را به صورت Monospaced در آوريد، مي بايست از تگهاي tt و يا code و يا kbd و يا samp استفاده کنيد. همه اين تگها در بيشتر مرورگرها به يک صورت نمايش داده مي شوند. حال شما شايد بگوييد که فرق اين تگها در چيست؟ همان طور که گفتم، تمامي اين تگها، متن را به يک صورت نمايش مي دهند. tt مخفف کلمه Typewriter به معناي ماشين تحرير است. (معمولا از اين تگ استفاده مي شود). از تگ code براي نوشتن کدها استفاده مي کنند. Kbd مخفف Keyboard است. samp هم مخفف sample است. باور کنيد که خود من هم نمي دانم که فرق اين چهار کد در چيست؟! ولي بهترين کار اين است که از Styleها کمک بگيريد. بدين روش متن شما در تمامي مروگرها، حتي مرورگرهاي قديمي به يک صورت نمايش داده مي شود. در مورد Styleها در درسهاي بعدي آموزش خواهم داد. به مثال زير توجه کنيد:
* تمامي تگهاي گفته شده، تگهاي Inline مي باشند.

<body>

 <tt>Mojtaba Dashti Nejad – Persian Learn</tt>

 <kbd>Mojtaba Dashti Nejad – Persian Learn</kbd>

 <samp>Mojtaba Dashti Nejad – Persian Learn</samp>

 <code>Mojtaba Dashti Nejad – Persian Learn</code>

</body>

تگ pre
همان طور که قبلا هم گفتم، اگر شما در ميان کد خود بيش از يک space قرار دهيد و يا فاصله خالي بياندازيد، در نشان دادن کد تاثيري ندارد. حال اگر بخواهيد که مثلا در ميان کلمه هاي عبارت Persian Learn، بيشتر از يک Space قرار دهيد، دو راه وجود دارد. يکي استفاده از تگ pre و ديگر استفاده از عبارت . روش کار به وسيله عبارت آن است که شما به جاي هر space، مي بايست از عبارت مذکور استفاده نماييد. (البته اولين space، به طور اتوماتيک به عنوان يک فاصله خالي در صفحه وب در نظر گرفته مي شود، اما spaceهاي بعد از آن، در نشان دادن کد تاثير ندارد). اگر از تگ pre استفاده مي کنيد، بايد به اين نکته توجه داشته باشيد که تگ pre، متن شما را به صورت Monospaced نيز در مي آورد! در نتيجه براي تغيير دادن نوع فونت خود بايد از Styleها کمک بگيريد. مثال:

<body>

<pre>Persian Learn</pre>

Persian          Learn

</body>

حال شايد اين سوال براي شما پيش بيايد که اين دو راه چه فرقي با يکديگر دارند؟ جواب سوال شما تنها يک کلمه است. آن هم اينکه تگ pre، يک تگ Block-Level مي باشد!

مهم!
شايد شما بخواهيد در صفحه وب خود، از کاراکترهاي & و > و < استفاده کنيد. ولي آيا اگر همين کاراکترها را تايپ کنيد، مي توانيد آنها را ببينيد. به عنوان مثال عبارت Mojtaba Dashti Nejad را در قسمت body صفحه وب خودتان تايپ کنيد. سپس صفحه را مشاهده نماييد. مي بينيد که فقط عبارت Mojtaba Dashti Nejad در صفحه ديده مي شود. حال اگر بخواهيد که کل عبارت ديده شود بايد چه کار کنيد. يعني اگر بخواهيد که کل عبارت Mojtaba Dashti Nejad بر روي صفحه مانيتور ظاهر شود؟ راه حل بسيار ساده است. در HTML، شما بايد از عبارت < به جاي کاراکتر > و از عبارت > به جاي کاراکتر < استفاده نماييد! يعني شما بايد کد بالا را به صورت Mojtaba Dashti Nejad تايپ نماييد! همچنين براي تايپ کاراکتر &، مي بايست از عبارت & استفاده کنيد! دليل اين کار هم اين است که کاراکترهاي > و < براي تگهاي HTML و کاراکتر &، براي کاراکترهاي رفرنسي به کار مي رود. (براي اطلاعات بيشتر در مورد کاراکترهاي رفرنسي، رجوع کنيد به درس شماره 2). همچنين براي تايپ کاراکتر " (کوتيشن) نيز، بايد از عبارت " استفاده کنيد!
متنهاي Subscript و Superscript
متنهاي به صورت انديس را Subscript و متنهاي به صورت توان را Superscript مي نامند. براي نوشتن اين نوع متنها مي بايست از تگهاي sub (به عنوان انديس) و sup (به عنوان توان) استفاده کنيد. مثال:

<body>

 Email1

 Weblog2

</body>

دقت داشته باشيد که متنهاي Subscript و Superscript، فاصله بين خطها را کمي زياد مي کند.
تگ ins و del
تگهاي ins و del، براي اين به کار مي روند که به بيننده بفهمانند چه متنهايي تازه اضافه و يا پاک شده اند. مثلا شايد در سايتهاي خريد ديده باشيد که بر روي يک قيمت خط کشيده اند، و قيمت جديد را در کنار آن نوشته اند. بدين وسيله، فرد ببيننده متوجه مي شود که قيمت اوليه آن چقدر بوده است و حالا قيمت آن چقدر است! تگ del به منظور حذف يک متن و تگ ins به منظور متن جديد به کار مي رود. (منظور از حذف متن، آن نيست که متن به طور کامل حذف شود. بلکه بر روي آن خطي کشيده مي شود). مثال:

<body>

<del>wrong</del>

<ins>true</ins>

</body>

متني که درون تگ ins قرار مي گيرد، معمولا به صورت Underline (زير خط دار) نمايش داده مي شود.

<<< Back