آموزش HTML – فصل چهارم: المان های فرمت (Formatting)

در زبان HTML، با برخی از تگ ها می توان بدون استفاده از استایل، فرمت متن را تغییرات کوچکی داد. مثلا می توان متن را کوچک، بزرگ، بولد و یا ایتالیک کرد. در فصل چهارم آموزش اچ تی ام ال به زبان ساده المان های فرمت گذاری در html را با مثال و کاربرد آن ها معرفی خواهیم کرد.

آموزش HTML – فصل چهارم: المان های فرمت (Formatting)

مثال فرمت گذاری متن در اچ تی ام ال:

  • این متن ایتالیک است.
  • این متن بولد شده است.
  • اینجا یک متن پایین و یک متن بالا نشان داده شده است.

المان های فرمت گذاری (Formatting) در اچ تی ام ال

در فصل قبل درباره خاصیت style در اچ تی ام ال توضیح دادیم. اچ تی ام ال همچنین المان های خاصی برای رساندن معنی های مختلف در المان های خاص تعریف میکند.

اچ تی ام ال از المان های مثل <b> و <i> برای فرمتت گذاری استفاده میکند، مانند متن bold و italic .

المان های فرمت گذاری طراحی شده اند تا متن را در حالتی خاص نمایش دهند، به عنوان مثال:

برای نوشته درشت یا بولد: <b>

نوشته مهم: <strong>

نوشته کج (ایتالیک): <i>

نوشته تاکیدی: <em>

نوشته علامت زده شده: <mark>

نوشته کوچک: <small>

نوشته حذف شده: <del>

نوشته وارد شده: <ins>

زیر نویس: <sub>

بالانویس: <sup>

المان های <b> و <strong> در اچ تی ام ال

المان <b> در اچ تی ام ال متن بلد یا درشت را تعریف میکند بدون هیچگونه اهمیت.

مثال:



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

مثال:



المان های <i> و <em> اچ تی ام ال

المان  <i>در اچ تی ام ال متن ایتالیک یا کج را تعریف میکند، بدون هیچگونه اهمیت، فقط کج.

مثال:



المان <em> در اچ تی ام ال متن تاکید شده را تعریف میکند با اهمیت معنایی.

مثال:



نکته: مرور گر ها strong را به عنوان b نشان داده و المان em را مثل I نشان می دهند هرچند یک تفاوت در معنای این تگ ها وجود دارد:

b و i تعریف کننده متن بلد و ایتالیک هستند ولی strong و em به این معنا هستند که متن از اهمیت برخوردار است.

المان کوچک small در اچ تی ام ال

المان اچ تی ام ال <small> متن کوچک تر را تعریف میکند.

مثال:



المان نشانه mark در اچ تی ام ال

المان <mark> اچ تی ام ال متن نشانه دار یا همان روشن شده را تعریف میکند.

مثال:



المان <del> در اچ تی ام ال

المان <del> اچ تی ام ال متن پاک شده یا حذف شده را تعریف میکند.

مثال:



المان <ins> در اچ تی ام ال

المان <ins> اچ تی ام ال متن وارد شده یا همان اضافه شده را تعریف میکند.

مثال:



المان <sub> در اچ تی ام ال

المان <sub> اچ تی ام ال متن زیر نویس شده را تعریف میکند.

مثال:



المان <sup> در اچ تی ام ال

المان <sup> اچ تی ام ال متن بالا نویس شده را تعریف میکند.

مثال:



در ادامه آموزش گام به گام زبان HTML، مطلب آموزش HTML – فصل پنجم: المان های نقل قول و ذکر (Quotation & Citation) را مطالعه کنید.

ویدیوها و مطالب مشابه