HTMLطراحی سایتگوناگون

۵-فرمت دهی در HTML

تا اینجای کار با قوانین وشیوه ی استفاده از عنوان ها،پاراگراف،ایجاد یک خط خالی در صفحه وهمچنین ایجاد یک خط افقی در صفحه آشنا شدیم. حال به سراغ فرمت دهی به عناصر در HTML میپردازیم.

 

 

تگ های فرمت دهی در HTML

 

  • هرکدام از تگ های زیر فرمت نوشته را به شکل جدیدی تغییر میدهند( که نیاز به توضیح اضافه آن نیست.)
  •  برای استفاده از این فرمت دهی ها باید تگ اغازین فرمت مخصوص را در ابتدای نوشته وتگ پایانی را در انتهای نوشته قرار داد.
  • لیست زیر فهرست کاملی از تگ های فرمت دهی و موارد دیگری همچون تگ ادرس وساخت مخفف ونقل قول و… میباشد.

 

 

 تگتوضیحات
1strongمتن را به صورت ضخیم یا strong نمایش می دهد.
2emمتن را به صورت مورب یا emphasized (تأکید شده) نمایش می دهد.
3iمتن را به صورت مورب یا italic نمایش می دهد.
4smallمتن را به صورت small نمایش می دهد.
5bigمتن را به صورت big نمایش می دهد.
6subمتن را به صورت subscripted نمایش می دهد.
7supمتن را به صورت superscripted نمایش می دهد.
8insمتن را به صورت inserted (زیر خط دار) نمایش می دهد.
9delمتن را به صورت deleted (روی آن خط کشیده شده) نمایش می دهد.
10b متن را به صورت ضخیم یا bold نمایش می دهد.
11codeمتن را به صورت computer code نمایش می دهد.
12kbdمتن را به صورت keyboard نمایش می دهد.
13sampمتن را به صورت sample computer code نمایش می دهد.
14ttمتن را به صورت teletype نمایش می دهد.
15varمتن را به صورت variable نمایش می دهد.
16preمتن را به صورت preformatted نمایش می دهد. (خطوط و فاصله های اضافه در نظر گرفته شده را حفظ می کند)
17abbrمخفف کلمه ای را تعریف می کند.
با استفاده از خصوصیت title می توان عبارت کامل آن مخفف را در حالتی که موس روی آن قرار می گیرد نشان داد.
18acronymسر نام کلمات را تعریف می کند. (در HTML5 پشتیبانی نمی شود)
با استفاده از خصوصیت title می توان عبارت کامل آن مخفف را در حالتی که موس روی آن قرار می گیرد نشان داد.
19addressاطلاعات تماس برای نویسنده با مالک سند را مشخص می کند.
20bdoبا استفاده از خصوصیت bdo می توان کلمات را برعکس کرد. (از آخر به اول یا برعکس)
21blockquote برای تعریف نقل قول های بلند استفاده می شود.
مرورگر، بصورت پیشفرض قبل و بعد از عبارت نقل قول یک فضای اضافی قرار می دهد. همچنین برای آن Margin در نظر می گیرد.
22q برای تعریف نقل قول های کوتاه استفاده می شود.
مرورگر، بصورت پیشفرض عبارت را داخل دابل کوتیشن قرار میدهد.
23cite جهت تعریف نقل قول (citation)
در HTML5 تگ عنوان یک کار را مشخص می کند اما در HTML 4.01 تگ یک نقل قول را مشخص می کند.
24dfn یک عبارت تعریفی را مشخص می کند.

 

 

 

حال چند قطعه کد که از تگ های بالا بهره گرفته شده اند رو براتون پیاده سازی میکنیم تا با نحوه استفاده از آن ها آشنا شوید.

  • در قطعه کد بالا میبینیم که تگ های فرمت دهی رو برای هر قسمتی از متنمون که بخوایم میتونیم استفاده کنیم.

 

 

  • در قطعه کد بالا نحوه استفاده از تگ “نقل قول” رو مشاهده میفرمایید.

 

باقی تگ های موجود در لیست که ارائه شد به همین شکل قابل استفاده هستند. برای تمرین بیشتر سعی کنید تمامی تگ ها رو حداقل یکبار به صورت تمرینی مورد استفاده قرار دهید

 

 


 

بخش بعدی

بخش قبلی

به این پست امتیاز دهید.
برچسب ها
مشاهده بیشتر

رضااسدزاده

رضااسدزاده هستم مهندس نرم افزار علاقه مند به فضای وب از تاریخ 12شهریور سال96 سایت تیچ وب رو راه اندازی کردیم با هدف گسترش اطلاعات نرم افزاری و زبان های برنامه نویسی . امیدوارم با حمایت شما دوستان بتونیم به این هدف بزرگ دست پیدا کنیم.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

بستن