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

  • منتشر شده در تاریخ

آموزش HTML - مقدمه

در آموزش HTML قبل با ساختار HTML و تگ ها آشنا شدید. در این قسمت قصد داریم عناصر HTML را بررسی کنیم

 

سینتکس عناصر HTML

المنت HTML یک نماد مفهومی یا معنایی است. برای مثال, المان title نشان دهنده عنوان سند است.

بیشتر عناصر HTML با یک تگ شروع (یا تگ باز) و با تگ پایان (یا تگ بسته) به همراه محتوای بین آن نوشته می شوند.

عناصر (elements) نیز شامل خصوصیات (attributes) که ویژگی های اضافی از یک المان را تعریف می کنند.

برای مثال, یک پاراگراف, که با المان p تعریف می شود, بصورت زیر می نویسیم:

آموزش HTML - عناصر html

در مورد خصوصیات در جلسه بعدی یاد می گیرید.

نکته: تمام المان ها نیاز به تگ پایان برای تعریف ندارند. این ها را عناصر خالی (empty یا void یا self-closing) می گویند. اصطلاح عناصر : المان : المنت : element یکی هستند

 

تگ ها و عناصر HTML

از لحاظ فنی, یک عنصر HTML مجموعه ای از تگ شروع, خصوصیات و یک تگ پایان به همراه محتوای بین آن است. از سوی دیگر, یک تگ HTML برای نشانه گذاری ابتدا یا پایان المنت استفاده می شود.

با این حال, بطور معمول این دو اصطلاح تگ HTML و عنصر HTML را به جای هم استفاده می کنند مثلا تگ یک المان است المان یک تگ است.

برای سادگی مطالب آموزش HTML نت پارادیس ما اصطلاحات “tag” و “element” را به یک معنی استفاده می کنیم.

 

عدم حساسیت حروف در تگ ها و خصوصیات HTML

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

اما در XHTML حساسیت به حروف کوچک و بزرگ (case-sensitive) وجود دارد.

نکته‌: پیشنهاد می کنیم که از حروف کوچک برای نام تگ ها و خصوصیات در HTML استفاده کنید, این کار باعث می شود که سند شما سازگاری بیشتری برای ارتقاء های آینده داشته باشد.

 

عناصر خالی HTML

المان های خالی تگ های دربرگیرنده نیستند به این معنی که نمی توانید محتوایی داخل آنها قرار بدید و هیچ تگ بسته (یا تگ پایان) ندارند.

یک مثال ساده از عناصر خالی, المان <br> برای رفتن به خط جدید و یا <hr> برای ایجاد یم خط افقی است.

نکته : در HTML , یک تگ empty بطور ساده <br> نوشته می شود ولی در XHTML که قدیمی هم است و استفاده نمی کنیم, یک تگ خالی با یک فاصله و اسلش بسته می شود. مثل <br />

 

المان های تو در تو (nested) در HTML

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

مثال زیر نحوه استفاده از المان <em> داخل المان <p> را بصورت تو در تو نشان داده است.

انواع عناصر HTML

عناصر HTML به دو گروه متمایز block level و inline level تقسیم می شوند.

عناصر نوع block ساختار اصلی سند HTML را می سازند در حالی که عناصر inline محتوای بلاک را تشکیل می دهد.

 

امیدوارم از این بخش آموزش HTML که در مورد عناصر HTML بود نهایت استفاده را برده باشید.

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

موفق باشید.

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

آموزش های رایگان بیشتر در اینستاگرام ما ...

NETPARADIS /
مطالب زیر را حتما بخوانید
دیدگاه کاربران

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

    دوره های آموزشی

    می خواهید صفر تا صد HTML,CSS را یاد بگیرید ؟

    50% تخفیف ویژه
    فقط 144 هزار تومان

    برای دریافت آموزش طراحی سایت با پروژه قالب فروشگاه روی دکمه زیر بزنید
    می خواهم طراحی سایت را یاد بگیرم
    close-link