صفحه اصلی / html / اموزش html تگ های مهم

اموزش html تگ های مهم

تگ های مهم در html

با سلام خدمت شما بازدیدکنندگان گرامی مجله اینترنتی شماسافت در این پست از مبحث برنامه نویسی – اموزش html در خدمت شما هستیم در این اموزش تگ های مهم در زبان ساده html را اموزش میدهیم پس با اموزش html تگ های مهم با ما همراه باشید.


توجه داشته باشید قبل از مطالعه این بخش باید مقدمات طراحی و ساختار یک صفحه html را بدانید برای این کار از این لینک استفاده کنید (ساختار اولیه صفحه html)

معرفی تگ ها

تگ به معنای برچسب می باشد درواقع تگ ها در html نشانه گذاری هایی هستند برای مشخص کردن محتوای چندرسانه ای (شامل:متن،صوت،تصویر،ویدئو،چارت و …) که اصولا یک صفحه وب را تولید میکنند.

تگ های پرکاربرد در html

۱-تگ div : برای اضافه کردن یک بخش در صفحه به کارمیرود درواقع تگ دایو یک مجموعه را دربرمیگیرد تا استایل خاصی را به انها الحاق نمایید برای مثال

۲- تگ پاراگراف یا p : این تگ عموما برای در برگرفتن یک پاراگراف از متن به کارمیرود و میتواند درون یک div ان را به کار ببرید برای مثال

۳-تگ لینک : تگ لینک یک تگ مهم در html می باشد که بوسیله ان به صفحات درونی سایت یا سایت های خارجی پیوند میتوانید ایجاد کنید برای لینک دهی باید دو خصوصیت href و target تعیین کنید href ادرس پیوند و target نحوه باز شدن ادرس می باشد اگر برابر blank باشد در صفحه جدید پیوند باز میشود

۴-تگ img : تگ img یک تگ پرکاربرد برای به کار بردن تصاویر در صفحات سایت می باشد در این تگ با خصوصیت src ادرس تصویر و با خصوصیت alt متن جایگذین ان در صورت نمایش داده نشدن مشخص میشود

۵-تگ br : این تگ برای ایجاد فاصله به کار می رود درواقع به اندازه یک پاراگراف بین هر محتوا فاصله ایجاد میکند

۶-تگ hr : تگ hr برای ایجاد یک خط می باشد برای مثال

۷-ایجاد لیست در html : لیست ها در html  به دوصورت می باشند یکی لیست های که با عدد نمایش داده میشوند مانند 

  1. ایتم ۱
  2. ایتم ۲
یا لیست هایی بدون ترتیب (بدون نمایش عدد)

  • ایتم ۱
  • ایتم ۲

۸-ایجاد منو در html : برای ایجاد منو در زبان html از تگ nav استفاده میشود برای مثال:

۹-تگ های شکل دهی متن : برای اینکار به مثال های زیر توجه کنید

متن بولد متن ایتالیک متن اسمال

متن منسوخمتن تایید شده

 

 

این بود از اموزش html امروز به زودی با اموزش های بیشتر همراه شما خواهیم بود

 

مطالب پیشنهادی:

پهبادهای پیشرفته  اموزش سئو  برجسته سازی با css

پاسخ دهید

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