در قسمت چهارم آموزش html قصد داریم به بررسی قالب بندی صفحات در html بپردازیم. ما در توکاپس همراه شما هستیم تا html را به خوبی یاد بگیرید.

قالب بندی صفحات در html

اگر با پردازشگر word کار می کنید حتما با بولد کردن (bold) ، ایتالیک کردن و آندرلاین کردن متن آشنایی دارید. حال می خواهیم همین موارد بسیار ساده را در یک سند html استفاده کنیم .


بولد کردن متن

هر چیزی که بین عناصر <b>…</b>قرار می گیرد به صورت بولد ظاهر می شود، به مثال زیر دقت کنید:

 

<html>

<head>
<title>جلسه چهارم</title>
</head>
<body>
<p>The following word uses a <b>bold</b> typeface</p>

</body>
</html>

نتیجه این سند html به این صورت نمایش داده می شود:

The following word uses a bold typeface.


ایتالیک کردن متن

هر چیزی که بین عناصر <i>…</i> قرار بگیرد به صورت ایتالیک ظاهر می شود، مانند مثال زیر:

<p>The following word uses a <i>italic</i> typeface</p>

که به این صورت نشان داده خواهد شد.

The following word uses a italic typeface.



آندرلاین کردن متن

هر چیزی که بین عناصر <u>…</u> قرار بگیرد به صورت آندرلاین ظاهر می شود، مانند مثال زیر:

<p>The following word uses a <u>underlined</u> typeface</p>

که به این صورت نشان داده خواهد شد.

The following word uses a underlined typeface.


خط کشیدن روی متن

هر چیزی که بین گزینه های <strike>…</strike> قرار بگیرد، با یک strikethrough نشان داده می شود که خط باریکی است که روی متن کشیده می شود، همانطور که در مثال زیر مشاهده می کنید:

<p>The following word uses a <strike>strikethrough</strike> typeface</p>

که مثال بالا به صورت زیر نشان داده می شود:

شاید از این مقاله خوشتون بیاد:  آموزش html قسمت دوازدهم:نحوه قراردادن صدا در html

The following word uses a strikethrough typeface.


متن superscript  (چاپ شده در بالا)

محتوای عنصر <sup>…</sup> در بالا نوشته می شود، فونت استفاده شده برای آن همان فونت کاراکترهای اطراف آن می باشد، اما به اندازه ی نصف یک کاراکتر بالاتر از دیگر کاراکترها نمایش داده می شود.

<p>The following word uses a <sup>superscript</sup> typeface</p>

که نتیجه کد بالا به صورت زیر در مرورگر نمایش داده می شود و کاربر مشاهده می کند.

The following word uses a superscript typeface.


متن subscript (چاپ شده در زیر)

محتوای عنصر <sub>…</sub> در زیر نوشته می شود. اندازه ی فونت استفاده شده برای آن به اندازه ی فونت کاراکترهای اطراف می باشد ولی به اندازه ی نصف ارتفاع یک کاراکتر زیر کاراکترهای دیگر نمایش داده می شود.

<p>The following word uses a <sub>subscript</sub> typeface</p>

مثال بالا در مرورگر به شکل زیر نشان داده می شود.

The following word uses a subscript typeface.

امیدوارم از آموزش قالب بندی صفحات در html نهایت استفاده و لذت را برده باشید و همراه با آموزش ها تمرین ها را انجام داده باشید.
زبان html بسیار آسان است اما به تمرین بسیار زیادی نیاز دارد تا ملکه ذهن شود.
پس اگر تنها به خواندن مطالب اکتفا کنید و تمرین انجام ندهید به شما می گویم که چیزی از html یاد نخواهید گرفت.
چنانچه سوال و یا پیشنهادی دارید حتما با ما در میان بگذارید. ما اینجا هستیم تا به سوالات شما عزیزان پاسخ دهیم.

موفق باشید.

دسته‌ها: دنیای وب

غلامرضا بهشتیان

من غلامرضا بهشتیان، عاشق نوشتن مقاله های مفید در حوزه ی وب هستم. امیدوارم مقالات نوشته شده نظر شما خوانندگان عزیز را جلب نماید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *