بخش های اصلی

آموزش HTML 5

آموزش HTML - قالب بندی متن

با استفاده از تگ های قالب بندی متن، می توانید متنی طراحی کنید که نسبت به متنِ عادی، ظاهری متفاوت داشته باشد.

تگ های قالب بندیِ HTML

تگ های زیادی برای قالب بندی متن در HTML وجود دارند، مثل <b>، <i> و ... . این تگ ها متن را به شکل برجسته (bold)، کج (italic)، مبنا/توان (sub/superscripted) و... درمی آورند.

مثال

<p><b>This text is bold</b></p>
<p><code>This is computer code</code></p>
<p><em>This text is emphasized</em></p>
<p><i>This text is italic</i></p>
<p><small>This text is small</small></p>
<p><mark>This text is marked</mark></p>
<p><strong>This text is strongly emphasized</strong></p>
<p>This is <sub>subscript</sub> and <sup>superscript</sup></p>
<p><ins>This text is inserted to the document</ins></p>
<p><del>This text is deleted from the document</del></p>

تگ <strong> معمولاً  مانند تگ <b> تفسیر می شود، و تگ <em> نیز مانند تگ <i> تفسیر می شود. با این حال مفهوم و معنی این دو تگ متفاوت است.

نکته: تگ های <strong> و <em> ، تگ های منطقی هستند. زمانیکه میخواهید بر تعدادی کلمه یا عبارت در محتوای صفحه تان تأکید کنید از این تگ ها استفاده کنید ولی اگر می خواهید کلمه ها را صرفاً جهت تاثیرات دیداری برجسته کنید از تگ های <b> و <i> استفاده کنید.

تگ های قالب بندی متن HTML

تگ

توضیحات

<b>

متن را برجسته (bold) می کند.

<del>

متنِ حذف شده (deleted) را تعریف می کند.

<em>

متنِ تأکید شده (emphasized) را تعریف می کند.

<i>

متن را کج می کند.

<ins>

متن درج شده (inseted) را تعریف می کند.

<mark>

متن نشانه گذاری شده/انتخاب شده (marked/highlighted) را تعریف می کند.

<small>

متن را کوچک می کند.

<strong>

متن را ضخیم (strong) می کند.

<sub>

متن زیرنویس شده(subscripted ) را تعریف می کند.

<sup>

متنی که بالا نوشته شده مثل توانِ عدد توان دار (superscripted) را تعریف می کند.

تگ های تعریفی، نقل قول ها و عبارات در HTML

تگ

توضیحات

<abbr>

اختصارات را تعریف می کند.

<address>

اطلاعات تماس با نویسنده یا صاحب متن را تعریف می کند.

<bdo>

چینش متن را تعریف می کند.

<blockquote>

یک نقل قول طولانی را تعریف می کند.

<q>

یک نقل قول کوتاه را تعریف می کند.

<cite>

منبع نقل قول را تعریف می کند.

<dfn>

یک اصطلاح تعریفی را مشخص می کند.

تگ های خروجی کامپیوتر

تگ

توضیحات

<code>

کد کامپیوتری را در متن تعریف می کند.

<kbd>

کلید های صفحه کلید را در متن تعریف می کند.

<samp>

نمونه کد های کامپیوتری را تعریف می کند.

<var>

یک متغیر را تعریف می کند.

<pre>

متن را بدون تنظیمات و به همان شکلی که در محیط کدنویسی وارد شده، تعریف می کند.

در صورتی که سوال و یا نظری دارید، از بخش نظرات با ما در میان بگذارید.

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد

شما چه نظر و یا سوالی درباره این نوشته دارید؟

مبحث آموزشی

آموزش HTML 5

Learn HTML 5

سرفصل ها

پرســیدن سؤال جدید

سؤال های تخصصی خود را از ما بپرسید

تبلیغات

دنبال کردن تلگرام کانال سافت اسکیل

https://telegram.me/softskill_ir

عملیات کاربران

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد