آموزش HTML – قسمت چهارم(قالب بندی عناصر)
سلام
با چهارمین جلسه از HTML در خدمتتون هستم ، در جلسه پیش با استایل ها آشنا شدیم و یاد گرفتیم که چطور میتونیم به تگ ها استایل بدیم.
در این جلسه می پردازیم به قالب بندی عناصر HTML ؛ برای مثال اینکه چطور یک متن را پررنگ،مورب و … کنیم .
- پررنگ کردن متون:
www.beporsam.ir
beporsam@gmail.com
برای پر رنگ کردن متون می توانیم از دو تگ <b> و <strong> استفاده کنیم :
|
۱ ۲ ۳ |
<p> <strong>www.beporsam.ir</strong> </p> <p> <b>beporsam@gmail.com</b> </p> |
- مورب کردن متون:
برای اینکه متنی را در صفحه مورب کنیم ، میتونیم از تگ های <em> و <i> استفاده کنیم :
www.beporsam.ir
beporsam@gmail.com
|
۱ ۲ ۳ |
<p><em>www.beporsam.ir</em></p> <p><i>beporsam@gmail.com</i></p> |
- کوچک کردن متون:
ممکنه بخواهید در یک صفحه یک متنی رو از دیگر متن ها کوچک تر نشون بدید ، برای این کار از تگ <small> استفاده می شود .
HTML Small Formatting
|
۱ |
<h2>HTML <small>Small</small> Formatting</h2> |
- نشانه گذاری(هایلات کردن) متون :
در صفحات HTML میتونیم متن هامون رو نشانه گذاری(هایلات کنیم) ، برای این کار از تگ <mark> استفاده می شود.
HTML Marked Formatting
|
۱ |
<h2>HTML <mark>Marked</mark> Formatting</h2> |
- کشیدن خط روی متن:
برای کشیدن یک خط روی متن می تونیم از تگ <del> استفاده کنیم .
www.beporsam.ir
|
۱ |
<p>www.<del>beporsam</del>.ir</p> |
- متن زیر خط دار:
برای اینکه یک خط زیر متن بکشیم ، از تگ <ins> استفاده می شود .
www.beporsam.ir
|
۱ |
<p>www.<ins>beporsam</ins>.ir</p> |
- متن زیر نویس:
برای اینکه یک متنی رو پایین تر از بقیه ی متون بخوایم قرار بدیم از تگ <sub> استفاده می کنیم .
Answer And Question
|
۱ |
<p>Answer <sub>And</sub> Question</p> |
- متن بالانویس:
همچنین اگر بخوایم متنی بالا تر از بقیه ی متون قرار بگیره از تگ <sup> استفاده می کنیم .
Answer And Question
|
۱ |
<p>Answer <sup>And</sup> Question</p> |
- تگ هایی که در این بخش باهاشون آشنا شدیم :
| تگ | توضیح |
| <b> </b> | متن پر رنگ |
| <em> </em> | مورب کردن متن |
| <i> </i> | مورب کردن متن |
| <small> </small> | کوچ کردن متن |
| <strong> </strong> | پر رنگ کردن متن |
| <sub> </sub> | متن زیر نویس |
| <sup> </sup> | متن بالا نویس |
| <ins> </ins> | کشیدن خط زیر متن |
| <del> </del> | کشیدن خط روی متن |
| <mark> </mark> | نشانه گذاری متن |
با ما باشید تا آموزش های بعدی …
موفق باشید .
ارسال نظر
شما باید وارد شوید یا عضو شوید تا بتوانید نظر ارسال کنید