اموزش اچ تی ام ال ۳: نمونه عمومی

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

education-html

سلام

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

سند اچ تی ام ال

<!DOCTYPE html> نشان دهنده نوع سند میباشد.

سند اچ تی ام ال با <HTML> شروع و با </HTML> به پایان میرسد.

کد ها در بین <body>و</body> نوشته میشوند.


<!DOCTYPE html>
<html>
<body>

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

<p>اولین پاراگراف من</p>

</body>
</html>

سربرگ در اچ تی ام ال

سربرگ ها در اچ تی ام ال از <h1> تا <h6> تعریف میشوند


<h1>سربرگ من</h1>
<h2>سربرگ من</h2>
<h3>سربرگ من</h3>

نکته : اهمیت H1 در زمینه سئو بیشتر است و هر چه کمتر شود و به سمت H6 حرکت کنند کم اهمیت تر میشود.

پاراگراف در اچ تی ام ال

پاراگراف در اچ تی ام ال توسط برچسب <p>تعریف میشود


<p>پاراگراف من</p>
<p>یکی دیگر از پاراگراف های من</p>

لینک در اچ تی ام ال

لینک در اچ تی ام ال توسط برچسب <a> تعریف میشود


<a href="https://skaarp.com">اموزش اچ تی ام ال</a>

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

تصویر در اچ تی ام ال

با استفاده از برچسب <img> میتوانید تصویر خود را به سند اچ تی ام ال اضافه کنید


<img src="skaarp.jpg" alt="اسکارپ" width="100" height="100">

در قسمت src ادرس تصویر را وارد کنید

alt این امکان را میدهد که اگر تصویر نمایش داده نشد متنی که داخل alt نوشته اید نمایش داده شود

width و height طول و عرض تصویر میباشند

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

موفق باشید 😉

منبع : www.w3schools.com

بخوانید  اموزش اچ تی ام ال 8:استایل ها

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

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

0 دیدگاه

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