اموزش اچ تی ام ال ۵:صفات

نویسنده : محمد جواد فرکاریان ۳ تیر ۱۳۹۵

اموزش اچ تی ام ال

سلام

با پنجمین جلسه از اموزش اچ تی ام ال (HTML5) در خدمت شما عزیزان هستیم .امروز قصد داریم در مورد صفات HTML برای شما توضیحاتی بدهیم پس باما همراه باشید و لبخند را هم فراموش نکنید 😉

خاصیت lang

زبان سند را میتوان در <HTML> اعلام کرد

این زبان در قسمت lang اعلام میشود

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

<!DOCTYPE html>
<html lang="fa-IR">
<body>


<h1>اولین سربرگ من.</h1>



اولین پاراگراف من.


</body>
</html>

نوع زبان در سند بالا فارسی میباشد و به این صورت نوشته میشود:fa-IR

عنوان صفت

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

به مثال زیر توجه کنید که یک قسمت عنوان نیز به برچسب <p> داده شده است




<p title="About W3Schools">
W3Schools 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>



صفت href

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

مثال:


<!DOCTYPE html>
<html>
<body>

<a href="https://www.skaarp.com">این لینک شما است</a>

</body>
</html>

صفت اندازه

برای تعیین اندازه تصاویر در HTML از دو ویژگی width و height میتوان استفاده کرد:


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

صفت alt

برای اینکه اگر وقتی تصویر برای کاربران نمایش داده نشد میتوانید ویژگی alt را به تصویر بدهید که در مواقع نمایش ندادن تصویر متن جایگزین به جای تصویر به کاربر نمایش داده شود:


<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">

توجه:برای نوشتن صفات از حروف کوچک استفاده کنید

در صفت لینک نیاز نیست که لینک را حتما داخل “” قرار دهید ولی بهتر است که اینکار را انجام دهید تا نوع کد استاندارد شود


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

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

بیشتر از نقل قول دوتایی در HTML استفاده میشود اما از نقل قول تکی نیز میتوانید استفاده کنید.

بخوانید  اموزش اچ تی ام ال 2: ویرایشگر

مثال:


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


یا:



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

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

لبخند را هم فراموش نکنید 😉

موفق باشید

منبع:www.w3schools.com

محمد جواد فرکاریان

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

0 دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *