ویژگی های عناصر HTML
ویژگی href در HTML
ویژگی scr در HTML
ویژگی های عرض width و ارتفاع height
ویژگی Alt در HTML
ویژگی Style در HTML
ویژگی lang در HTML
ویژگی Title در HTML
ویژگی های عناصر HTML | ویژگی href در HTML | ویژگی scr در HTML | ویژگی های عرض width و ارتفاع height | ویژگی Alt در HTML | ویژگی Style در HTML | ویژگی lang در HTML | فیلم ویژگی های عناصر HTML | ویژگی Title در HTML | آموزش HTML | آموزش HTML5 به زبان ساده و پیشرفته | آموزش HTML5 به زبان ساده | آموزش HTML پی دی اف | آموزش HTML پشیرفته | بهترین آموزش HTML | دانلود آموزش HTML | فیلم آموزش HTML | آموزش HTML | آموزش اچ تی ام ال | آموزش HTML به زبان فارسی | راتینه | رضا نظریان | آموزش برنامه نویسی
آموزش اکسس
اموزش html
سلام به دوستان خوب راتینه
امروز قراره درباره ویژگی عناصر در HTML صحبت کنیم .
ویژگی های HTML اطلاعات بیشتری در مورد عناصر HTML ارائه می دهند.
ویژگی های HTML
همه عناصر HTML می توانند ویژگی داشته باشند.
ویژگیها اطلاعات اضافی را در مورد عناصر ارائه می دهند.
ویژگی ها همیشه در تگ شروع مشخص می شوند.
ویژگیها معمولاً به صورت جفت نام/مقدار ارائه می شوند مانند: name = “value”
آموزش اکسل
فیلم آموزشی ویژگی های عناصر HTML
آموزش پاورپوینت
آموزش CSS
آموزش جاوا
آموزش برنامه نویسی از صفر آموزش جاوا آموزش پایتون آموزش CSS آموزش ++C آموزش HTMLآموزش HTML
آموزش ورد
ویژگی های عناصر HTML
ویژگی های عناصر HTML
ویژگی های عناصر HTML
ویژگی های عناصر HTML
ویژگی های عناصر HTML
ویژگی href در HTML
ویژگی های عناصر HTML
برچسب <a> یک پیوند را تعریف می کند. ویژگی href آدرس صفحه ای را که پیوند به آن می رود مشخص می کند:
ویژگی های عناصر HTML
<!DOCTYPE html>
<html>
<body><h2>The href Attribute</h2>
<p>
پیوندهای HTML با تگ a تعریف می شوند. آدرس پیوند در ویژگی href مشخص شده است:</p><a href=”https://www.Ratine.ir”>مشاهده وبسایت راتینه</a>
</body>
</html>
ویژگی href در HTML
ویژگی href در HTML
ویژگی href در HTML
ویژگی های عرض width و ارتفاع height
ویژگی href در HTML
ویژگی scr در HTML
ویژگی href در HTML
تگ <img> برای جاسازی تصویر در یک صفحه HTML استفاده می شود. ویژگی src مسیر تصویر را برای نمایش مشخص می کند:
ویژگی href در HTML
<!DOCTYPE html>
<html>
<body><h2>The src Attribute</h2>
<p>تصاویر HTML با برچسب img تعریف می شوند و نام فایل منبع تصویر در ویژگی src مشخص می شود:
</p><img src=”https://ratine.ir/wp-content/uploads/2021/06/html-flat-225×225.png” width=”300″ height=”300″>
</body>
</html>
ویژگی scr در HTML
ویژگی scr در HTML
ویژگی scr در HTML
دو روش برای تعیین URL ( آدرس تصویر برای نمایش ) در ویژگی src وجود دارد:
1. URL مطلق – پیوندها به یک تصویر خارجی که در وب سایت دیگری میزبانی شده است. مثال:
src = “https://ratine.ir/wp-content/uploads/2021/06/html-flat-225×225.png”
توجه: تصاویر خارجی ممکن است دارای حق چاپ باشند. اگر مجوز استفاده از آن را نگرفته اید ، ممکن است قوانین کپی رایت را نقض کنید. علاوه بر این ، نمی توانید تصاویر خارجی را کنترل کنید. ممکنه اونا حذف بشن یا تغییر کنن
2. URL نسبی – پیوندهایی به تصویری که در وب سایت میزبانی شده است. در اینجا ، URL نام دامنه را شامل نمی شود. اگر نشانی اینترنتی بدون خط کش شروع شود ، نسبت به صفحه فعلی نسبی خواهد بود. مثال:
src = “a-excel-asli-ratine_ir.png”
. اگر URL با یک اسلش شروع شود ، نسبت به دامنه خواهد بود. مثال:
src = “/images/a-excel-asli-ratine_ir.png”
تقریباً همیشه بهتر است از URL های نسبی استفاده کنید. اگر دامنه را تغییر دهید ، خراب نمی شوند.
ویژگی scr در HTML
ویژگی scr در HTML
ویژگی های عرض width و ارتفاع height
ویژگی scr در HTML
تگ <img> همچنین باید دارای ویژگی های عرض و ارتفاع باشد که عرض و ارتفاع تصویر (بر حسب پیکسل) را مشخص می کند:
ویژگی های عرض width و ارتفاع height
<!DOCTYPE html>
<html>
<body><h2>Width and Height Attributes</h2>
<p>ویژگی های عرض و ارتفاع برچسب img ، عرض و ارتفاع تصویر را مشخص می کند:
</p><img src=”https://ratine.ir/wp-content/uploads/2021/06/html-flat-225×225.png” width=”150″ height=”150″>
</body>
</html>
ویژگی های عرض width و ارتفاع height
ویژگی های عرض width و ارتفاع height
ویژگی های عرض width و ارتفاع height
ویژگی های عرض width و ارتفاع height
ویژگی های عرض width و ارتفاع height
ویژگی Alt در HTML
ویژگی های عرض width و ارتفاع height
ویژگی alt مورد نیاز برای برچسب <img> یک متن جایگزین برای یک تصویر را مشخص می کند ، در صورتی که تصویر به دلایلی نتواند نمایش داده شود. این می تواند به دلیل کندی اتصال ، یا خطایی در ویژگی src باشد ، یا اگر کاربر از خواننده صفحه استفاده می کند.
ویژگی Alt در HTML
<!DOCTYPE html>
<html>
<body><h2>The alt Attribute</h2>
<p>Tویژگی alt باید محتوای تصویر را منعکس کند ، بنابراین کاربرانی که نمی توانند تصویر را ببینند ، درک می کنند که تصویر شامل چه مواردی است:
</p><img src=”https://ratine.ir/wp-content/uploads/2021/06/html-flat-225×225.png” alt=”آموزش اچ تی ام ال با راتینه” width=”150″ height=”150″>
</body>
</html>
ویژگی Alt در HTML
ویژگی Alt در HTML
ویژگی Alt در HTML
مثال :
ویژگی Alt در HTML
ببینید اگر بخواهیم تصویری را که وجود ندارد نمایش دهیم ، چه اتفاقی می افتد
ویژگی Style در HTML
<!DOCTYPE html>
<html>
<body><img src=”https://ratine.ir/wp-content/uploads/2021/06/htmll-flat-225×225.png” alt=”آموزش اچ تی ام دل با راتینه”>
<p>اگر سعی کنیم تصویری را که وجود ندارد نمایش دهیم ، به جای آن مقدار ویژگی alt نمایش داده می شود.
</p></body>
</html>
ویژگی Style در HTML
ویژگی Alt در HTML
ویژگی Alt در HTML
ویژگی Alt در HTML
ویژگی Style در HTML
ویژگی Alt در HTML
ویژگی style برای افزودن سبک به یک عنصر مانند رنگ ، فونت ، اندازه و موارد دیگر استفاده می شود.
ویژگی Style در HTML
مثال :
ویژگی Style در HTML
<!DOCTYPE html>
<html>
<body><h2>The style Attribute</h2>
<p>ویژگی style برای افزودن سبک به یک عنصر مانند رنگ استفاده می شود:
</p><p style=”color:blue;”>سایت راتینه</p>
</body>
</html>
ویژگی Style در HTML
آموزش CSS PDF
ویژگی Style در HTML
ویژگی lang در HTML
ویژگی long در HTML
برای اعلام زبان صفحه وب ، همیشه باید ویژگی lang را در داخل تگ <html> قرار دهید. این به منظور کمک به موتورهای جستجو و مرورگرها است.
مثال زیر زبان انگلیسی را به عنوان زبان مشخص می کند:
ویژگی long در HTML
<!DOCTYPE html>
<html lang=”en”>
<body>
…
</body>
</html>
ویژگی long در HTML
کدهای کشور را می توان به ویژگی زبان در ویژگی lang اضافه کرد. بنابراین ، دو کاراکتر اول زبان صفحه HTML را مشخص می کند و دو کاراکتر آخر کشور را مشخص می کند.
مثال زیر انگلیسی را به عنوان زبان و ایالات متحده را به عنوان کشور مشخص می کند:
ویژگی long در HTML
<!DOCTYPE html>
<html lang=”en-US”>
<body>
…
</body>
</html>
ویژگی long در HTML
ویژگی Title در HTML
ویژگی Title در HTML
ویژگی Title در HTML
ویژگی Title در HTML
ویژگی عنوان برخی اطلاعات اضافی را در مورد یک عنصر تعریف می کند.
هنگامی که با موس بر روی عنصر میروید ، مقدار ویژگی عنوان به عنوان راهنمای ابزار نمایش داده می شود:
ویژگی Title در HTML
مثال :
ویژگی Title در HTML
<!DOCTYPE html>
<html>
<body><h2 title=”هدر سایت”>The title Attribute</h2>
<p title=”راهنمای متن”>ماوس را روی این پاراگراف قرار دهید تا ویژگی عنوان به عنوان نکته راهنمای ابزار نمایش داده شود.
</p></body>
</html>
آموزش CSS
ویژگی Title در HTML
آموزش CSS رایگان
آموزش CSS پیشرفته
پیشنهاد راتینه برای استفاده از ویژگی ها
فیلم آموزش برنامه نویسی CSS
ما پیشنهاد می کنیم: همیشه از ویژگی ها با حروف کوچک استفاده کنید.
استاندارد HTML نیازی به نام ویژگی با حروف کوچک ندارد.
ویژگی عنوان (و همه ویژگی های دیگر) را می توان با حروف بزرگ یا کوچک مانند TITLE نوشت.
با این حال ، راتینه ویژگی ها با حروف کوچک در HTML را توصیه می کند ، و ویژگی های کوچک را برای انواع سندهای دقیق تر مانند XHTML درخواست می کند.
آموزش صفر تا صد CSS
آموزش جاوا
ما پیشنهاد می کنیم: همیشه ارزشهای ویژگی را نقل کنید
استاندارد HTML نیازی به نقل قول در مورد مقادیر ویژگی ندارد.
با این حال ، راتینه نقل قول هایی را در HTML توصیه می کند و برای انواع سندهای دقیق تر مانند XHTML نقل قول می خواهد.
پیشنهاد شده<a href=”https://ratine.ir/”>Visit our HTML tutorial</a>
یشنهاد نمیشود<a href=https://ratine.ir/>Visit our HTML tutorial</a>
فیلم آموزشی برنامه نویسی جاوا
گاهی اوقات باید از نقل قول ها استفاده کنید. این مثال ویژگی عنوان را به درستی نمایش نمی دهد ، زیرا حاوی یک فاصله است:
آموزش صفر تا صد جاوا
<!DOCTYPE html>
<html>
<body><h1>درباره راتینه</h1>
<p title=درباره رایتنه >
شما نمی توانید نقل قول های اطراف یک مقدار ویژگی را حذف کنید
اگر مقدار شامل فاصله باشد.
</p><p><b>
اگر ماوس را روی پاراگراف بالا حرکت دهید ،
مرورگر شما فقط اولین کلمه از عنوان را نمایش می دهد.
</b></p></body>
</html>
آموزش صفر تا صد جاوا
آموزش ++C
آموزش برنامه نویسی ++C
نقل قول های تک یا جفتی؟
دو نقل قول در اطراف مقادیر ویژگی رایج ترین در HTML است ، اما می توان از نقل قول های تک نیز استفاده کرد.
در برخی شرایط ، هنگامی که مقدار ویژگی خود دارای دو نقل قول است ، لازم است از نقل قول های تک استفاده شود:
آموزش سی پلاس پلاس pdf
<p title=’John “ShotGun” Nelson’>
یا برعکس
آموزش پایتون _ فیلم آموزش Python
<!DOCTYPE html>
<html>
<body><h2>Single or Double Quotes?</h2>
<p>در برخی شرایط ، هنگامی که مقدار ویژگی خود دارای دو نقل قول است ، لازم است از نقل قول های تک استفاده شود:
</p>
<p>ماوس خود را روی پاراگراف های زیر حرکت دهید تا اثر را ببینید
:</p><p title=’راتینه “ShotGun” Nelson’>راتینه با نقل قول جفت</p>
<p title=”راتینه ‘ShotGun’ Nelson”>راتینه با نقل قول تک</p></body>
</html>
آموزش پایتون پییشرفته
آموزش Python از صفر تا صد
فیلم یادگیری پایتون
آموزش HTML
فیلم آموزشی ویژگی های عناصر HTML
آموزش HTML به زبان ساده و پیشرفته
آموزش پاورپوینت PDF زبان فارسی
آموزش آفیس
آموزش اکسس
دوستان عزیز خسته نباشید ….
آموزش اکسل
آموزش ++C
گردآوری : رضا نظریان
راتینه
آموزش پاورپوینت
امیدوارم این آموزش مورد استفاده شما دوستان قرار گرفته باشه 🙂
آموزش ورد
بیشتر بخوایند :
—————————————————————————————-
عناصر در HTML _ آموزش HTML
تگ های پایه HTML _ آموزش HTML
HTML چیست و کاربرد آن _ آموزش HTML
نوشتن کد HTML – ویرایشگر HTML _ آموزش HTML
—————————————————————————————-
ویژگی های عناصر HTML , ویژگی href در HTML , ویژگی scr در HTML , ویژگی های عرض width و ارتفاع height , ویژگی Alt در HTML , ویژگی Style در HTML , ویژگی lang در HTML , فیلم ویژگی های عناصر HTML , ویژگی Title در HTML , آموزش HTML , آموزش HTML5 به زبان ساده و پیشرفته , آموزش HTML5 به زبان ساده , آموزش HTML پی دی اف , آموزش HTML پشیرفته , بهترین آموزش HTML , دانلود آموزش HTML , فیلم آموزش HTML , آموزش HTML , آموزش اچ تی ام ال , آموزش HTML به زبان فارسی , راتینه , رضا نظریان , آموزش برنامه نویسی
آموزش پایتون
آموزش سی پنل
اجرای انلاین کد نویسی با زبان برنامه نویسی HTML …. کلیک کنید
آموزش HTML
آموزش HTML , آموزش HTML به زبان فارسی , آموزش HTML پشیرفته , آموزش HTML پی دی اف , آموزش HTML پیشرفته , آموزش HTML رایگان , آموزش HTML مقدماتی , آموزش HTML5 به زبان ساده , آموزش HTML5 به زبان ساده و پیشرفته , ,آموزش اچ تی ام ال , آموزش اچ تی ام ال pdf , آموزش برنامه نویسی اچ تا ام ال از صفر , آموزش صفر تا صد HTML , آموزش کامل HTML , بهترین آموزش HTML , دانلود آموزش HTML , راتینه , رضا نظریان , فیلم آموزش HTML , یادگیری HTML , یادگیری HTML از صفر
آموزش برنامه نویسی
آموزش CSS _ صفر تا صد به زبان ساده و پیشرفته
آموزش جاوا از صفر تا صد _ پروژه محور و پیشرفته
آموزش ++C از صفر تا صد _ پروژه محور
آموزش پایتون از صفر تا صد ( جامع و کاربردی )
آموزش HTML به زبان ساده و پیشرفته
آموزش مجموعه آفیس ( صفر تا صد )
آموزش قدم به قدم اکسس ( مبتدی تا پیشرفته )
آموزش قدم به قدم اکسل ( مبتدی تا پیشرفته )
آموزش قدم به قدم پاورپوینت ( مبتدی تا پیشرفته )