این آموزش در تاریخ ۱۴۰۲/۰۶/۱۸ آپدیت شده است.
آموزش کار با عناصر یا Elements در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با عناصر یا Elements در HTML با من همراه باشید.
Free-Learn
کار با عناصر یا Elements در HTML
بطور کلی ما ۲ نوع تگ میتونیم داشته باشیم :
- تگ هایی که دارای تگ بسته هستن
- تگ هایی که تنها هستن ( یعنی تگ بسته ندارن )
- تگ هایی که دارای تگ بسته هستن
تگ هایی هستن که در HTML دارای یک تگ شروع و یک تگ پایان می باشند، برای مثال لطفا به دستورات زیر توجه نمایید :
|
1 |
<Tag_Start> Mohtava </Tag_End> |
اون Tag_Start که دیگه میدونید میشه تگ شروع ، اون Mohtava میشه متن یا محتوایی که داخل تگ قرار میگیره و در نهایت تگ بسته که میشه Tag_End
مثال : مثلا تگ P تگی هست که دارای تگ شروع و تگ پایان می باشد
|
1 |
<p> Site Amoozeshi Man </p> |
همانطور که مشاهده مینمایید تگ پاراگراف در HTML دارای یک تگ شروع به نام <p> و یک تگ پایانی به نام <p/> دارد، در واقع هر تگی که شروع کننده باشد در پایان باید همون تگ بسته شود و پایان دهنده اون تگ باشد.
- تگ هایی که تنها هستن ( دیگه تگ بسته ندارن )
دسته دوم از تگ ها، تگ هایی هستن که تگ بسته یا تگ پایانی ندارن ، یعنی فقط تگ شروع دارن مثه تگ های <br> و <hr> و <img> و بقیه شون که به مرور زمان خودتون باهاشون آشنا میشید.
|
1 2 3 4 5 |
<br> یا <hr> یا <img src="test.jpg"> |
Free-Learn
تگ پایانی را هرگز فراموش نکنید
خب بصورت عادی اگر یک تگ که دارای تگ پایانی هست مثله <p> را بنویسیم ولی تگ پایانی اش را ننویسیم مرورگر بازم به ما خروجی رو نشون میده چون کلا زبان HTML یک زبان بدون خطا هست.
این یعنی اصلا زبان HTML چیزی به اسم خطا براش تعریف نشده و هیچوقت به شما نمیاد بگه مثلا فلان جا از فلان تگ اشتباه استفاده کردی یا مثلا بیاد بگه فلان جا تگ بسته رو نبستی و از این حرفا ( زبان HTML کلا از این قرتی بازیا خوشش نمیاد 😄)
پس زبان HTML یک زبان بدون خطاست، به همین دلیل اگه شما یک تگ رو فقط تگ شروعش رو بنویسید و تگ پایانی اش رو ننویسید بازم مرورگر به شما خروجی میده.
پس در نتیجه همیشه در اولین اولویت تگی را که باز میکنید اگه تگ بسته داره حتما اون رو ببندید تا در ادامه به مشکل برنخورید، چون ممکنه جایی صرفا به واسطه بسته نبودن یه تگ کل صفحه وبتون خراب بشه.
یا مثلا ممکنه همه چیرو بخوبی انجام داده باشید ولی هرکاری میکنید صفحه وبتون بخوبی نمایش داده نمیشه، خب حل مشکل خیلی سادس، میبینی یه گوشه کناری تگی هست که باز شده ولی بسته نشده و همون تگ داره کل صفحه رو درگیر خودش میکنه.
پس همیشه در اولین فرصت و اولویت تگی را که باز شده است ببنیدید تا بعدا و در ادامه کار به مشکل برنخورید.
مثال شماره ۱ : ایجاد تگ P و نبستن تگ پایانی ( بدون هیچ مشکلی بهمون خروجی میده )
|
1 2 3 4 5 |
<body> <p>Salam Khobi? </body> |
مثال شماره ۲ : نبستن تگ پایانی H3 ( چون H3 رو نبستیم دیگه هرچی بعد از اون بیاد در شکل خودش نشون میده )
|
1 2 3 4 5 6 |
<body> <h3>سایت آموزشی فری لرن <p> سایت آموزشی فری لرن </p> </body> |
