برترین مقالات کامپیوتر
برترین مقالات کامپیوتربرترین مقالات کامپیوتر
برترین مقالات کامپیوترHTML
وظیفه گروهی از تگ های اچتمل فرمت دهی و تعیین شکل نمایش متون ( مثلا ضخیم و bold بودن و یا مورب و ایتالیک بودن ) میباشد و در این درس با این گروه از تگهای formating آشنا خواهید شد:
<b> , <big> , <code> , <del> , <em> , <i> , <ins> , <kbd> , <pre> , <s> , <samp> , <small> , <strike> , <strong> , <sub> , <sup> , <tt> , <u> , <var>
مثالهای شکل دهی متون (Text Formatting)
در مثالهای زیر نحوه استفاده از عناصر و تگهای شکل دهی متون شرح داده شده اند:
شکل دهی متون
شکلهای مختلف نمایش متون با کمک عناصر b , strong , big , em , i , small , sub , sup
متون از قبل شکل دهی شده
نمایش متون از قبل شکل دهی شده با کمک عنصر pre یا pre Formatted
برای نمایش اشعار فارسی استفاده از عنصر pre بهترین انتخاب میباشد.
عناصر دیگر شکل دهی متن
نمایش متون deleted، underline و ... با کمک عناصر code , kbd , tt , samp , var , del , ins
نحوه دیدن سورس کدهای اچتمل (HTML Source)
- اگر میخواهید که سورس کدهای اچتمل صفحات وب را ببینید کافی است که در منوی View مرورگرتان حالت Source یا Page Source را انتخاب کرده و مرورگر کد اچتمل را درون ادیتوری باز کرده و قابل ذخیره توسط شما برای استفاده های بعدی میباشد.
- اگر صفحه مورد نظر از مجموعه فریمها (Frameset) استفاده کرده باشد برای دیدن سورس کد اصلی فریمها کافی است که ابتدا با کمک روش بالا به مشاهده سورس کدهای اچتمل پرداخته (لازم به توضیح است که در این حالت فقط تعاریف کلی فریمها قرار دارند.) و سپس برای دیدن کد اچتمل اختصاصی هر صفحه باید پس از "Right Click" روی هر صفحه "View Source" کرده و کد اچتمل هر فریم را جداگانه ببینید.
- اگر طراح سایت با کمک Java Script مانع دیدن سورس توسط شما میشود، ابتدا در منوی Tools/Internet Options.../Security/Custom Level مرورگرهای اکسپلورر امکانات جاواسکریپت مرورگر را غیر فعال کرده (disable) و سپس مراحل بالا را تکرار کنید!!!
چند نکته کاربردی:
- در استفاده از Underline دقت کنید چون در اکثر مرورگرها، پیوندها با این خطوط نشان داده می شوند و این مساله میتواند کاربران را دچار اشتباه کند .
- به کارگیری تگهای EM و STRONG که جایگزین تگهای I و B هستند ، این اطمینان را می دهد که صفحه شما توسط همه مرورگرها بصورت صحیح نمایش داده خواهد شد .
- به ترتیب بسته شدن تگهای پایانی در مثال زیر دقت کنید، همان گونه که مشاهده می کنید عنصر STRONG بعد از عنصر U شروع شده است ، به همین خاطر تگ خاتمه دهنده آن قبل از تگ خاتمه دهنده U قرار می گیرد.
<U>version <STRONG>2.0</STRONG></U>
تگهای فرمت دهی متون
| Start Tag | Purpose | کاربرد | ||
|---|---|---|---|---|
 | ||||
| <b> | Defines bold text | نمایش توپر | ||
| ||||
| <big> | Defines big text | نمایش در اندازه بزرگ | ||
| ||||
| <em> | Defines emphasized text | نمایش بصورت تاکید شده | ||
| ||||
| <i> | Defines italic text | نمایش ایتالیک یا کج | ||
| ||||
| <small> | Defines small text | نمایش در اندازه کوچک | ||
| ||||
| <strong> | Defines strong text | نمایش قوی ؟! | ||
| ||||
| <sub> | Defines subscripted text | نمایش پایین تر از خط افقی | ||
| ||||
| <sup> | Defines superscripted text | نمایش بالاتر از خط افقی | ||
| ||||
| <ins> | Defines inserted text | نمایش به صورت خط زیر | ||
| ||||
| <del> | Defines deleted text | نمایش به صورت خط خورده | ||
| ||||
| <s> | Deprecated. Use <del> instead | از رده خارج | ||
| ||||
| <strike> | Deprecated. Use <del> instead | از رده خارج | ||
| ||||
| <u> | Deprecated. Use styles instead | از رده خارج | ||
| ||||
| Start Tag | Purpose | کاربرد | ||
|---|---|---|---|---|
| ||||
| <code> | Defines computer code text | نمایش کدهای برنامه نویسی | ||
| ||||
| <kbd> | Defines keyboard text | نمایش متن بصورت صفحه کلیدی | ||
| ||||
| <samp> | Defines sample computer code | نمایش کدهای نمونه برنامه نویسی | ||
| ||||
| <tt> | Defines teletype text | نمایش تله تایپ | ||
| ||||
| <var> | Defines a variable | نمایش متغییرها | ||
| ||||
| <pre> | Defines preformatted text | نمایش متون از قبل فرمت شده | ||
| ||||
مرجع : HTML 4.01 Specification - فهرست عناصر - فهرست شناسه ها
