عناصر و تگ های HTML
آموزش گام به گام html از مبتدی تا پیشرفته
تگ یا عنصر در HTML
به طور کلی عناصر و یا تگ ها در HTML یک تگ شروع و یک تگ پایانی دارند و در بین این تگ شروع و پایان، نوشته ای یا محتوا قرار دهیم.
برای مثال:
<tagname/>نوشته دلخواه<tagname>
یادآوری مهم: عناصر یا تگ های html هرجا شروع شوند باید در انتها بسته شوند.
مانند تگ پاراگراف زیر :
<p/>این یک پاراگراف است<p>
مثال هایی دیگر از عناصر یا تگ های HTML :
تگ پایان |
متن دلخواه درون المنت یا تگ |
تگ شروع |
| <h1/> | این متن درشت است | <h1> |
| <p/> | این یک پاراگراف است | <p> |
| ندارد | – | <br> |
نکته: بعضی از تگ ها در HTML یک تگ پایانی ندارند، مانند <br> که باعث شکسته شدن یک متن می شود و متن در خط جدید قرار می گیرد.
تگ های HTML می توانند تو در تو باشند. مثال:
<html>
<body>
<h1>عنوان یا متن</h1>
<p>پاراگراف یا متن</p>
</body>
</html>
کد فوق را کپی کنید و در Notepad الحاق کنید و نتیجه را ببینید.
همانطور که مشاهده می کنید درون تگ <body> چند تگ دیگر وجود دارد. توجه نمایید تگی که زود تر از بقیه باز شده دیرتر از بقیه بسته خواهد شد.
برای نمونه تگ HTML زود تر از بقیه باز شده و در آخر بسته شده است. یعنی بعد از تگ <html> تگ <body> را باز کردیم. به ترتیب بسته شدن تگ ها دقت نمایید. به این صورت کد نویسی تو در تو می گویند.
مطالب زیر را حتما مطالعه کنید
طراحی جدول ها در بوت استرپ
[vc_row][vc_column width="5/6"][vc_column_text] جدول ها در Bootstrap جداول ساده‌ی بوت استرپ، دارای padding کم و خطوط...
سیستم Grid در بوت استرپ 4
[vc_row][vc_column width="5/6"][vc_column_text] سیستم grid در بوت استرپ بر اساس flexbox ساخته شده است و به...
آشنایی با Bootstrap 4
[vc_row][vc_column width="5/6"][vc_column_text] بوت استرپ چیست ؟ به اولین قسمت از سری آموزشی Bootstrap 4 خوش...
تایپوگرافی در بوت استرپ 4
[vc_row][vc_column width="5/6"][vc_column_text] در این قسمت از مجموعه آموزشی Bootstrap 4 می خواهیم به بررسی تایپوگرافی...
آموزش قدم به قدم Bootstrap
[vc_row][vc_column width="5/6"][vc_column_text] Bootstrap (بوت استرپ) مشهورترین فریمورک CSS ، HTML و JavaScript برای توسعه ی وب...
استایل Border در CSS
[vc_row][vc_column width="5/6"][vc_column_text] در ادامه آموزش CSS با دستورات مربوط به ساختارلایه ها و باکس ها آشنا خواهید شد....
دیدگاهتان را بنویسید