جستجو برای:
  • دوره‌های آموزشی
    • کسب و کار اینترنتی پولساز
    • تبدیل ایده به محصول
    • خلق استراتژی کسب و کار
    • ایجاد مزیت رقابتی در کسب و کار
  • آموزش رایگان
    • دوره رایگان کسب و کار اینترنتی
    • ویدیوهای آموزشی
    • پادکست‌های آموزشی
  • وبلاگ
    • کسب و کار اینترنتی
      • کارآفرینی اینترنتی
      • کار در منزل
      • ایده های پولساز
      • مدیریت کسب و کار اینترنتی
    • بازاریابی اینترنتی
      • سئو
      • ایمیل مارکتینگ
      • سوشیال مارکتینگ
      • اینستاگرام مارکتینگ
      • همکاری در فروش
    • کارآفرینی
      • ایده های کارآفرینی
      • کسب درآمد
      • استارت آپ
      • برندسازی
      • موفقیت فردی
      • معرفی کارآفرینان برتر
  • کسب درآمد
  • حساب کاربری
تلفن تماس: ۲۳۴۵۶ ۲۸۴ ۰۲۱
بهترین ایده
  • دوره‌های آموزشی
    • کسب و کار اینترنتی پولساز
    • تبدیل ایده به محصول
    • خلق استراتژی کسب و کار
    • ایجاد مزیت رقابتی در کسب و کار
  • آموزش رایگان
    • دوره رایگان کسب و کار اینترنتی
    • ویدیوهای آموزشی
    • پادکست‌های آموزشی
  • وبلاگ
    • کسب و کار اینترنتی
      • کارآفرینی اینترنتی
      • کار در منزل
      • ایده های پولساز
      • مدیریت کسب و کار اینترنتی
    • بازاریابی اینترنتی
      • سئو
      • ایمیل مارکتینگ
      • سوشیال مارکتینگ
      • اینستاگرام مارکتینگ
      • همکاری در فروش
    • کارآفرینی
      • ایده های کارآفرینی
      • کسب درآمد
      • استارت آپ
      • برندسازی
      • موفقیت فردی
      • معرفی کارآفرینان برتر
  • کسب درآمد
  • حساب کاربری
0

ورود و ثبت نام

بلاگ

بهترین ایده / طراحی سایت / صفات html

صفات html

آنچه در این مطلب می‌خوانید:

  • صفات html
    • آموزش html  درس پنجم
    • صفات  HTML
    • مشخصه href
    • ویژگی  src
    • width and height
    • ویژگی alt
    • ویژگی  style
    • مشخصه lang
    • مشخصه title
    • پیشنهاد ما: استفاده از ویژگی ها با حروف کوچک  است
    • ما پیشنهاد می کنیم: مقدار علامت نقل قول
    • نقل قول دوتایی یا تکی ؟
    • صفات  HTML

صفات html

آموزش html  درس پنجم

صفات html
صفات html

صفات html اطلاعات اضافی در مورد عناصر HTML ارائه می دهند. در اینجا انواع مختلفی از صفات html را با هم مرور می کنیم. تعریف صفات روش خاص خود را دارد.

 

صفات  HTML

• تمام عناصر HTML می توانند دارای صفات باشند.
• صفات  اطلاعات اضافی در مورد عنصر ارائه می کنند.
• صفات  همیشه در تگ  شروع مشخص می شوند.
• عناوین معمولاً در یک  جفت مانند name = “value ”   می آیند.

 

مشخصه href

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

[php] <a href="https://www.behtarinideh.com">This is a link</a> [/php]

درباره لینک ها و تگ <a> بعداً بیشتر آموزش خواهید دید.

 

ویژگی  src

تصاویر HTML با برچسب <img> تعریف می شوند.
نام فایل منبع (src) و اندازه تصویر (عرض و ارتفاع) به عنوان ویژگی ها ارائه می شوند:
مثال

[php]
<img src="img_girl.jpg">
[/php]

width and height

تصاویر در HTML دارای مجموعه ای از ویژگی های اندازه  هستند ، که عرض و ارتفاع تصویر را مشخص می کند:

[php] <img src="img_girl.jpg" width="500" height="600"> [/php]

اندازه تصویر در پیکسل مشخص شده است: عرض = “500” به معنای 500 پیکسل عرض است.

 

