این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
لیست کامل تگ های 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> | جهت شکستن متن به سطر جدید | مثال |