close
تبلیغات در اینترنت
ویژگی های html,کار با ویژگی ها در html,تعریف ویژگی در html,طرز استفاده
صفحه اصلی پرشین استک

{ پرشین استک }

به دنیای برنامه نویسی خوش آمدید
|


پرشین استک تنها یک سایت نیست بلکه یک پروژه همگانی می باشد


تعداد مطالب :
142


تعداد توسعه دهندگان :
11


تاریخ امروز :
جمعه 29 تیر 1397

به کانال تلگرام ما بپیوندید


×

لیست سوالات من

افزودن

جلسه ی پنجم - ویژگی ها در HTML

1. ویژگی ها در html اطلاعات اضافی را در مورد عناصر ارائه می دهند .

2. تمامی عناصر html می توانند دارای ویژگی باشند .

3. ویژگی ها همیشه در تگ آغازین استفاده می شوند .

4. ویژگی ها معمولا به شکل زیر استفاده می شوند :

"مقدار ویژگی" = نام ویژگی

 

ویژگی href

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

مثال :

<a href="https://www.w3schools.com">این یک لینک است</a>
! خودتو امتحان کن

 

ویژگی src

عکس ها در html با تگ <img> مشخص می شوند .

مسیر عکس با ویژگی src مشخص می شود .

مثال :

<img src="img_girl.jpg">
! خودتو امتحان کن

 

ویژگی های ارتفاع و عرض

برای تنظیم اندازه ی عکس ها در html از ویژگی های width برای عرض و height برای ارتفاع استفاده می شود .

مثال :

<img src="img_girl.jpg" width="500" height="600">
! خودتو امتحان کن

 

اندازه ی عکس با پیکسل (px) مشخص می شود .

 

ویژگی alt

از ویژگی alt برای نمایش متن جایگزین در زمانی که عکس نمی تواند نمایش داده شود ، استفاده می شود .

مثال :

<img src="img_girl.jpg" alt="Girl with a jacket">
! خودتو امتحان کن

 

ویژگی style

از ویژگی style برای مشخص کردن خصوصیات و استایل یک المان از قبیل رنگ و فونت و ... استفاده می شود .

مثال :

<p style="color:red">من یک پاراگراف هستم</p>
! خودتو امتحان کن

 

ویژگی lang

زبان سند با استفاده از ویژگی lang و در تگ <html> مشخص می شود .

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

مثال :

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

...

</body>
</html>

 

دو حرف اول یعنی en ، زبان انگلیسی را مشخص می کند . اگر گویش یا لهجه دیگری وجود دارد می توانید بیشتر از دو حرف استفاده کنید .

 

ویژگی title

مقدار ویژگی title در tooltip نمایش داده خواهد شد .

مثال :

<p title="I'm a tooltip">
این یک پاراگراف است .
</p>
! خودتو امتحان کن

 

زمانی که کاربر نشانه گر ماوس را روی متن قرار دهد ، مقدار ویژگی title در یک tooltip نمایش داده خواهد شد .

 

ارزش علامت نقل قول

در HTML 5 شما مستلزم به استفاده از علامت نقل قول در دو طرف مقدار ویژگی نیستید .

به عنوان نمونه ، ویژگی href را می توانید به صورت زیر بنویسید :

<a href=https://www.w3schools.com>
! خودتو امتحان کن

 

W3C علامت نقل قول را در HTML 5 پیشنهاد می کند و همچنین استفاده از این علامت را در سند های XHTML اجبار کرده است .

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

<p title=About W3Schools>
! خودتو امتحان کن

 

از نقل قول تکی استفاده کنم یا نقل قول دوتایی ؟

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

مثال :

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

 

یا برعکس :

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

 

خلاصه ی جلسه ی پنجم

1. یک المان html می تواند ویژگی داشته باشد .

2. ویژگی title اطلاعات اضافی برای نمایش در tooltip را ارائه می دهد .

3. ویژگی href ، آدرس لینک را مشخص می کند .

4. ویژگی های height و width اندازه عکس را مشخص می کنند .

5. ویژگی alt متن جایگزین را برای خوانندگان صفحه نمایش مشخص می کند .

 

