معرفی تگ های html با مثال
تگ های html با مثال را باید به خوبی بشناسید تا از آنها استفاده کنید. تگ های html نقش بسیار مهمی دارند برای نوشتن محتوا دارند.
برای دریافت مشاوره رایگان، فرم زیر را پر کنید.
منتشر کننده
برای سفارش آنلاین سئوی فنی کافیست در سایت ثبت نام نموده و سفارش آنلاین سئوی فنی ثبت نمائید تا بلافاصله فاکتور دریافت نمائید و سپس تصمیم گیری فرمائید.
تگ های html نقش بسیار مهمی دارند، چرا که تمامی اقدامات لازم با استفاده از تگ های اچ تی ام ال انجام می شود. تگ های html با مثال را باید به خوبی بشناسید تا از آنها استفاده کنید. برای نوشتن هر یک از تگ ها باید اصول و ساختار آنها را رعایت کنید. از علائم شروع که می شود نام تگ باید استفاده کنید.
علامت پایان را هم باید زمان به کارگیری تگ ها مورد استفاده قرار دهید. تگ ها به دو دسته تقسیم بندی می شوند، یکی از آنها بلند است که دارای شروع و پایان می باشد. دیگری تگ های کوتاه است که شروع و پایان برای آنها به کار گرفته نشده است. برخی از مهمترین تگ ها را در ادامه معرفی می کنیم تا با آنها آشنایی بیشتری داشته باشید.
آشنایی با تگ های html با مثال
برخی از انواع تگ های html با مثال که کاربردی هستند و باید آنها را به خوبی بشناسید عبارت است از :
|
ردیف |
نام تگ |
توضیح |
|
|
۱ |
<!–…–> |
برای تعریف توضیحات در صفحه وب |
|
|
۲ |
<!DOCTYPE> |
برای مشخص نمودن نوع و نسخه صفحه وب |
|
|
۳ |
<a> |
برای تعریف کردن لینک ها در قسمت صفحه وب |
|
|
۴ |
<abbr> |
برای تعریف نمودن مخفف ها در قسمت صفحه وب |
|
|
۵ |
<address> |
جهت تعریف اطلاعات تماس نویسنده |
|
|
۶ |
<area> |
تعریف ناحیه قابل کلیک در نقشه تصویری |
|
|
۷ |
<article> |
برای تعریف مطالب در وب |
|
|
۸ |
<aside> |
جهت تعریف محتوا مرتبط با محتوای اصلی |
|
|
۹ |
<audio> |
برای قرار دادن آهنگ در وب |
|
|
۱۰ |
<b> |
برای برجسته کردن کردن متن |
|
|
۱۱ |
<base> |
جهت تعریف آدرس لینک پایه در صفحه |
|
|
۱۲ |
<bdi> |
برای تعریف جهت متن در محتوا |
|
|
۱۳ |
<bdo> |
برای برعکس نمودن متن |
|
|
۱۴ |
<blockquote> |
جهت تعریف نقل قول های بلند که منبع خارجی است |
|
|
۱۵ |
<body> |
برای ایجاد کردن بدنه و ستون اصلی به صفحه وب |
|
|
۱۶ |
<br> |
برای شکستن متن و مراجعه به سطر بعدی |
|
|
۱۷ |
<button> |
جهت ایجاد دکمه قابل کلیک |
|
|
۱۸ |
<canvas> |
ظرف برای نگهداری صورت گرافیکی به وسیله جاوا اسکریپت |
|
|
۱۹ |
<caption> |
تعریف کپشن برای جدول |
|
|
۲۰ |
<cite> |
برای تعریف نام اثر، فیلم، کتاب، موسیقی و… |
|
|
۲۱ |
<code> |
برای قرار دادن کد مانند دستورات html در صفحه |
|
|
۲۲ |
<col> |
برای انتخاب کردن گروهی ستون جدول |
|
|
۲۳ |
<colgroup> |
جهت انتخاب گروهی ستون جدول |
|
|
۲۴ |
<data> |
برای ایجاد کردن محتوای قابل درک برای انواع موتورهای جستجو |
|
|
۲۵ |
<datalist> |
جهت تعریف یک لیست از گزینه های پیش تعریف شده |
|
|
۲۶ |
<dd> |
جهت تعریف توضیحات هر کیک از آیتم های لیست توضیحی |
|
|
۲۷ |
<del> |
برای حذف محتوا از صفحه |
|
|
۲۸ |
<details> |
جهت ایجاد باکس محتوا به صورت بازشو |
|
|
۲۹ |
<dfn> |
اصطلاحات رو در یک صفحه وب تعریف کردن |
|
|
۳۰ |
<dialog> |
جهت ایجاد پنجره دیالوگ |
|
|
۳۱ |
<div> |
ظرفی برای نگهداری تگ های HTML |
|
|
۳۲ |
<dl> |
جهت ایجاد لیست توضیحی مناسب |
|
|
۳۳ |
<dt> |
جهت ایجاد آیتم لیست توضیحی |
|
|
۳۴ |
<em> |
برای تاکید روی یک محتوا |
|
|
۳۵ |
<embed> |
برای گذاشتن عکس، پی دی اف، ویدئو و.. در صفحه |
|
|
۳۶ |
<fieldset> |
جهت گروه بندی تگ های درون فرم |
|
|
۳۷ |
<figcaption> |
جهت ایجاد عنوان برای تگ <figure> |
|
|
۳۸ |
<figure> |
جهت تعریف تصاویر، شکل ها، نمودار و.. در صفحه |
|
|
۳۹ |
<footer> |
تعریف فوتر برای کل صفحه یا بخش خاص |
|
|
۴۰ |
<form> |
جهت ایجاد یک الی چند فرم در صفحه |
|
|
۴۱ |
<h1> – <h6> |
برای تعریف عنوان در صفحه وب و تگ تیتر |
|
|
۴۲ |
<head> |
برای تعریف قسمت هد صفحه |
|
|
۴۳ |
<header> |
تعریف هدر برای کل صفحه یا بخش خاص |
|
|
۴۴ |
<hr> |
خط افقی برای جدا کردن بخش ها از یکدیگر |
|
|
۴۵ |
<html> |
جهت تعریف ستون و ریشه اصلی در صفحه وب |
|
|
۴۶ |
<i> |
برای شکسته و کج کردن متن |
|
|
۴۷ |
<iframe> |
جهت ایجاد فریم در صفحه وب |
|
|
۴۸ |
<img> |
برای قرار دادن عکس در صفحه وب |
|
|
۴۹ |
<input> |
برای گذشاتن اینپوت در فرم |
|
|
۵۰ |
<ins> |
یک خط زیر محتوا می کشد |
|
|
۵۱ |
<kbd> |
جهت تعریف ورودی صفحه کلید در صفحه وب |
|
|
۵۲ |
<label> |
جهت تعریف لیبل برای اینپوت درون فرم |
|
|
۵۳ |
<legend> |
جهت ایجاد عنوان برای تگ <fieldset> |
|
|
۵۴ |
<li> |
جهت تعریف آیتم یک لیست مرتب و نامرتب |
|
|
۵۵ |
<link> |
جهت وصل فایل CSS به فایل HTML |
|
|
۵۶ |
<main> |
جهت ایجاد کردن بخش اصلی در صفحه |
|
|
۵۷ |
<map> |
تعریف یک نقشه تصویری |
|
|
۵۸ |
<mark> |
جهت رنگی کردن محتوا |
|
|
۵۹ |
<menu> |
جهت ایجاد لیست نامرتب |
|
|
۶۰ |
<meta> |
برای تعریف متاداده در یک صفحه |
|
|
۶۱ |
<meter> |
یک گیجرا ( Gauge ) اندازه گیری کردن |
|
|
۶۲ |
<nav> |
جهت تعریف منو در صفحه |
|
|
۶۳ |
<noscript> |
برای تعریف متن دلخواه |
|
|
۶۴ |
<object> |
برای گذاشتن ویدئو، عکس، پی دی اف و ... |
|
|
۶۵ |
<ol> |
جهت ایجاد لیست مرتب |
|
|
۶۶ |
<optgroup> |
برای دسته بندی آیتم لیست بازشو |
|
|
۶۷ |
<option> |
آیتم لیست بازشو را مشخص می کند |
|
|
۶۸ |
<output> |
جهت نمایش خروجی عمل انجام شده |
|
|
۶۹ |
<p> |
برای ایجاد پاراگراف در صفحه |
|
|
۷۰ |
<param> |
تعریف پارامترهای تگ |
|
|
۷۱ |
<picture> |
یک ظرف برای نگهداری چند نوع عکس |
|
|
۷۲ |
<pre> |
برای ایجاد محتوا با قالب بندی مناسب |
|
|
۷۳ |
<progress> |
برای نمایش دادن میزان پیشرفت کار |
|
|
۷۴ |
<q> |
جهت ایجاد نقل قول کوتاه |
|
|
۷۵ |
<rp> |
جهت مشخص کردن علائم نگارشی زبان شرق آسیا |
|
|
۷۶ |
<rt> |
جهت مشخص کردن علائم نگارشی زبان شرق آسیا |
|
|
۷۷ |
<ruby> |
جهت مشخص کردن علائم نگارشی زبان شرق آسیا |
|
|
۷۸ |
<s> |
برای خط کشیدن روی یک متن |
|
|
۷۹ |
<samp> |
برای نشان دادن خروجی برنامه کامپیوتری در صفحه |
|
|
۸۰ |
<script> |
برای تعریف و یا ایجاد کردن دستورات جاوا اسکریپت در صفحه |
|
|
۸۱ |
<section> |
برای تعریف کردن یک بخش یا قسمت در صفحه وب |
|
|
۸۲ |
<select> |
برای ایجاد کردن یک لیست بازشو |
|
|
۸۳ |
<small> |
اندازه متن را کوچکتر نمایش می دهد |
|
|
۸۴ |
<source> |
برای مشخص سازی مسیر فایل تگ های چند رسانه |
|
|
۸۵ |
<span> |
تگ برای ایجاد محتوای درون خطی |
|
|
۸۶ |
<strong> |
یک متن را برجسته تر می کند |
|
|
۸۷ |
<style> |
جهت تعریف دستورات CSS درون صفحه |
|
|
۸۸ |
<sub> |
جهت ایجاد متن پایین نویس |
|
|
۸۹ |
<summary> |
برای ایجاد عنوان برای تگ |
|
|
۹۰ |
<sup> |
برای ایجاد یک متن بالا نویس |
|
|
۹۱ |
<svg> |
ظرف برای نگهداری اشکال گرافیکی ایجاد شده به وسیله SVG |
|
|
۹۲ |
<table> |
جهت ایجاد جدول در صفحه |
|
|
۹۳ |
<tbody> |
جهت ایجاد کردن بدنه محتوای جدول |
|
|
۹۴ |
<td> |
جهت ایجاد کردن سلول های جدول |
|
|
۹۵ |
<template> |
برای مخفی سازی محتوا زمان بارگذاری صفحه |
|
|
۹۶ |
<textarea> |
جهت ایجاد باکس متن |
|
|
۹۷ |
<tfoot> |
جهت ایجاد فوتر در جدول |
|
|
۹۸ |
<th> |
جهت ایجاد ستون جدول |
|
|
۹۹ |
<thead> |
جهت ایجاد هدر جدول |
|
|
۱۰۰ |
<time> |
برای تعریف زمان در صفحه وب |
|
|
۱۰۱ |
<title> |
برای تعریف عنوان صفحه در مرورگر و نتایج موتور جستجوگر |
|
|
۱۰۲ |
<tr> |
جهت ایجاد سطر جدول |
|
|
۱۰۳ |
<track> |
برای ایجاد محتوای متنی رسانه |
|
|
۱۰۴ |
<u> |
برای خط کشیدن زیر متن که ارز محتوایی ندارد |
|
|
۱۰۵ |
<ul> |
جهت ایجاد لیست نامرتب |
|
|
۱۰۶ |
<var> |
جهت تعریف متغیرها در صفحه |
|
|
۱۰۷ |
<video> |
برای قرا دادن ویدئو در صفحه وب |
|
نتیجه گیری در مورد تگ های html با مثال
هر یک از انواع تگ های html با مثال را در این متن به صورت کامل معرفی کردیم. بنابراین شما برای استفاده از انواع تگ ها می توانید کاربرد آنها را ابتدا بررسی کنید و سپس تگ ها را به کار بگیرید.
برای سفارش آنلاین سئوی فنی کافیست در سایت ثبت نام نموده و سفارش آنلاین سئوی فنی ثبت نمائید تا بلافاصله فاکتور دریافت نمائید و سپس تصمیم گیری فرمائید.
لیست نظرات
x اولین نظر را شما ثبت نمائید