15 تا ار پرکاربرد ترین تگ های HTML
برای اینکه گام در مسیر برنامه نویسی فرانت اند بگذارید ابتدا باید با مفهوم HTML و تگ های آن آشنا شوید . توجه داشته باشید که امروزه با گذر از نسخه ابتدایی HTML تگ های آن به شدت افزایش پیدا کرده است . اما ما در این وبلاگ برای شما چند تا از پرکاربرد ترین تگ ها HTML را آورده ایم تا مسیر یادگیری را برای شما هموار سازیم.
HTML چیست؟
HTML مخفف Hyper Text Markup Language هست که برنامه نویسان به آن زبان نشانه گذاری نیز میگویند . HTML یک زبان برنامه نویسی نیست بلکه یک زبان نشانه گذاری به شمار میرود . قدم ابتدایی طراحی سایت ها HTML بوده و اگر شما علاقه به طراحی سایت دارید با ابتدا HTML یاد بگیرید.
تگ HTML چیست؟
تگ های HTML به عنوان یک علامت به مرورگر عمل میکنند که دقیقا در اینجا که این تگ را نوشتیم چه چیزی را به کاربر نشان دهد .
به طور مثال اگر از تگی برای موضوعی استفاده کردیم به کاربر محتوا را تحت عنوان یک موضوع نشان دهد .
تگ ها در HTML دو دسته اند :
- تگ های زوج که شروع و پایان دارند مانند تگ p
- تگ های فردی که شروع و پایان ندارند مانند تگ img
به این صورت میتوان یک صفحه وب با تگ ها بدون هیچ محدودیتی ایجاد کرد و تنها روش استفاده از تگ ها هم استفاده از <> است.
پرکاربرد ترین تگ ها
ابتدا این را باید بدانیم که تگ هایی موجود است که برای تعریف یک فایل HTML نیاز به آنها داریم که آنها عبارت اند از :
توجه:
ترتیب آمده هیچ معنایی ندارد و فقط به منظور منظم شدن به ترتیب شده اند.
-
<html> </html> -
<head> </head> -
<body> </body> -
<title> </title>
اما پس از گذر از این تگ ها به تگ های قابل استفاده در فایل ها میپردازیم :
- 1- تگ P
از این تگ برای نوشتن پاراگراف ها در صفحات وب استفاده میشود
- 2- تگ a
از این تگ برای لینک دهی صفحات استفاده میشود
- 3- تگ div
از این تگ برای ایجاد بخش و یا فضا برای قرار دادن محتوا استفاده میشود
- 4- تگ span
این تگ به مانند div است اما مقیاس کوچک تر
- 5- تگ h1 تا h6
این تگ ها برای تعریف عناوین استفاده میشود و جایگاه مهمی در سئو دارد
- 6- تگ input
این تگ برای ایجاد اینپوت ها در فرم به کار میرود
- 7- تگ img
از این تگ برای قرار دادن عکس ها در صفحه استفاده میشود
- 8- تگ video
از این تگ برای قرار دادن ویدئو در صفحه استفاده میشود
- 9- تگ br
برای فاصله انداختن بین کاراکتر ها استفاده میشود
- 10- تگ button
از این تگ برای ایجاد دکمه ها در صفحه با قابلیت کلیک استفاده میشود
- 11- تگ b
از این تگ برای بولد کردن یک قسمت از پاراگراف استفاده میشود
- 12- تگ strong
این تگ هم مثل تگ b است با این تفاوت که از نظر سئو قوی تر است
- 13- تگ link
از این تگ برای ایجاد یک لینک در فایل استفاده میشود
- 14- تگ i
از این تگ برای ایتالیک کردن متن استفاده میشود
- 15- تگ u
با این تگ یک خط زیر متن دلخواه میتوان کشید
سخن پایانی
برای شروع مسیر برنامه نویسی فرانت اند شما باید HTML را فرا گیرید. ما سعی کردیم در این وبلاگ آموزشی از شرکت برنامه نویسی وارنا چند تا از پرکاربرد ترین آنها را به خدمت شما برسانیم که میتوانید شما با استفاده از این وبلاگ و تمرین و تکرار کامل به این مبحث مسلط شوید. شما میتوانید برای یادگیری این مباحث از دوره های ما در شرکت برنامه نویسی وارنا استفاده کنید تا در مبحث آموزش دیدن به درجه عالی برسید و از ویژگی های دوره های ما یعنی پشیتیبانی 24 ساعته و آموزش پروژه محور استفاده کنید و پس از یادگیری مباحث در شرکت ما استخدام و مشغول به کار شوید.