آموزش HTML 5 - بخش4 : "عناصر HTML"


||     خانه     ||     رهگیری مرسولات پستی      ||   فرم ثبت نظر و پیشنهاد     ||    پیشنهاد محصول     ||     کسب درآمد از ایران روز

با توجه به اینکه شماره تلفن و ایمیل تنها راه ارتباط گیری ما با مشتری میباشد لطفا در هنگام ثبت آنها دقت لازم را بعمل آورید. متاسفانه بعضی از سفارشات با مشکل روبرو شده و پس از اقدام به تماس از طرف ما مشخصات تماس اشتباه یا غیرفعال بوده است و ما هیچ راه ارتباطی با مشتریان گرامی نداشته ایم.

پیام رسان های داخلی سروش، ایتا، گپ، آی‌گپ، بله، بیسفون بر روی شماره پشتیبانی سایت (09014994337) فعال میباشد. در صورتیکه هر کدام از آنها را نصب و فعال کرده اید با ذخیره شماره پشتیبانی ما در تلفن همراهتان میتوانید با ما در ارتباط باشید.


  • آموزش HTML 5 -  بخش4 : "عناصر HTML"

آموزش HTML 5

بخش4 : "عناصر HTML" 

(Elements)


سندهای HTML با عناصر HTML ساخته شده اند.

عناصر HTML یا (HTML Elements)

عناصر HTML با تگ شروع آغاز می شودن, با تگ پایان خاتمه می یابد و بین این دو تگ محتوی قرار می گیرد.

<tagname>content</tagname>

عناصر HTML شامل هر چیزی است که بین تگ شروع تا تگ پایان قرار می گیرد:

<p>این متن یک پاراگراف است.</p>

تگ پایان محتوای عنصر تگ شروع
<h1/> این متن یک تیتر است. <h1>
<p/> این متن یک پاراگرا است. <p>
    <br>

 

برخی از عناصر ها تگ پایان یا بسته (end tag) ندارند.

عناصر تو در تو

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

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

مثال زیر شامل 4 عنصر (Element) است:

<!DOCTYPE html>
<html>
<body>

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

</body>
</html>

توضیح مثال

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

مابقی عناصر جزو محتوی حساب می شوند.(عنصر <body>)

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

و محتوی عنصر <body> دو عنصر باقیمانده هستند.(<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>

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

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

عناصر خالی

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

<br> یک عنصر خالی است که تگ بسته ندارد.(تگ <br> یک خط خالی ایجاد می کند).

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

*** در HTML 5 نیازی نیست که عناصر خالی بسته شوند. اما اگر شما نیاز به اعتبارسنجی سختگیرانه تری دارید یا میخواهید سندتان با XML سازگار باشد باید تمام عناصر HTML را ببندید.***

نکته: در تگ ها از حروف کوجک استفاده کنید

تگ های HTML حساس به حروف کوچک و بزرگ نیستند: <p> همان <P> تعبیر می شود.

در استاندارد HTML 5 اجباری نیست تگ ها را با حروف کوچک بنویسید. اما W3C پیشنهاد میکند برای HTML 4 و انواع سندهای سختگیرانه تر مثل XHML از حروف کوچک استفاده کنید.


پایان بخش 4

نظرات و سوالات خودتون رو با ما در میون بزارید

نویسنده : میثم وحدت پناه

نوشتن نظر

توجه: HTML ترجمه نمی شود!
    بد           خوب

آموزش HTML 5 - بخش4 : "عناصر HTML"

  • مدل کالا: learn-html-5-part-5
  • موجودی: آموزش رایگان

کالاهای مرتبط

آموزش HTML 5 -  بخش1 : "مقدمه"

آموزش HTML 5 - بخش1 : "مقدمه"

آموزش HTML 5 بخش 1 : مقدمه HTML ..

آموزش HTML 5 -  بخش2 : "ویرایشگرها"

آموزش HTML 5 - بخش2 : "ویرایشگرها"

آموزش HTML 5 بخش 2 : ویرایشگرها &n..

آموزش HTML 5 -  بخش3 : "مثالهای پایه"

آموزش HTML 5 - بخش3 : "مثالهای پایه"

آموزش HTML 5 بخش 3 : مثالهای پایه ..

آموزش HTML 5 -  بخش5 : "ویژگی ها"

آموزش HTML 5 - بخش5 : "ویژگی ها"

  آموزش HTML 5 بخش5 : "و..

آموزش HTML 5 -  بخش6 : "تیتر ها"

آموزش HTML 5 - بخش6 : "تیتر ها"

آموزش HTML 5 بخش5 : "تیترها در HT..

برچسب ها: آموزش, طراحی سایت, عناصر, html 5, Learn


نکات مهم

 - در حال حاضر محصولات سایت بر روی دی وی دی های 4.2 گیگ معمولی (رایتی) با مارک های عرف موجود در بازار رایت میشوند. جهت حداکثر ماندگاری اطلاعات با سرعت های پایین بر روی دیسک ها رایت شده و درون کاورهای ضدخش 2*1 قرار میگیرند.

 - ارسال سفارشات حداکثر 72 ساعت کاری پس از واریز مبلغ و تایید سفارش به وسیله پست پیشتاز انجام میگیرد و شماره پیگیری به مشتریان گرامی اعلام میشود. در صورتی که ارسال سفارش بیش از این زمان بطول انجامید با واحد پشتیبانی سایت تماس حاصل فرمایید.

 - لطفا به این نکته توجه فرمایید که : مبلغ کل سفارشات پستی غیر از هزینه پست حداقل باید 5000 تومان باشند تا ترتیب اثر داده شود. اطلاعات بیشتر

 - جهت بهره مندی از حداکثر امکانات سایت و خدمات پس از فروش حتما در موقع ثبت نام مشخصات تماس خود را بطور صحیح وارد نمایید.

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