آموزش HTML 5 - بخش5 : "ویژگی ها"

کد اخبار



||     خانه     ||     رهگیری مرسولات پستی      ||   فرم ثبت نظر و پیشنهاد     ||    پیشنهاد محصول     ||     کسب درآمد از ایران روز

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


  • آموزش HTML 5 -  بخش5 : "ویژگی ها"

 

آموزش HTML 5

بخش5 : "ویژگی های HTML" 

(Html Attributes)


ویژگی ها (Attributes) اطلاعات بیشتری برای عناصر (elements) فراهم می کنند.

ویژگی ها در HTML

  • عناصر HTML می توانند ویژگی(ها) داته باشند.
  • ویژگی ها اطلاعات بیشتر برای عناصر ایجاد می کنند.
  • ویژگی های هر عنصر در تگ شروع نوشته می شوند.
  • ویژگی ها به صورت جفت (نام/مقدار) می آیند مثل: "Name="Value

< در ادامه چند نمونه از "ویژگی (Attributes)" بهمرا مثال برای شما آماده کردیم>

1. ویژگی Lang

زبان یک سند HTML را می توان در تگ <html> تعریف کرد.

این زبان در ویژگی Lang اعلام می شود.

تعریف این زبان برای موتورهای جستجو و نرم افزارهای مرورگر وب اهمیت بالایی دارد:

<DOCTYPE html!>
<"html lang="en-US>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

<body/>
<html/>

دو حرف اول زبان را مشخص میکند (EN). اگر لهجه هم وجود دارد میتوانید از دو حرف بیشتر استفاده کنید (US).

2. ویژگی Title

پاراگراف در HTML با تگ <p> تعریف می شوند.

در مثال زیر عنصر <P> یک ویژگی Title یا "عنوان" دارد که مقدارش "Learn Html 5" می باشد:

<"p title="Learn Html 5>
IR2DAY.COM is a web developer's site.
It provides tutorials and references covering
many aspects of web programming,
including HTML, CSS, JavaScript, XML, SQL, PHP, ASP, etc.
<p/>

هر عنصری که ویژگی Title (عنوان) را داشته باشد هنگامی که با ماوس روی آن عنصر بروید متن درون ویژگی title به صورت Tooltip نمایش داده خواهد شد.

3. ویژگی href

لینک ها در HTML با تگ <a>  تعریف می شوند. آدرس لینک مقصد با ویژگی href مشخص می شود:

<a href="http://www.ir2day.com">This is a link</a>

در بخش های بعدی در باره تگ <a> بیشتر یاد خواهید گرفت. :)

4. ویژگی Size

تصاویر در HTML با تگ <img> تعریف می شوند. ویژگی src برای تعیین نام فایل منبع و ویژگی های width و height برای تعیین طول و عرض عکس می باشند:

<"img src="ir2day.jpg" width="104" height="142>

اندازه عکس بر حسب پیکسل است: width=104 یعنی 104 پیکسل از صفحه نمایش عرض عکس است.

در بخش های بعدی در باره تصاویر و تگ <img>  بیشتر یاد خواهید گرفت. :)

5. ویژگی Alt

این ویژگی مشخص می کند که زمانی که عناصر html به هر دلیلی ظاهر نشدند به جای آن چه متنی ظاهر شود.

<"img src="ir2day.jpg" alt="www.ir2day.com" width="104" height="142>

پیشنهاد: "همیشه ویژگی ها را با حروف کوچک بنویسید".

در استاندارد HTML 5 اجباری به نوشتن ویژگی ها با حروف کوچک نیست.

مثلا ویژگی عنوان هم میشود با حروف کوچک title و هم با حروف بزرگ TITLE نوشته شود.

استاندارد W3C پیشنهاد می کند که در HTML 4 و سندهای سختگیرانه ای مثل xhtml از حروف کوچک استفاده کنید.

پیشنهاد: "همیشه ویژگی ها را درون نقل قول (کوتیشن) قرار دهید(" ")".

در استاندارد HTML 5 اجباری به نوشتن ویژگی ها درون نقل قول نیست.

ویژگی href که در بالا نشان دادیم می تواند به این صورت نوشته شود:

<a href=http://www.ir2day.com>

استاندارد W3C پیشنهاد می کند که در HTML 4 و سندهای سختگیرانه ای مثل xhtml از نقل قول (" ") استفاده کنید.

