عناصر در html (همراه با مثال و آزمون آنلاین)
- جمعه, ۲۸ تیر ۱۳۹۸، ۱۲:۲۹ ق.ظ
عناصر در html
یک عنصر HTML معمولا شامل یک تگ شروع و یک تگ پایان، با محتوا وارد شده بین آن ها است:
<tagname>Content goes here...</tagname>
عنصر HTML شامل هر چیزی از تگ شروع تا تگ پایان می شود:
<p>My first paragraph.</p>
نکته: عناصر HTML بدون محتوا عناصر خالی (empty elements) نامیده می شوند. عناصر خالی (empty elements) تگ پایان ندارند،مانند عنصر <br> (که باعث ایجاد یک خط جدید میشود مانند کلید Enter)
عناصر HTML Nested
عناصر HTML میتوانند Nested باشند (عناصری که میتوانند عناصر دیگر را در خود جای دهند).
همه ی سند های HTML حاوی عناصر nested هستند.
مثال زیر شامل چهار عنصر HTML است:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
توضیحات مثال
عنصر <html> کل سند را تعریف می کند.
این عنصر یک تگ شروع <html> و یک تگ پایان <html/> دارد.
عنصر <body> درون عنصر <html> قرار می گیرد.
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
مطالب مرتبط : آموزش های دیگر html
برگرفته شده از shirazhack.blog.ir
عنصر <body> بدنه سند را تعریف می کند.
این عنصر یک تگ شروع <body> و یک تگ پایان <body/> دارد.
در عنصر <body> دو عنصر HTML دیگر وجود دارد: <h1> و <p>.
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
عنصر <h1> یک عنوان را تعریف می کند.
این عنصر یک تگ شروع <h1> و یک تگ پایان <h1/> دارد.
محتوای این عنصر عبارت است از: My First Heading
<h1>My First Heading</h1>
عنصر <p> یک پاراگراف را تعریف می کند.
این عنصر یک تگ شروع <p> و یک تگ پایان <p/> دارد.
محتوای این عنصر عبارت است از: My first paragraph.
<p>My first paragraph.</p>
تگ پایان را فراموش نکنید
حتی اگر تگ پایان را فراموش کنید، برخی از عناصر HTML به درستی نمایش داده می شوند:
مثال:
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
مثال فوق در تمام مرورگرها کار می کند، زیرا بسته بودن تگ اختیاری است.
اما باز گذاشتن تگ هرگز توصیه نمی شود زیرا در بعضی از مواقع فراموش کردن تگ پایان نتایج عیر منتظره ای به همراه دارد.
عناصر خالی (empty) در HTML
عناصر بدون محتوای HTML عناصر خالی (empty) نامیده می شوند.
<br> یک عنصر خالی بدون تگ بسته است (تگ <br> یک خط جدید را تعریف می کند)
مثال
<p>This is a <br> paragraph with a line break.</p>
عناصر خالی می توانند در تگ باز خود بسته شوند مانند مثال زیر:
<br />
در HTML5 نیازی به بستن عناصر خالی (empty) نیست. اما اگر میخواهید سند شما برای تجزیه کننده های XML خوانا باشد، باید تمام عناصرHTML را به درستی ببندید.
HTML به کوچک یا بزرگ بودن حروف حساس نیست
تگ های HTML حساس به کوچک یا بزرگ بودن حروف حساس نیستند: <P> به همان معنی <p> است.
دراستاندارد HTML5 لازم نیست که تگ ها با حروف کوچک تایپ شوند، اما در سند هایی مانند XHTML استفاده از حروف کوچک اجباری است.
آموزش های بیشتر در وبلاگ شیراز هک
منبع:learnhtml5
