عنصر ها در کدهای html

مطالعه این مقاله : 3 دقیقه

تعریف عنصر در کدهای html

در کدهای html محتوای بین تگ شروع و تگ پایانی را یک عنصر نامند.

در سند html یک عنصر میتواند محتوای یک عنصر دیگر باشد.

یاد آوری میشود , اینجا واژه تگ و برچسب یک معنی دارند.

و دربین دو علامت زاویه قرار میگیرند, لطفا توجه داشته باشید در سند html به غیر از تگ های خالی حتما باید هر تگی رو که باز میکنیم ببندیم.

بیشتر عناصر HTML با برچسب شروع (یا برچسب افتتاحیه) و برچسب پایان (یا برچسب بسته) نوشته شده اند و محتوا بین آنها قرار دارد.
عناصر همچنین می توانند دارای ویژگی هایی باشند که خصوصیات اضافی آن را تعریف می کند.
به عنوان مثال ، پاراگراف ، که توسط عنصر p نشان داده می شود ، به شرح زیر نوشته می شود:

عنصر p

مثال های کاربردی

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

<!DOCTYPE html>
<html lang="en">
<head>
 <title>عناصر در html</title>
</head>
<body>   
<p>novinwebhost</p> 
<p>این یک پاراگراف است.</p>
<P>این هم یکی دیگه پارگراف است.</P>
</body>
</html>

عناصر خالی (که به آنها عناصر بسته یا خالی نیز گفته می شود) برچسب هایی به این معنی که شما نمی توانید محتوایی درونش بنویسید.و تگ های جفت تایی نیستند و برچسب تکی میباشند.مانند ، عنصر br که کارش شکستن خط میباشد برخی دیگر از عناصر خالی رایج دیگر مثل , img , input , link , meta , hr , و غیره هستند.

در تمرین زیر یاد میگیریم دقیقا چند نمونه از عنصر های تهی و خالی چگونه نوشته و عمل میکنن

عناصر تهی یا خالی در html

مثال های کاربردی

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

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML عناصر خالی</title>
</head>
<body>
    <p>این یک خط <br> شکسته میباشد.</p>
    <img src="/examples/images/html-elements.png" alt="نوین وب هاست">
    <input type="text" name="users">
</body>
</html>

در اوایل آموزش گفته شد که عنصر خود نیز میتواند محتوای عنصر باشد و در بین عنصر دیگر قرار بگیرد

عنصر درون عنصر دیگر در html

بیشتر عناصر HTML می توانند شامل تعداد دیگری از عناصر اضافی باشند (به جز عناصر خالی) ، که به نوبه خود ، از برچسب ها ، ویژگی ها و محتوا یا عناصر دیگر تشکیل شده اند.مثال زیر برخی از عناصر موجود در عنصر p را نشان می دهد.

مثال های کاربردی

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

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML عناصر در عنصر</title>
</head>
<body>
    <p>این نوشته نازک<b>اینجا ضخیم</b> دوباره نازک.</p>
    <p> متن این نوشته <em>  novinwebhost </em> در لاتین کج شده </p>
    <p> بخشی از <mark> رنگ شده </mark> این متن </p>
</body>
</html>

کامنت گذاری در html

معمولاً کامنت ها با هدف آسانتر کردن کد منبع نوشته می شوند. این ممکن است به یک توسعه دهنده دیگر (یا شما اگر در آینده هنگامی که بخواهیدکد منبع را ویرایش کنید) کمک کند آنچه را که می خواهید با HTML انجام دهید. کامنت ها در مرورگر نمایش داده نمی شوند.
کامنت HTML با <! – ، شروع می شود و با -> پایان می یابد ، همانطور که در مثال زیر نشان داده شده است:

مثال های کاربردی

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

<!DOCTYPE html>
<html lang="en">
<head>
    <title>html کامنت گذاری در</title>
</head>
<body>
    <!-- این کامنت گذاری خطی است -->
    <!-- کامنت گذاری چند خطی
         که بیشتر از یک خط دارد -->
         
           <!-- مخفی کردن این تصویر برای آزمایش
    <img src="images/smiley.png" alt="Smiley">
    -->  
    <p>این یک متن معمولی میباشد</p>
    <p><strong>توجه کنید</strong> نوشته های بصورت کامنت در مرورگر خوانده نمیشود</p>
</body>
</html>

نتیجه :

سعی کردیم در این مقاله بطور مختصر تعریف عناصر در کدهای html و کامنت نویسی رو توضیح دهیم و بسیار خوشحال خواهیم شد در پاسخگویی به سوالات و نظرات سازنده.

در پناه خداوند

ابر تگ ها :