خانه >> آموزشگاه ایرانی تم >> آموزش html >> آموزش html – عناصر

آموزش html – عناصر

آموزش html

سلام . وقت بخیر

با بخش چهارم آموزش html در خدمت شما هستیم. تا آخر با ما همراه باشید.

عناصر HTML

یک عنصر یا المنت  HTML معمولا شامل یک تگ شروع و تگ پایان است. که بصورت زیر می باشد .
<tagname/>متن شما که نوشته می شود<tagname>
عنصر HTML همه چیز را از تگ شروع به تگ پایان سوق می دهد: مانند :
<p>My first paragraph.</p>

 

End tag Element content Start tag
<h1/> My First Heading <h1>
<p/> My first paragraph <p>
 <br>
عناصر HTML بدون محتوا عناصر خالی نامیده می شوند. عناصر خالی یک تگ پایان ندارند، مانند عنصر <b> (که نشان دهنده یک شکست خطی یا یک سطر فاصله است).

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

  • html می تواند عناصری تو در تو داشته باشد. ( عناصر داخل عناصر دیگر )
  • تمامی سند های html شامل عناصر تو درتو می باشد.
  • اگر به مثال زیر توجه کنید متوجه قضیه می شوید که شامل چهار عنصر می باشد که در حال حاضر تو در تو شده اند.

 

<DOCTYPE html!>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<body/>
<html/>

خب الان نوبت به این رسیده که مثال بالارا کمی تشریح کنیم ببینیم این اجزا و عناصر به چه کاری استفاده می شوند؟

 

  • تگ <html> عنصر تمام یک سند html را تعریف می کند تا مرورگر آن را بخواند.
  • تگ شروع به صورت <html> و تگ پایان نیز به صورت < html/> نوشته می شود.
  • تمامی محتوای یک سند html در درون تگ body نوشته می شود که بصورت <body> باز شده و به صورت <body/> بسته می شود.
  • عنصر body  بدنه یک سند را تعریف می کند به طوری که هر کدی ما می نویسیم داخل این تگ <body><body/> نوشته می شود.
  • تگ بادی به صورت  <body> شروع و باز شده و به صورت  < body/> بسته می شود.
  • <h1> و <p> دو عنصر دیگری هستند که برای نوشتن متن های ما استفاده می شود.

<body>

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

<body/>

 

خب حال به توضیح بعدی می رویم.

  1. عنصر <h1> هدینگ سند html ما را تعیین می کند که همان عنوان نیز نامگذاری می شود.
  2. تگ اچ ۱ به صورت  <h1> شروع و باز شده و به صورت  < h1/> بسته می شود.
  3. تگ <p> عنصر یک پاراگراف را تعریف می کند.
  4. تگ پاراگراف به صورت  <p> شروع و باز شده و به صورت  < p/> بسته می شود.

 

 

یک سند html حتی اگر بسته نیز نشود ، مرورگر آن را کامل لود کرده و سند شما را نمایش می دهد ؛ اما آیا این یک راه اصولی است؟ خیر ، به هیچ وجه اصولی نیست و یکی از روش های سئو این است که شما html سایت خود را به درستی نوشته باشید. زیرا مرورگر این زبان را از شما خواهد خواست!!! در صورت کلی اگر تگ پایان را ننوشته باشید ممکن است در اصطلاح برنامه نویسی کدهای شما دچار باگ (اشکال) شده و دیباگ آنها (اشکال زدایی) سخت باشد.پس بنابراین حتما به این نکته توجه داشته باشید که تگ پایانی یک امر مهم است.

 

 

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

 

عناصر خالی html 

۱-عناصر HTML بدون محتوا عناصر خالی نامیده می شوند.
۲-<br> یک عنصر خالی بدون تگ بسته است. (تگ <br> یک خط را تعریف می کند)
۳-عناصر خالی می توانند بسته شوند و همچنین  در  باز کردن برچسب مانند <br /> استفاده شوند.
۴-HTML5 عناصر خالی را نمی بندد. اما اگر میخواهید اعتبار دقیقتری داشته باشید یا اگر بخواهید سندتان را با تجزیه کننده XML قابل خواندن کنید، باید تمام عناصر HTML را به درستی باز کرده و ببندید. مانند مثال بالا که عرض کردیم.

۵-از تگهای کوچکتر استفاده کنید.(حداقل کارتون تمیز و مرتب باشه و وقتی کسی دیگه پروژه رو بدست گرفت بهتون فحش نده😂😂 وبجاش بگه دست مریزاد که اینقدر تمیز کد زدی.😂😂)

۶-برچسب های HTML به کوچکی و بزرگی حروف حساس نیستند.مانند حروف بزرگی که نوشتیم: <P> means the same as <p>

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

منبع : ایرانی تم  –  ارائه دهنده : قالب وردپرس – قالب جوملا – افزونه وردپرس – افزونه جوملا – آموزش html

درباره ی اسفندیار سلیمانی

سلام عزیزان ، اسفندیار سلیمانی هستم که مدت ها است در ایرانی طرح با جان و دل فعالیت می کنم و تمام اندوخته های خودم را مطابق میل شما در اختیارتان قرار می دهم. امیدوارم دوستی عمیقی در دنیای مجازی داشته باشیم. در ایرانی تم هم همچنان درخدمتتون هستم. ❤️

یک دیدگاه

  1. سلام
    ممنونم واقعا. هم خوب توضیح داده شده هم رک و هم بدون پروا
    ممنون واقعا. زنده باشید.

پاسخ دهید

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