اموزش اچ تی ام ال ۴:عناصر

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

education-html

سلام ، امیدوار هستیم که حالتان خوب باشد و خندان باشید 😉 با یکی دیگر از جلسات اموزش اچ تی ام ال در خدمت شما عزیزان هستیم. پس باما همراه باشید 😉

اسناد اچ تی ام ال با عناصر ساخته شده اند.عناصر در اچ تی ام ال با یک برچسب شروع میشوند و با یک برچسب پایان میپذیرند. مانند :

<tagname>محتوا</tagname>

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

برچسب شروعمحتوای عنصربرچسب پایان
 <h1>اولین سربرگ من <h1/>
 <p>پاراگرف من <p/>
 <br>

برخی از عناصر برچسب پایانی ندارند

عناصر تو در تو

عناصر در اچ تی ام ال تو در تو میباشند.در مثال زیر از ۴ عنصر تو در تو استفاده شده است :


<!DOCTYPE html>
<html>
<body>




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





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

</body>
</html>

توضیح قسمت های سند اچ تی ام ال

<html> عنصرکل صفحه را تعریف میکند و با <html> شروع میشود و یا </html> به پایان میرسد.

محتوا نیز در قسمت <body> قرار میگیرد.


<html>
<body>




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





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


</body>
</html>

برچسب body به این صورت شروع میشود <body> و به این صورت به پایان میرسد </body>

h1: همانطور که در جلسات قبل گفته شد برای سربرگ استفاده میشود و با <h1> شروع و </h1> به پایان میرسد.

p: برای پاراگراف استفاده میشود و با <h1> شروع و </h1> به پایان میرسد.

برچسب پایانی را فراموش نکنید

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


<html>
<body>




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


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

</body>
</html>

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

هرگز برچسب پایانی را فراموش نکنید برای اینکه شاید نتایج غیر منتظره ای رخ دهد.

بخوانید  اموزش اچ تی ام ال 5:صفات

عناصر خالی

عنصر <br> یک عنصر خالی است و نیازی به برچسب پایانی ندارد . اگر بخواهید متنی را بشکنید و به خطر بعدی منتقل کنید میتوانید از این برچسب استفاده کنید .

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

موفق باشید 😉

منبع:www.w3schools.com

 

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

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

0 دیدگاه

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