HTML - برترین مقالات کامپیوتر
X
تبلیغات
پیکوفایل
رایتل


برترین مقالات کامپیوتر

برترین مقالات کامپیوتر

وظیفه گروهی از تگ های اچتمل فرمت دهی و تعیین شکل نمایش متون ( مثلا ضخیم و 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) و سپس مراحل بالا را تکرار کنید!!!

چند نکته کاربردی:

  1. در استفاده از Underline دقت کنید چون در اکثر مرورگرها، پیوندها با این خطوط نشان داده می شوند و این مساله میتواند کاربران را دچار اشتباه کند .
  2. به کارگیری تگهای EM و STRONG که جایگزین تگهای I و B هستند ، این اطمینان را می دهد که صفحه شما توسط همه مرورگرها بصورت صحیح نمایش داده خواهد شد .
  3. به ترتیب بسته شدن تگهای پایانی در مثال زیر دقت کنید، همان گونه که مشاهده می کنید عنصر 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 - فهرست عناصر - فهرست شناسه ها

نوشته شده در سه‌شنبه 20 تیر‌ماه سال 1385ساعت 11:52 توسط ADMIN نظرات (0)|


Design By : Night Skin