این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
لیست کامل تگ های HTML بهمراه توضیح و مثال
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه لیست کامل تگ های HTML بهمراه توضیح و مثال با من همراه باشید.
Free-Learn
لیست کامل تگ های HTML بهمراه توضیح و مثال
شما دوستان عزیز و محترم میتوانید در ادامه لیست کامل تگ های زبان HTML را بهمراه توضیح هر یک از این تگ ها و همچنین مثال آنلاین هر یک از این تگ هارو مشاهده نمایید.
همچنین مشاهده نمایید :
Free-Learn
تگ ها به ترتیب حروف الفبای انگلیسی می باشند
مشاهده لیست تگ ها بصورت دسته بندی شده کلیک کنید
| ردیف | نام تگ | توضیح | مثال |
|---|---|---|---|
| ۱ | <!–…–> | برای تعریف توضیحات در صفحه وب | مثال |
| ۲ | <!DOCTYPE> | برای مشخص کردن نوع یا نسخه صفحه وب | مثال |
| ۳ | <a> | برای تعریف لینک ها در صفحه وب | مثال |
| ۴ | <abbr> | برای تعریف مخفف ها در صفحه وب | مثال |
| ۵ | <address> | برای تعریف اطلاعات تماس نویسنده | مثال |
| ۶ | <area> | تعریف ناحیه های قابل کلیک در یک نقشه تصویری | مثال |
| ۷ | <article> | برای تعریف مقاله / مطالب در صفحه وب | مثال |
| ۸ | <aside> | برای تعریف محتوای مرتبط با محتوای اصلی سایت | مثال |
| ۹ | <audio> | برای گذاشتن آهنگ ( فایل صوتی ) در صفحه وب | مثال |
| ۱۰ | <b> | برای برجسته یا Bold کردن متن ( بدون هیچ ارزش محتوایی ) |
مثال |
| ۱۱ | <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> | برای قرار دادن عکس ، ویدئو، PDF و.. در صفحه | مثال |
| ۳۶ | <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> | برای تعریف یک متن دلخواه – جهت نمایش به کاربر در صورت عدم پشتیبانی مرورگر کاربر از تگ Script |
مثال |
| ۶۴ | <object> | برای قرار دادن عکس ، ویدئو، PDF و.. در صفحه | مثال |
| ۶۵ | <ol> | برای ایجاد یک لیست مرتب شده | مثال |
| ۶۶ | <optgroup> | برای دسته بندی آیتم های یک لیست بازشو | مثال |
| ۶۷ | <option> | خوده آیتم های لیست بازشو را مشخص میکند | مثال |
| ۶۸ | <output> | برای نمایش خروجی یک عمل انجام شده | مثال |
| ۶۹ | <p> | برای ایجاد پاراگراف در یک صفحه وب | مثال |
| ۷۰ | <param> | برای تعریف پارامترهای تگ <object> | مثال |
| ۷۱ | <picture> | یک ظرف برای نگهداری چندین عکس / تصویر | مثال |
| ۷۲ | <pre> | برای ایجاد یک محتوا با قالب بندی دلخواه | مثال |
| ۷۳ | <progress> | برای نمایش میزان پیشرفت کار ( پروژه و.. ) | مثال |
| ۷۴ | <q> | برای ایجاد نقل قول کوتاه | مثال |
| ۷۵ | <rp> | برای مشخص کردن علائم نگارشی زبان های شرق آسیا | مثال |
| ۷۶ | <rt> | برای مشخص کردن علائم نگارشی زبان های شرق آسیا | مثال |
| ۷۷ | <ruby> | برای مشخص کردن علائم نگارشی زبان های شرق آسیا | مثال |
| ۷۸ | <s> | برای خط کشیدن بروی یک متن ( یعنی اون متن تاریخ اعتبارش تموم شده ) |
مثال |
| ۷۹ | <samp> | برای نمایش خروجی یک برنامه کامپیوتری در صفحه | مثال |
| ۸۰ | <script> | برای تعریف / ایجاد دستورات جاوا اسکریپت در صفحه | مثال |
| ۸۱ | <section> | برای تعریف یک بخش / قسمت در یک صفحه وب | مثال |
| ۸۲ | <select> | برای ایجاد یک لیست بازشو | مثال |
| ۸۳ | <small> | اندازه یک متن را کمی کوچکتر نمایش میده | مثال |
| ۸۴ | <source> | برای مشخص کردن مسیر فایل برای تگ های چندرسانه | مثال |
| ۸۵ | <span> | یک تگ Inline برای ایجاد محتوای درون خطی | مثال |
| ۸۶ | <strong> | یک متن رو برجسته یا Bold میکنه ( دارای ارزش محتوایی ) |
مثال |
| ۸۷ | <style> | برای تعریف دستورات CSS درون صفحه وب | مثال |
| ۸۸ | <sub> | برای ایجاد یک متن پایین نویس | مثال |
| ۸۹ | <summary> | برای ایجاد عنوان برای تگ <details> | مثال |
| ۹۰ | <sup> | برای ایجاد یک متن بالا نویس | مثال |
| ۹۱ | <svg> | یک ظرف برای نگهداری اشکال گرافیکی ایجاد شده توسط SVG | مثال |
| ۹۲ | <table> | برای ایجاد جدول در صفحه وب | مثال |
| ۹۳ | <tbody> | برای ایجاد بدنه محتوای جدول | مثال |
| ۹۴ | <td> | برای ایجاد سلول های یک جدول | مثال |
| ۹۵ | <template> | برای مخفی کردن محتوا در هنگام بارگذاری صفحه | مثال |
| ۹۶ | <textarea> | برای ایجاد یک باکس متن / پیغام | مثال |
| ۹۷ | <tfoot> | برای ایجاد فوتر جدول | مثال |
| ۹۸ | <th> | برای ایجاد ستون های جدول | مثال |
| ۹۹ | <thead> | برای ایجاد هدر جدول | مثال |
| ۱۰۰ | <time> | برای تعریف زمان ( تاریخ و ساعت ) در یک صفحه وب | مثال |
| ۱۰۱ | <title> | برای تعریف عنوان صفحه در مرورگرها و نتایج موتورهای جستجوگر | مثال |
| ۱۰۲ | <tr> | برای ایجاد سطرهای یک جدول | مثال |
| ۱۰۳ | <track> | برای ایجاد محتوای متنی یک رسانه ( مثلا زیرنویس ویدئو ) |
مثال |
| ۱۰۴ | <u> | برای خط کشیدن به زیر یک متن ( بدون هیچ ارزش محتوایی ) |
مثال |
| ۱۰۵ | <ul> | برای ایجاد لیست های نامرتب | مثال |
| ۱۰۶ | <var> | برای تعریف متغیرها در صفحه وب | مثال |
| ۱۰۷ | <video> | برای گذاشتن ویدئو در صفحه وب | مثال |
| ۱۰۸ | <wbr> | جهت شکستن متن به سطر جدید | مثال |
