تگ یا عنصر در HTML چیست - به همراه مثال های کاربردی
یک عنصر HTML توسط یک "برچسبِ شروع" یا "starting tag" تعریف می شود. اگر عنصر حاوی مطالب دیگر باشد، آن را با یک "برچسب بستن" یا "closing tag" به پایان می رسانید، بطوریکه قبل از نام المنت یکslash قرار بگیرد.
در جدول زیر برخی از این برچسب ها را مشاهده می کنید –
برچسب شروع |
محتوا |
برچسب پایانی |
<p> |
This is paragraph content. |
</p> |
<h1> |
This is heading content. |
</h1> |
<div> |
This is division content. |
</div> |
<br /> |
همانطور که در جدول بالا مشاهده می کنید، <p> .... </ p> یک عنصر HTML است .
<h1> ... </ h1> یکی دیگر از عناصر HTML است.
برخی از عناصر HTML که نیازی به "تگ بستن" ندارند، مانند عناصر <img.../> , <hr /> , <br />. اینها به عنوان عناصر خالی شناخته می شوند.
اسناد HTML شامل یک درختی از این عناصر هستند و آنها چگونگی ساخت اسناد HTML را مشخص می کنند. و تعیین می کنند، کدام نوع محتوا در کدام قسمت سند HTML قرار گیرد.
تگ HTML در مقابل عنصر (Element)
یک عنصر HTML توسط یک "برچسبِ شروع" تعریف شده است. اگر عنصر حاوی مطالب دیگر باشد، با یک "برچسب بسته" پایان می پذیرد.
مثلا <p> "تگ شروع "یک پاراگراف است و </ p> "تگ پایانی" آن پاراگراف است، اما <p>This is paragraph</p> یک عنصر پاراگراف است.
عناصر HTML تو در تو (Nested HTML Elements)
اینکه یک عنصر HTML را درون یک عنصر HTML دیگر قرار دهیم بسیار متداول است و شما آنرا در اسناد مختلف مشاهده نموده اید –
مثال :
<!DOCTYPE html>
<html>
<head>
<title>Nested Elements Example</title>
</head>
<body>
<h1>This is <i>italic</i> heading</h1>
<p>This is <u>underlined</u> paragraph</p>
</body>
</html>
کد فوق نتیجه زیر را تولید می کند –
This is italic heading
This is underlined paragraph
این فصل در یک نگاه:
در این فصل صفحات قالب فروشگاهی را بطور کامل واکنشگرا می کنیم.…
HTML مخفف عبارت Hypertext Markup Language است. این زبان در واقع یک نوع زبان نشانهگذاری استاندارد برای ایجاد صفحات وب و وب اپلیکیشنها محسوب میشود. در واقع HTML را عنصر کلیدی صفحات وب می…این فصل در یک نگاه:
فصل سوم…
آموزش طراحی ریسپانسیو مدرن و جذابتر نسبت به بوتسرپ (همراه با ساخت صفحه اصلی و پنل یک آژانس مسافربری) آموزش پروژه محور فریمورک متریالایز برای اولین بار بین وب سایت های آموزشی آموزش تمامی …این فصل در یک نگاه:
ساخت منوی مدیریت سایت،ایجاد بخش دسته بندی ها ، جدول نمایش دسته ها و ایجاد دسته جدید،ایجاد بخش ویژگی های یک دسته،ایجاد وی…
این مجموعه با تلفیقی از فریمورک bootstrap و کد های html و css ارائه گردیده و پیش نیاز این آموزش ، دوره دیجی کالای آقای مهندس بلاغی است چون این پروژه در قالب mvc پیاده گردیده و با توجه به ا…این فصل در یک نگاه:
در این فصل(فصل یازدهم مجموعه)،به طراحی CMS (سیستم مدیریت محتوا)اختصاصی فروشگاه می پردازیم.هدف از طراحی این بخش،آنست که م…
در این مجموعه آموزشی قصد داریم از صفر تا صد طراحی یک فروشگاه اینترنتی رو به صورت کامل آموزش بدهیم.این فروشگاه شامل تمامی بخش های مورد نیاز یک فروشگاه اینترنتی است. هدف از این مجموعه،آموزش…این فصل در یک نگاه:
طراحی پنل مدیریت(دسته بندی)- دسته بندی یا category - نمایش دسته های فرعی در view با ورود به یکی از دسته های اصلی و آشن…
توضیحات کلی مجموعه: این مجموعه توسط فریمورک محبوب و دوست داشتنی bootstrap و به صورت تضمینی و صفر تا صد جهت یادگیری کارآموزان عزیز ارائه گردیده و دوستانی که این دوره را به طور کامل و دقیق…این فصل در یک نگاه:
مباحث تکمیلی فریم ورک لاراول…
فصل اول :آموزش مقدماتی فریم ورک لاراول معرفی فریم ورک لاراول و پیشنیازهای انجام کار انجام کانفیگ های اولیه برای نصب و راه اندازی فریم ورک معرفی روش های نصب پروژه لاراولی از طریق سایت گی…این فصل در یک نگاه:
مباحث مقدماتی فریم ورک react.js…
توضیحات کلی مجموعه: فصل اول : آشنایی با مباحث مقدماتی فریم ورک react.js نصب و راه اندازی node.js و کلیه پیش نیازهای لازم نصب فریم ورک react روی لوکال و انجام تست های لازم آغاز آشنایی …این فصل در یک نگاه:
رشد و درآمدزایی یک وب سایت یا کسب و کار اینترنتی کاملا به ذوق و مهارت وب مستر یا همان مدیر اصلی وب سایت گره خورده و متاس…
اصول مدیریت وب سایت برای وب مستر شدن برای موفقیت یک وب سایت لازم الاجراست. زیرا شما دوست دارید وب سایت خود را به کارخانه پولسازی تبدیل کنید. این واقعیت رویا نیست. هرکس این اصول را بداند به …