عناصر HTML

عناصر HTML

آموزش html  درس چهارم

عناصر HTML
عناصر HTML

عناصر HTML  معمولاً شامل تگ شروع و تگ پایانی است، با محتوایی که درون آن قرار می گیرد.

<tagname>Content goes here…</tagname>
عناصر  html  هر چیزی را که بین تگ شروع و پایان قرار بگیرد را شامل می شود.
<p>My first paragraph.</p>
Start tagElement contentEnd tag
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<br>

نکته : عناصر HTML بدون محتوا ،  عناصر خالی نامیده می شوند. عناصر خالی تگ پایان ندارند، مانند عنصر <br>که نشان دهنده  شکست خط است).

عناصر html  تو در تو

عناصر html  می توانند تو در تو باشند (عناصر می توانند شامل عناصر باشند).

تمام عناصر html  شامل عناصر  html  تو در تو هستند.

این مثال شامل چهار عنصر HTML است:

 <!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html> 
 توضیح مثال

عنصر <html> تمام سند را تعریف می کند.
تگ شروع <html> و تگ پایان <html/> است.
محتوای در  یک عنصر دیگر  HTML قرار دارد  (عنصر <body>).

<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html> 

عنصر <body>   اسناد مربوط به این تگ را تعریف می کند.

تگ <body> یک تگ شروع و < body/> تگ پایانی است.

حتما بخوانید:  ذخیره سازی وب HTML5

محتوای عنصر دو عنصر دیگر HTML را شامل می شود(<h1> و <p>).


<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body> 

عنصر <h1> یک عنوان را تعریف می کند.

یک تگ شروع <h1> و تگ پایان </ h1/> دارد.

محتوای عنصر عبارت است از: اولین  Heading .


<h1>My First Heading</h1>

عنصر <p> پاراگراف را تعریف می کند.

یک برچسب شروع <p> و تگ پایان < p/> دارد.

محتوای عنصر عبارت است از: پاراگراف اول من.


<p>My first paragraph.</p>

تگ پایانی را فراموش نکنید.

برخی از عناصر HTML به درستی نمایش داده می شوند، حتی اگر تگ پایان را فراموش کنید:

 <html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html> 

مثال فوق در تمام مرورگرها کار می کند، زیرا برچسب بسته بودن اختیاری است.

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

 

عناصر HTML خالی

عناصر HTML بدون محتوای عناصر خالی نامیده می شوند.

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

عناصر خالی می توانند تگ پایانی داشته باشند مثل <br/>.

حتما بخوانید:  پاراگراف های html

در html 5   برای عناصر خالی نیازی به تگ های پایانی ندارید . اما اگر می خواهید اعتبار دقیق تری داشته باشید

یا اگر شما نیاز دارید که سند خود را با parsers های XML قابل خواندن کنید، باید تمام عناصر HTML را به درستی ببندید.
از تگ هایی با حروف کوچک  استفاده کنید.

 

تگ های HTML حساس به حروف بزرگ نیستند:

<P> به معنی همان <p> است.

استاندارد HTML5 نیازی به تگ هایی با حروف کوچک نیست، اما W3C (سایت W3C  برای اعتبار سنجی کد ها می باشد. ) توصیه می کند که از حروف کوچک برای تگ ها استفاده کنید و برای انواع سند  از XHTML خواستار حروف کوچک است.

 ما همیشه از تگ های کوچک استفاده می کنیم.

امتیاز کاربران به این مطلب
۱ نفر - میانگین: ۵
تلگرام

دیدگاه‌تان را ثبت کنید:

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

13 − 10 =

PHN0eWxlPi5oX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWV7cG9zaXRpb246cmVsYXRpdmU7fSAuaF9pZnJhbWUtYXBhcmF0X2VtYmVkX2ZyYW1lIC5yYXRpbyB7ZGlzcGxheTpibG9jazt3aWR0aDoxMDAlO2hlaWdodDphdXRvO30gLmhfaWZyYW1lLWFwYXJhdF9lbWJlZF9mcmFtZSBpZnJhbWUge3Bvc2l0aW9uOmFic29sdXRlO3RvcDowO2xlZnQ6MDt3aWR0aDoxMDAlOyBoZWlnaHQ6MTAwJTt9PC9zdHlsZT48ZGl2IGNsYXNzPSJoX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWUiPiA8c3BhbiBzdHlsZT0iZGlzcGxheTogYmxvY2s7cGFkZGluZy10b3A6IDU3JSI+PC9zcGFuPjxpZnJhbWUgc3JjPSJodHRwczovL3d3dy5hcGFyYXQuY29tL3ZpZGVvL3ZpZGVvL2VtYmVkL3ZpZGVvaGFzaC85dHk0VS92dC9mcmFtZSIgYWxsb3dGdWxsU2NyZWVuPSJ0cnVlIiB3ZWJraXRhbGxvd2Z1bGxzY3JlZW49InRydWUiIG1vemFsbG93ZnVsbHNjcmVlbj0idHJ1ZSIgPjwvaWZyYW1lPjwvZGl2Pg==
با سپاس از ثبت دیدگاه شما دوست عزیز
از تماشای این ویدیو لذت ببرید ...
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود فایل سخنرانی استیو جابز ...
ایبوک هدف‌گذاری موثر
زودتر از آنچه فکرش را می‌کنید به خواسته‌هایتان دست پیدا کنید!
* لینک دانلود بلافاصله ایمیل می‌شود.
چهار عامل شگفت انگیز کسب درآمد چیست؟
فقط چند ثانیه تا دانلود فاصله دارید!
* سه ایده کسب و کار خانگی پولساز
فقط چند ثانیه تا دانلود فاصله دارید!
* ایبوک: ده مکان عالی برای پیدا کردن یک ایده جدید
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود ویدیوی جذاب و با کیفیت مصاحبه جک ما
از همین امروز شروع کنید
بدون تجربه و دانش فنی وارد دنیای درآمدهای اینترنتی شوید!
فایل‌های آموزشی برای شما ایمیل می‌شود.
فقط چند ثانیه تا دریافت این فایل آموزشی فاصله دارید!
فایل‌های آموزشی ویژه اعضای سایت
* اگر عضو نیستید با وارد کردن ایمیل‌تان به این فایل دسترسی پیدا می‌کنید
دسترسی مخصوص اعضای سایت
عضو سایت نیستید؟
فقط کافیه نام و ایمیل‌تان را وارد کنید و ...
* دسترسی سریع به تمام فایل‌های آموزشی
هدیه ما به شما
با سپاس از اینکه دیدگاه تان را در سایت ما ثبت کردید.


یک کوپن تخفیف 30%
  • مشاوره حضوری
  • دوره های آنلاین
  • بسته های آموزشی
  • محصولات دانلودی
  • وبینارهای آموزشی
  این کد فقط یکبار به شما نمایش داده می‌شود.
کد: qwert
ورود کاربران
* دسترسی رایگان به بخش آکادمی