تگ های قالب بندی قسمت 1
در این مطلب با ساده ترین تگ های موجود در HTML آشنا خواهید شد. اکثر این تگ ها برای کنترل نحوه نمایش متن ها استفاده می شود. که از این رو به آن ها تگ های قالب بندی متن گفته می شود.
آشنایی با انواع تگ های قالب بندی متن
چندین تگ مخصوص قالب بندی متن های نمایشی در صفحه وجود دارد که در ادامه به بررسی هر یک از آن ها و صفات و مقادیرشان خواهیم پرداخت.
تگ <b>: متن داخل یک عنصر b در صفحه به صورت ضخیم نمایش داده خواهد شد. در کد زیر عبارت "html-learning.blog.ir" در صفحه به صورت ضخیم نمایش داده خواهد شد:
1 |
<p><b>html-learning.blog.ir :<b> Web Design Javascript Tutorials<p>
|
حالا پس از نوشتن کد بالا از منوی file گزینه save را انتخاب کنید. در پنجره ای که باز میشود ابتدا محل ذخیره سازی فایلتان را انتخاب کنید.، سپس در کادر مقابل عبارت file name نام فایل را بنویسید و فایل را با فرمت html. ذخیره کنید.
تگ <i>: از این تگ برای مورب کردن متن استفاده می شود. کلمه "html-learning.blog.ir" در کد زیر در مرورگر به صورت مورب (italic) نمایش داده خواهد شد
<p><i>html-learning.blog.ir :</i> Web Design Javascript Tutorials</p>
تگ <u>: این عنصر محتوای خود را به صورت زیر خط دار(underline) نمایش می دهد. هرچند این عنصر جزء عناصر منسوخ شده به حساب می آید اما هنوز همه مرورگرها از آن به خوبی پشتیبانی می کنند.
1 |
<p><u>html-learning.blog.ir :</u> Web Design Javascript Tutorials</p>
|
تگ <s> و <strike> : این دو تگ محتوای خود را به صورت خط خورده نشان می دهند. در واقع یک خط نازک بر روی متن ایجاد میکنند
1 |
<p><s>html-learning.blog.ir :</s> Web Design Javascript Tutorials</p>
|
تگ <sup> : محتوای این تگ به صورت بالا نویس نشان داده خواهد شد. بالانویس ها معمولا به اندازه نصف ارتفاع یک کاراکتر بالاتر از بقیه کاراکتر ها قرار میگیرند و کمی کوچکتر از متون اطرافشان هستند. به مثال زیر دقت کنید:
1 |
<p>html-learning.blog.ir: <sup> Web Design & Javascript Tutorials</sup></p>
|
تگ <sub> : محتوای این عنصر به صورت زیرنویس (اندیس) نشان داده خواهد شد. زیر نویس ها معمولا به اندازه نصف ارتفاع یک کاراکتر از بقیه کاراکتر ها قرار میگیرند و کمی کوچکتر از متون اطرافشان هستند.
1 |
<p>html-learning.blog.ir : <sub> Web Design & Javascript Tutorials</sub></p>
|
تگ <big> : در نسخه های قدیمی تر HTML، هقت اندازه استاندارد برای متن وجود داشت. عنصر <big> محتوای خود را یک واحد بیشتر از متون اطرافش نمایش می دهد.
1 |
<p><big>html-learning.blog.ir :</big> Web Design Javascript Tutorials</p>
|
اگر قبلا در بیان ثبت نام کرده اید لطفا ابتدا وارد شوید، در غیر این صورت می توانید ثبت نام کنید.