تگ های متن در HTML | آموزش کامل + نمونه کد + نمونه سوال

قبلی بعدی

تگ های مربوط به متن

در HTML تگ های مختلفی برای ایجاد متن داریم:

تگ های b و strong در HTML

این دو تگ برای درشت کردن متن استفاده می شوند.

strong و b از لحاظ ظاهری هیچ تفاوتی ندارند.
تگ strong برای متن های پر اهمیت استفاده می شود.
تگ b برای متن های بدون اهمیت که فقط می خواهیم ظاهر درشت داشته باشند، استفاده می شود.

نکته: از نظر موتور های جستجو مانند گوگل، تگ پراهمیت است.

<b>Bold</b>
<strong>Bold</strong>

برای آشنایی بیشتر با این تگ ها به مرجع b و strong مراجعه کنید.

تگ های i و em در HTML

این دو تگ برای مورب کردن متن استفاده می شوند.

i و em از لحاظ ظاهری هیچ تفاوتی ندارند.
تگ em برای متن های پر اهمیت استفاده می شود.
تگ i برای متن های بدون اهمیت که فقط می خواهیم ظاهر مورب داشته باشند، استفاده می شود.

نکته: از نظر موتور های جستجو مانند گوگل، تگ پراهمیت است.

<i>Italic</i>
<em>Italic</em>

برای آشنایی بیشتر با این تگ ها به مرجع i و em مراجعه کنید.

تگ small در HTML

با تگ small می توان متن را کوچک کرد.

<small>Small</small>

برای آشنایی بیشتر با این تگ به مرجع small مراجعه کنید.

تگ mark در HTML

با تگ mark می توان متن را هایلایت کرد.

<mark>HTML</mark>

برای آشنایی بیشتر با این تگ به مرجع mark مراجعه کنید.

تگ del و ins در HTML

با تگ del می توان متن را به صورت حذف شده نشان داد.

<del>HTML 4</del>

با تگ ins می توان متن را به صورت جایگزین متن حذف شده (تگ del) نشان داد.

<del>299 تومان</del>
<ins>199 تومان</ins>

نکته: یکی از کاربرد های تگ del و ins در نمایش قیمت محصول های تخفیف خورده است.

درباره تگ del و ins بیشتر بخوانید.

تگ های sub و sup در HTML

از تگ sub برای زیرنویس و از تگ sup برای بالا نویس استفاده می شود.

<sub>My Tag Sub</sub>
<sup>My Tag Sup</sup>

درباره تگ sub و sup بیشتر بخوانید.

تگ br در HTML

در HTML از تگ برای خط شکن (line break) استفاده می شود. با استفاده از این تگ می توانیم از سطر جدید شروع کنیم.

در حالت کلی می توان گفت این تگ همانند دکمه Enter عمل می کند.

<p>welcome to the<br> PNLdev <br> website.</p>

تگ hr در HTML

تگ <hr> مخفف کلمه Horizontal Rule می باشد.

از این تگ برای ایجاد یک خط افقی در سند های html استفاده می شود.

<p>اولین قدم برای ساخت یک وب سایت می باشدhtml </p>
<hr>
<p> ساختار صفحات وب را درست می کند html </p>

تگ pre در HTML

تگ <pre> مخفف کلمه PreFormatted می باشد، که برای نمایش متن از پیش چیدمان شده استفاده می شود.

به زبان ساده تر اگر شما بخواهید متنی رادر html بنویسید و به همان صورت که نوشته اید (با فاصله ها و فضای اضافی) در مرورگر اجرا شود باید از تگ <pre> استفاده کنید.

<pre>متن نوشته شده با یک فونت اولیه
 و با عرض ثابت نمایش داده میشود
این متن فاصله ها
و شکستگی های خط را،    حفظ می کند</pre>

خلاصه درس

HTML تگ های زیادی برای توسعه محتوا در اختیار ما گذاشته است.
این تگ ها شامل <del> , <ins> , و ... هستند.

تمرین

تگ های پایان عناصر زیر کامل کنید.

سپس یک متن CSS3 را جایگزین کلمه CSS کنید. ( این کار را با تگ های ins و del انجام دهید )

HTML 5 < >
 CSS 3 < >
<del>
< > </ >

مشاهده پاسخ

قبلی بعدی

توسعه دهندگان

احسان اسلامی