آموزش HTML – متن‌ها و کلمات

آموزش HTML – متن‌ها و کلمات

در این جلسه‌ی دوره‌ی آموزش HTML ما به بررسی متن‌ها و کلمات زبان HTML خواهیم پرداخت.

آموزش HTML – متن‌ها و کلمات

حتما قبل از بررسی متن ها و کلمات در HTML نوشته‌ی مطالب قبلی این دوره‌ی آموزشی را با هشتگ #دوره_آموزشی_HTML در سایت ما را مطالعه کنید.

تگ br

این تگ مانند تگ‌های دیگر در زبان HTML نیاز به تگ بسته ندارد.

تگ br، نقش کلید Enter را در زبان HTML بازی می کند، وقتی از آن در انتهای یک مجموعه متن یا کلمه در HTML استفاده می‌کنیم.

تمام موارد بعد از این تگ در سطر پایین قرار می‌گیرند.

این تگ در قوانین HTML جدید توصیه نشده است و بهتر است کمتر یا هرگز از آن استفاده نشود.

مثال:

سلام<br /> دوره آموزش اچ تی ام ال چطوره؟ <br /> عالیه

نتیجه:

سلام
دوره آموزش اچ‌تی‌ام‌ال چطوره؟
عالیه

تگ p

کاربرد تگ p مشخص کردن یک پاراگراف متن است این تگ به صورت زوج باز و بسته است.

با کمک تگ p فاصله‌های استاندارد متن‌ها را بین پاراگراف‌ها و دیگر اجزای صفحه ایجاد می‌کند.

می‌توانید به جای استفاده از تگ br، از تگ p استفاده کنید و استاندارد وب رعایت کنید.

مثال:

<p>CamelCase.ir ، یک وبسایت فارسی زبان می باشد که با انتشار مقالات، آموزش ها، مطالب و کتابچه های الکترونیکی شما را با خود همراه کند و به عنوان یک مرجع معتبر شناخته می‌شود.</p>

نتیجه:

CamelCase.ir، یک وبسایت فارسی زبان است که با انتشار مقالات، آموزش‌ها، مطالب و کتابچه‌های الکترونیکی شما را با خود همراه کند و به عنوان یک مرجع معتبر شناخته می‌شود.

تگ b

کاربرد تگ b این است که متن داخل این تگ به صورت پررنگ یا bold نمایش خواهد یافت؛ این تگ به صورت زوج باز و بسته است.

تگ strong هم توانایی تگ b را دارد و توصیه‌های جدیدی در مقالات آورده شده است که از تگ strong به جای b استفاده شود.

مثال:

<b>متن پر رنگ شده با b</b>
<strong>متن پر رنگ شده با strong</strong>

نتیجه:

متن پر رنگ شده با b

متن پر رنگ شده با strong

تگ i

کاربرد تگ i این است که متن داخل آن به صورت کج یا italic نمایش خواهد یافت؛ این تگ به صورت زوج باز و بسته است. تگ em هم یک جایگزین برای تگ i است که معمولا تگ em به تگ i ترجیح داده خواهد شد.

مثال:

<i>متن کج شده با i</i>
<em>متن کج شده با em</em>

نتیجه:

متن کج شده با i
متن کج شده با em

تگ u

متن‌های موجود در تگ u به صورت زیر خط یا underline نمایش داده خواهد شد. تگ u به صورت زوج باز و بسته است.

مثال:

<u>متن زیر خط دار</u>

نتیجه:

متن زیرخط دار

تگ strike

این تگ روی محتوای خود یک خط خواهد کشید. این تگ در مواقعی استفاده می‌شود که شما بخواهید بگویید این متن دیگر معتبر نیست. ضمنا این تگ هم به صورت زوج باز و بسته است.

مثال:

<strike>متن خط کشیده شده</strike>

نتیجه:

متن خط کشیده شده

تگ mark

این تگ برای مشخص کردن اهمیت یک نوشته است. این تگ مانند نوشته‌های خط کشیده شده با ماژیک‌های مارکر است. تگ mark به صورت زوج باز و بسته نوشته خواهد شد.

مثال:

<mark>متن هایلایت شده است</mark>

نتیجه:

متن هایلایت شده است.

تگ small

نوشته‌ی داخل تگ small مقداری از متن‌های معمول کوچکتر نمایش داده خواهند شد. تگ small به صورت زوج باز و بسته است.

مثال:

<small>متن کوچک</small>

نتیجه:

متن کوچک

تگ sub و sup

این دو تگ برای نمایش متن در بالا و متن در پایین متن‌های معمول استفاده خواهد شد و هر دوی آن‌ها به صورت تگ باز و بسته نوشته خواهند شد.

مثال:

متن اصلی <sub>متن پایین</sub><br />
 متن اصلی <sup>متن بالا</sup><br />

نتیجه:

متن اصلی _{متن پایین}
متن اصلی ^{متن بالا}

تگ center

این تگ برای وسط چین کردن متن‌های مختلف استفاده خواهد شد. این تگ به صورت زوج باز و بسته نوشته خواهد شد.

مثال:

<center>متن وسط چین شده</center>

نتیجه:

متن وسط چین شده

نکته:

تگ center، یک تگ منسوخ شده است.

تگ pre

این تگ که یک تگ بسیار جالب است توانایی این را دارد که متن‌های داخل خود به همان صورتی که موجود است نمایش دهد؛ به طور خلاصه می‌توان گفت این تگ از فاصله‌های خالی یا space ها، کاراکتر خط جدید یا enter و … نگهداری می‌کند.

مانند سایر تگ‌های معروف، تگ pre هم دارای زوج باز و بسته است.

مثال:

<pre>متن اصلی        متن اصلی
متن اصلی 
     متن اصلی
</pre>

نکته:

تگ pre، یک تگ منسوخ شده است.

تگ blockquote

تگ blockquote برای نمایش‌ها در HTML بسیار مفید است زیرا کاربرد آن در نمایش متن‌های نقل قول شده به کار برده می‌شود. این تگ به صورت زوج باز و بسته است.

مثال:

<blockquote>متن نقل قول</blockquote>

 برای استفاده از تمامی جلسات از هشتگ #دوره_آموزشی_HTML در سایت ما استفاده کنید.

منتظر جلسه‌ی بعدی دوره‎‌ی آموزشی HTML بمانید.