خودت را با تمرین های زیر امتحان کن .

تمرین اول تمرین دوم تمرین سوم تمرین چهارم تمرین پنجم

 

ویژگیتوضیح
alt یک متن جایگزین را مشخص می کند تا هنگام عدم نمایش تصویر ، این متن نمایش داده شود
disabled مشخص می کند که المان مورد نظر باید غیر فعال باشد
href آدرس لینک را مشخص می کند
id id یا شناسه مربوط به المان را مشخص می کند
src مسیر تصویر را در المان <img> مشخص می کند
style استایل CSS مربوط به المان را مشخص می کند
title اطلاعات اضافی در مورد المان را مشخص می کند

 

صفحه اصلی

52

09 / 07 / 1396

PERSIAN STACK


چرا گاهی اوقات API موقعیت مکانی سرویس گوگل پلی ، موقعیت مکانی اشتباهی را برمی گرداند ؟

ادامه مطلب

613

چگونه نرم افزار ضبط صدای اندرویدی بسازیم ؟

ادامه مطلب

549

چرا TextView کلمات را با حروف می شکند ؟

ادامه مطلب

497

دانلود تمامی API های اندروید

ادامه مطلب

435

قسمت شانزدهم - جدول ها در HTML

ادامه مطلب

419

چرا وبسایت تجارت الکترونیک Magento 2 در Webview اندروید کار نمی کند ؟

ادامه مطلب

363

دانلود پروژه نمایش جستجوی کتاب برای اندروید

ادامه مطلب

347

چگونه Google API برای سطح API 25 را پیدا کنیم ؟

ادامه مطلب

343

دانلود سورس کد بازی اندرویدی Klooni 1010! + فایل APK

ادامه مطلب

259

آیا راهی برای یافتن تغیرات ماه در نمای تقویم اندروید (calendar view) وجود دارد ؟

ادامه مطلب

243

در تکمیل خودکار اندروید ، دلیل dispatchProvideAutofillStructure() not laid out چیست ؟

ادامه مطلب

231

چرا زمانی که با استفاده از cordova در اندروید 7.0 ، اس ام اس ارسال می کنیم ، با اثتثنای (Exception) امنیتی مواج

ادامه مطلب

227

آموزش ساخت و شخصی سازی Navigation Drawer در اندروید استودیو

ادامه مطلب

211

دانلود تمامی نسخه های gradle برای اندروید

ادامه مطلب

195

دانلود سورس کد اپلیکیشن هواشناسی برای اندروید + فایل APK

ادامه مطلب

179

چگونه ارور com.bumptech.glide.Registry$NoModelLoaderAvailableException: Failed to find any ModelLoaders را در اندروید رفع کنیم ؟

ادامه مطلب

171

دانلود اسکریپت جاوای PS-CH# - ایجاد ورودی متنی پیشرفته

ادامه مطلب

121

دانلود کتابخانه Retrofit برای اندروید + پروژه

ادامه مطلب

117

دانلود سورس کد تمامی نسخه های تلگرام + فایل های نصبی

ادامه مطلب

113

دانلود کتابخانه GSON برای اندروید + پروژه

ادامه مطلب

111

دانلود اسکریپت جاوای PS-CH# - ایجاد ورودی متنی پیشرفته

ادامه مطلب

یکشنبه 05 آذر 1396

قسمت هفدهم - لیست ها در HTML

ادامه مطلب

یکشنبه 21 آبان 1396

چگونه می توان با استفاده از CSS ، رنگ placeholder را تغییر داد ؟

ادامه مطلب

یکشنبه 21 آبان 1396

قسمت شانزدهم - جدول ها در HTML

ادامه مطلب

شنبه 20 آبان 1396

دانلود تمامی نسخه های gradle برای اندروید

ادامه مطلب

شنبه 20 آبان 1396

قسمت پانزدهم - عکس ها در HTML

ادامه مطلب

جمعه 19 آبان 1396

قسمت چهاردهم - لینک ها در HTML

ادامه مطلب

یکشنبه 14 آبان 1396

آموزش ساخت و شخصی سازی Navigation Drawer در اندروید استودیو

ادامه مطلب

یکشنبه 14 آبان 1396

قسمت سیزدهم - CSS در HTML

ادامه مطلب

شنبه 13 آبان 1396

قسمت بیست و پنجم (قسمت آخر) - آموزش ساخت بازی حدس

ادامه مطلب

پنجشنبه 11 آبان 1396

قسمت بیست و چهارم - آموزش نحوه ی پردازش فایل ها در جاوا

ادامه مطلب

پنجشنبه 11 آبان 1396

قسمت بیست و سوم - برنامه تکمیلی جاوا (6)

ادامه مطلب

پنجشنبه 11 آبان 1396

قسمت بیست و دوم - معرفی آرایه ها در جاوا

ادامه مطلب

پنجشنبه 11 آبان 1396

قسمت بیست و یکم - برنامه تکمیلی جاوا (5)

ادامه مطلب

پنجشنبه 11 آبان 1396

قسمت بیستم - معرفی مفهوم وراثت در جاوا

ادامه مطلب

پنجشنبه 11 آبان 1396

قسمت نوزدهم - برنامه تکمیلی جاوا (4)

ادامه مطلب

پنجشنبه 11 آبان 1396

قسمت هجدهم - معرفی عبارات کنترلی در جاوا

ادامه مطلب

پنجشنبه 11 آبان 1396

قسمت هفدهم - برنامه تکمیلی جاوا (2-3)

ادامه مطلب

چهارشنبه 10 آبان 1396

چگونه در برنامه نویسی اندروید ، یک ListView با متن و عکس بسازیم ؟

ادامه مطلب

سه شنبه 09 آبان 1396

چگونه در برنامه نویسی اندروید از فونت شخصی خود استفاده کنیم ؟

ادامه مطلب

سه شنبه 09 آبان 1396

دانلود اسکریپت جاوای PS-CH# - ایجاد ورودی متنی پیشرفته

ادامه مطلب

آموزش ساخت و شخصی سازی Navigation Drawer در اندروید استودیو

ادامه مطلب

قسمت بیست و پنجم (قسمت آخر) - آموزش ساخت بازی حدس

ادامه مطلب

قسمت بیست و چهارم - آموزش نحوه ی پردازش فایل ها در جاوا

ادامه مطلب

قسمت بیست و سوم - برنامه تکمیلی جاوا (6)

ادامه مطلب

قسمت بیست و دوم - معرفی آرایه ها در جاوا

ادامه مطلب

قسمت بیست و یکم - برنامه تکمیلی جاوا (5)

ادامه مطلب

قسمت بیستم - معرفی مفهوم وراثت در جاوا

ادامه مطلب

قسمت نوزدهم - برنامه تکمیلی جاوا (4)

ادامه مطلب

قسمت هجدهم - معرفی عبارات کنترلی در جاوا

ادامه مطلب

قسمت هفدهم - برنامه تکمیلی جاوا (2-3)

ادامه مطلب

چگونه در برنامه نویسی اندروید ، یک ListView با متن و عکس بسازیم ؟

ادامه مطلب

چگونه در برنامه نویسی اندروید می توان آیدی موبایل را بدست آورد ؟

ادامه مطلب

چگونه در برنامه نویسی اندروید برنامه تماس بسازیم ؟

ادامه مطلب

چگونه در برنامه نویسی اندروید یک منو ساده بسازیم ؟

ادامه مطلب

چگونه در برنامه نویسی اندروید از برنامه اسکرین شات بگیریم ؟

ادامه مطلب

قسمت شانزدهم - برنامه تکمیلی جاوا (3)

ادامه مطلب

قسمت پانزدهم - معرفی کامنت ها و عملگر ها در جاوا

ادامه مطلب

دانلود سورس کد نرم افزار افزایش بازدید سایت + فایل نصبی

ادامه مطلب

قسمت چهاردهم - برنامه تکمیلی جاوا (2)

ادامه مطلب

× برای نظر گذاشتن یا پاسخ دادن به سوالات باید در سایت عضو باشید !

برای حمایت از ما روی بنر های زیر کلیک کنید .

برای سفارش تبلیغات به ما ایمیل بزنید .

ارتباط با ما