ویژگی alt

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

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

[php] <img src="img_girl.jpg" alt="Girl with a jacket"> [/php]

خصیصه alt نیز مفید است اگر تصویر وجود ندارد:

چه اتفاقی می افتد وقتی که ما سعی می کنیم تصویری را که نیست نمایش بدهیم ؟

مثال :

[php] <img src="img_typo.jpg" alt="Girl with a jacket"> [/php]

ویژگی  style

ویژگی  style   برای مشخص کردن ظاهر یک عنصر، مانند رنگ، فونت، اندازه و غیره استفاده می شود.

مثال :

[php] <p style="color:red">I am a paragraph</p> [/php]

مشخصه lang

زبان سند را می توان در تگ   <html> اعلام کرد.
زبان با ویژگی lang مشخص شده است.
اعلام زبان برای برنامه های دسترسی (خوانندگان صفحه نمایش) و موتورهای جستجو اهمیت دارد

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

…

</body>
</html>
[/php]

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

مشخصه title

در اینجا  ویژگی title  به عنصر  <p> اضافه شده است. مقدار مشخصه title  هنگامی که ماوس بر روی پاراگراف است به عنوان یک  راهنمای ابزار(tooltip) نمایش داده می شود.

مثال

[php] <p title="I’m a tooltip">
This is a paragraph.
</p> [/php]

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

 در استاندارد HTML5  نیازی به نوشتن ویژگی ها با حروف کوچک نیست.
ویژگی عنوان را می توان با حروف بزرگ یا کوچک مثل title یا TITLE  بنویسیم.
W3C  حروف کوچک در HTML را توصیه می کند، و تاکید می کند از  حروف کوچک برای انواع سند با قوانین سخت تر  مانند XHTML  استفاده کنید.
در اینجا  ما همیشه برای  نام ویژگی ها از  حروف کوچک استفاده می کنیم.

ما پیشنهاد می کنیم: مقدار علامت نقل قول

HTML5     استاندارد نیازی به نقل قول در اطراف مقادیر attribute ندارد.
ویژگی href، نشان داده شده در بالا، می تواند به صورت زیر نوشته شود:
مثال

[php] <a href=https://www.behtarinideh.com> [/php]

W3C پیشنهادات نقل قول را  در HTML  ارائه می دهد و تقاضای نقل قول هایی را برای انواع سند با قوانین سخت تر  مانند XHTML می دهد.
گاهی لازم است از نقل قول استفاده کنید. این مثال صفت عنوان را به درستی نمایش نمی دهد، زیرا حاوی یک فضا است:
مثال

[php] <p title=About behtarinideh> [/php]

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

نقل قول دوتایی یا تکی ؟

نقل قول دوتایی  در اطراف مقادیر صفات  در HTML رایج تر هستند، اما نقل قول های تکی  نیز می توانند مورد استفاده قرار گیرند.
در بعضی موارد، زمانی که مقدار صفات  شامل نقل دوتایی است، لازم است از نقل قول تکی  استفاده شود:

[php]
<p title=’John "ShotGun" Nelson’>
[/php]

یا بر خلاف آن :

[php]
<p title="John ‘ShotGun’ Nelson">
[/php]

خلاصه ی درس
• تمام عناصر HTML می توانند دارای صفات باشند.
• صفت title  اطلاعات اضافی “tool-tip”  را فراهم می کند.
• ویژگی href اطلاعات آدرس را برای لینک ها فراهم می کند.
• ویژگی های width و height اطلاعات اندازه را برای تصاویر ارائه می کنند.
• ویژگی alt متن را برای خوانندگان صفحه فراهم می کند.
• در اینجا ، ما همیشه از حروف کوچک برای نام صفات استفاده می کنیم.
• در سایت بهترین ایده  ما همیشه  برای مقادیر صفات  از نقل قول های دوتایی استفاده می کنیم.

صفات  HTML

در زیر یک لیست  به صورت حروف الفبا از برخی از صفات وجود دارد که  اغلب در HTML استفاده می شود:
صفت     توضیح
alt                یک متن جایگزین برای یک تصویر را تعیین می کند، هنگامی که تصویر را نمی توان نمایش داد
disabled         تعیین می کند که یک عنصر ورودی باید غیرفعال شود
href     )                URL آدرس وب) را برای یک لینک مشخص می کند
id                   شناسه منحصر به فرد برای یک عنصر را مشخص می کند
src               نشانی اینترنتی (آدرس وب) برای یک تصویر را مشخص می کند
style            یک سبک CSS درونی برای یک عنصر را مشخص می کند
title                اطلاعات اضافی در مورد یک عنصر را مشخص می کند (به عنوان tool tip نمایش داده می شود)