گاهی اوقات استفاده از نقل قول ضرورت می یابد، در مثال زیر متن به درستی نمایش داده نمیشود چراکه از فاصله در متن استفاده شد:

<p title=learn HTML 5>

تک کوتیشن(' ')یا دابل کوتیشن(" ")؟

در HTML  دابل کوتیشن (" ") رایجتر است ولی از تک کوتیشن (' ') هم میشود استفاده کرد.

در بعضی مواقع که مقدار یک ویژگی خودش از دابل کوتیشن استفاده میکند ما ناچاریم از تک کوتیشن استفاده کنیم:

<'p title='John "ShotGun" Nelson>

یا بر عکس:

<"p title="John 'ShotGun' Nelson>

خلاصه این بخش:

  • تمام عناصر HTML می توانند ویژگی داشته باشند.
  • ویژگی Title یک اطلاعات "Tool-tip" اختیاری برای عناصر ارائه می دهد.
  • ویژگی href اطلاعات آدرس لینک را مشخص می کند.
  • ویژگی width و height اندازه طول و عرض تصاویر را در HTML مشخص می کنند.
  • ویژگی alt متنی که در صورت عدم نمایش عناصر ظاهر می شود را مشخص می کند.

 


پایان بخش 5

نظرات و سوالات خودتون رو با ما در میون بزارید

نویسنده : میثم وحدت پناه

نوشتن نظر

توجه: HTML ترجمه نمی شود!
    بد           خوب

آموزش HTML 5 - بخش5 : "ویژگی ها"

  • مدل کالا: learn-html-5-part-5
  • موجودی: آموزش رایگان

کالاهای مرتبط

آموزش HTML 5 -  بخش1 : "مقدمه"

آموزش HTML 5 - بخش1 : "مقدمه"

آموزش HTML 5 بخش 1 : مقدمه HTML ..

آموزش HTML 5 -  بخش2 : "ویرایشگرها"

آموزش HTML 5 - بخش2 : "ویرایشگرها"

آموزش HTML 5 بخش 2 : ویرایشگرها &n..

آموزش HTML 5 -  بخش3 : "مثالهای پایه"

آموزش HTML 5 - بخش3 : "مثالهای پایه"

آموزش HTML 5 بخش 3 : مثالهای پایه ..

آموزش HTML 5 -  بخش4 : "عناصر HTML"

آموزش HTML 5 - بخش4 : "عناصر HTML"

آموزش HTML 5 بخش4 : "عناصر HTML&..

آموزش HTML 5 -  بخش6 : "تیتر ها"

آموزش HTML 5 - بخش6 : "تیتر ها"

آموزش HTML 5 بخش5 : "تیترها در HT..

برچسب ها: آموزش, طراحی سایت, ویژگی, html 5, Learn, Attributes


نکات مهم

 - در حال حاضر محصولات سایت بر روی دی وی دی های 4.2 گیگ معمولی (رایتی) با مارک های عرف موجود در بازار رایت میشوند. جهت حداکثر ماندگاری اطلاعات با سرعت های پایین بر روی دیسک ها رایت شده و درون کاورهای ضدخش 2*1 قرار میگیرند.

 - ارسال سفارشات حداکثر 72 ساعت کاری پس از واریز مبلغ و تایید سفارش به وسیله پست پیشتاز انجام میگیرد و شماره پیگیری به مشتریان گرامی اعلام میشود. در صورتی که ارسال سفارش بیش از این زمان بطول انجامید با واحد پشتیبانی سایت تماس حاصل فرمایید.

 - لطفا به این نکته توجه فرمایید که : مبلغ کل سفارشات پستی غیر از هزینه پست حداقل باید 5000 تومان باشند تا ترتیب اثر داده شود. اطلاعات بیشتر

 - جهت بهره مندی از حداکثر امکانات سایت و خدمات پس از فروش حتما در موقع ثبت نام مشخصات تماس خود را بطور صحیح وارد نمایید.

 - هرگونه پیشنهاد محصول را میتوانید از این طریق با ما در میان بگذارید. (بطور کلی ما بشدت مشتاق شنیدن هر نوع پیشنهاد ، انتقاد و یا خدای ناکرده گلایه ای از طرف شما هستیم.)

هدایت به بالای صفحه

پشتیبانی