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

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

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>

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

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

بخوانید  اموزش اچ تی ام ال 10:نقل قول و عناصر

عناصر خالی

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

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

موفق باشید 😉

منبع:www.w3schools.com

 

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

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

0 دیدگاه

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