آموزش  html  درس ششم

۱
۲
۳
۴
۵
میانگین امتیازات ۵ از ۵
از مجموع ۱ رای
اشتراک گذاری:
برچسب ها: HTML
در تلگرام
کانال ما را دنبال کنید!
در اینستاگرام
ما را دنبال کنید!

iman.ghasedian

بهت کمک می‌کنم توجهت رو بذاری روی خودت و عمیق‌تر زندگی‌‌‌وحالت رو تغییر بدی

این بازی یک‌ بازی معمولی نی این بازی یک‌ بازی معمولی نیست بلکه فلسفه زندگی توه 🎲❤️

صفحه بازی، صفحه زندگی توه
‌و تو بازیگری 🎲❤️
همه اون فرصت‌هایی که تو زندگی سر راهت قرار می‌گیره، نردبان‌های بازی هستن و تمام مسائل، مشکلات، شکست‌ها، درد ‌‌و رنج‌ها، نیش مارهای این بازی 🎲❤️

تو این بازی من ۷ درس مهم یاد گرفتم که به توهم گفتم 🎲❤️

حتما ازت میخوام دوتا استیکر 🎲❤️ پایین پست برام بذاری 🎲❤️

منتظرم رفیق 🎲❤️

#بازی #زندگی #فلسفه #ماروپله #شانس #خوشحالی #ناراحتی #روانشناسی #فرزند #صبر #ایمان_قاصدیان #ایران
توضیحات سفر رو حتما بخون 😍 توضیحات سفر رو حتما بخون 😍
۲۸ اردیبهشت ۱۴۰۱

به همراه یک گروه‌باحال زدیم به دل طبیعت

🚌 صبح ساعت ۵ صبح از تهران راه افتادیم 
به سمت جاده چالوس

یک توقف تونل کندوان داشتیم و صبحانه خوردیم  و به سمت مقصد از یکی از خروجی‌های جاده چالوس خارج شدیم و‌ جاده کاملا شیبدار بود و در عرض ۲۰ دقیقه چیزی حدود ۱۵۰۰ متر ارتفاع از سطح دریا گرفتیم

طبیعت فوق العاده بی‌نظیری بود…

😍 به مقصد رسیدیم و در یک خانه روستایی بسیار باصفا وسایل رو گذاشتیم و با نون محلی و پنیر تازه و چایی شیرین از ما استقبال شد…

بعد از اینکه توی روستا دوری زدیم ‌‌کنار رودخونه پایی به آب زدیم برگشتیم و نهار خوردیم و بعد از یک استراحت کوتاه سوار تراکتور شدیم و تا دامنه کوه رفتیم و از اونجا که از تراکتور پیاده شدیم ۱۲ کیلومتر در مسیری که توی ویدیو می‌بینید هایکینگ داشتیم تا رسیدیم به یک چشمه و بعد ۱۵ دقیقه‌ از چشمه که بالاتر رفتیم رسیدیم به یک یخچال طبیعی…

واقعا طبیعت بکر و بی‌نظیری بود 😍
خدارو هزار مرتبه شکر کردم بخاطر این همه زیبایی…و این همه نعمت و از همه مهم‌تر سلامتی 

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

@safaryab.us 

بعد از این پیاده روی نسبتا سنگین، تا خود روستا پیاده برگشتیم و واقعا خسته شدیم اما سرشار از انرژی 

بعد یه آتیش باحال درست کردیم و با چند تا از دوستان نشستیم دورش 

یک‌شام‌سبک خوردیم و خوابیدیم 😴

🌞 صبح طبق عادت ساعت ۵:۳۰ صبح بیدار شدم

ادامه در کامنت…

______________________
خیلی خوشحال میشم احساست رو از دیدن این ویدیو برام بنویس ❤️ یا با یه استیکر 😎✌️👏😍🤩✋ منتظرم …
______________________

🎬: @iman.ghasedian 

🎵: @amiralibahadori 
______________________

#نگرانی #آینده #خوشبختی #سفر #طبیعت #طبیعت_ایران #حال_خوب #انرژی_مثبت #فیلم #موزیک #طبیعت_بکر #ایمان_قاصدیان #سفریاب
چرا انقدر شروع بی‌پایان داریم تو زندگی‌مون؟
چرا هی شروع کردیم و وسط راه ولش کردیم؟

تو این پادکست توضیح دادم…

توی کامنت از تجربه شروع بی پایان خودت برام بنویس

#شروع #تصمیم #تصمیم_گیری #احساسی #احساس #اطلاعات #فقر #ثروت #ایران #گرانی #تورم #ایمان_قاصدیان #تحول #تحول_بزرگ
❤️بخش دوم لایو شماره ۱ سفر ❤️بخش دوم لایو شماره ۱ سفر تحول بزرگ

_______________

دوره 👇رایگان تحول بزرگ
@iman.ghasedian 
_______________

توی این ویدیو می تونی کل مطالب آموزشی ۲۳ روز اول تحول بزرگ + یکسری محتوای مکمل در لایو ارائه شد که به دلیل دایرکت‌ها و درخوا‌ست شما که موفق به حضور در لایو نشدید تصمیم گرفتم بلافاصله بعد از لایو این ‌ویدیو رو که حتی از لایو اصلی هم کامل‌تره 

ویدیو بدلیل تایم بالا به دو بخش قسمت شد که بخش اولش رو دیشب گذاشتم 

#سفر #تحول #تحول_درون #خودشناسی #آرامش #ایمان_قاصدیان #تغییر #زندگی #اکسپلور #اینستاگرام
❤️بخش اول لایو شماره ۱ سفر ❤️بخش اول لایو شماره ۱ سفر تحول بزرگ

_______________

دوره 👇رایگان تحول بزرگ
@iman.ghasedian 
_______________

توی این ویدیو می تونی کل مطالب آموزشی ۲۳ روز اول تحول بزرگ + یکسری محتوای مکمل در لایو ارائه شد که به دلیل دایرکت‌ها و درخوا‌ست شما که موفق به حضور در لایو نشدید تصمیم گرفتم بلافاصله بعد از لایو این ‌ویدیو رو که حتی از لایو اصلی هم کامل‌تره 

ویدیو بدلیل تایم بالا به دو بخش قسمت شد که فردا بخش دو گذاشته میشه در پیج

#سفر #تحول #تحول_درون #خودشناسی #آرامش #ایمان_قاصدیان #تغییر #زندگی #اکسپلور #اینستاگرام
دوره رایگان تحول بزرگ در اینستاگرام
مطالب زیر را حتما بخوانید
  • طراحی واکنش گرا
    چرا طراحی سایت واکنش گرا مهم است؟

    1.32k بازدید

  • طراحی سایت
    طراحی سایت و رازهای فروش بیشتر

    2.23k بازدید

  • پوسته فرزند
    پوسته فرزند چیست و چگونه پوسته فرزند ایجاد کنیم؟

    1.27k بازدید

  • شروع کار css
    شروع کار css

    1.51k بازدید

  • سینتکس و انتخابگرهای css
    سینتکس و انتخابگرهای css

    1.26k بازدید

  • معرفی css
    معرفی css

    1.34k بازدید

دیدگاهتان را بنویسید لغو پاسخ

آکادمی
  • کسب و کار اینترنتی
  • بازاریابی اینترنتی
  • ایده های پولساز
  • ایمیل مارکتینگ
  • مهارت های پولساز
  • افزایش فالوور اینستاگرام
  • کسب درآمد از اینستاگرام
  • افزایش ترافیک سایت
پربازدید
  • دوره رایگان
  • درباره ما
  • همکاری در فروش
  • تماس با ما
جستجو برای:
بهترین ایده
با آموزش کسب و کار اینترنتی از ایده‌های پولساز تا یادگیری مهارت‌های پولساز در کنار شما هستیم. کمک می‌کنیم یک کسب و کار خانگی در منزل راه‌اندازی کنید. ما به شما آموزش می‌دهیم با کار در منزل و فقط با موبایل و بدون سرمایه پولسازی از اینترنت را شروع کنید.
بهترین ایده : کسب و کار اینترنتی برای همه | © Copyright 2021 behtarinideh

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت