استفاده از تگ های اچ تی ام ال به شما امکان ایجاد یک صفحه یا وبسایت تحت وب را میدهد. لیست کامل تگ های html مورد نیاز را معرفی می نماییم. نحوه استفاده و کاربرد آنان را به تفکیک هر کدام در صفحه جداگانه توضیح میدهیم. اینگونه شما قادرید به صورت مختصر صفحه فوق را ذخیره نمایید. برای هدایت به صفحه مورد نظر ، کافیست روی تگ مورد نیاز کلیک نمایید. آموزش و نمونه های مورد استفاده جهت آموزش TAG فوق ، کار را برای شما آسان می نماید.
آموزش تگ های html
افرادی که تازه گام در راه ایجاد وبسایت می نمایند. اولین زبان برنامه نویسی مورد استفاده در خصوص HTML به شمار میرود. زبانی ساده که پایه برنامه نویسی تحت وب می باشد. این محصول به صورت ساده و در دیک فایل با پسوند HTML یا PHP قادر به تولید آن هستید.
برای ایجاد و نمایش فقط کافیست یک Notepad باز کنید و آن را با نام دلخواه و پسوند html ذخیره کنید. مثلا: index.html
وقتی روی فایل کلیک نمایید. مرورگر شما گشوده و نتایج نوشته های شما قابل مشاهده است. اگر بدون استفاده از تگ ، اقدام به تایپ نمایید. همان کلمات شما را نمایش میدهد. ولی موضوع اینجاست که برای مرتب سازی و سازگاری با تمام صفحه نمایش ها ، نیاز است که از تگ های html استفاده نمایید.
لیست کامل تگ های html
| <!–…–> | تگ توضیحات |
| <!DOCTYPE> | تگ فوق نوع سند را مشخص می کند. |
| <a> | تگ لینک |
| <abbr> | مخفف یا مخفف را تعریف می کند |
| <acronym> | در HTML5 پشتیبانی نمی شود. به جای آن از استفاده کنید. مخفف را تعریف می کند |
| <address> | اطلاعات تماس نویسنده/مالک یک سند را تعریف می کند |
| <applet> | در HTML5 پشتیبانی نمی شود. به جای آن از تگ embed یا object استفاده کنید. |
| <area> | یک منطقه در داخل نقشه تصویر را تعریف می کند. |
| <article> | یک مقاله را تعریف می کند. |
| <aside> | محتوا را جدا از محتوای صفحه تعریف می کند. |
| <audio> | تگ موزیک ، محتوای صوتی تعبیه شده را تعریف می کند. |
| <b> | تگ پررنگ کردن نوشته. |
| <base> | URL/هدف پایه را برای همه URL های مرتبط در یک سند مشخص می کند. |
| <basefont> | در HTML5 پشتیبانی نمی شود. به جای آن از CSS استفاده کنید. رنگ، اندازه و فونت پیش‌فرض را برای تمام متن‌های یک سند مشخص می‌کند |
| <bdi> | بخشی از متن را جدا می کند که ممکن است در جهتی متفاوت از متن های خارج از آن قالب بندی شود. |
| <bdo> | جهت متن فعلی را لغو می کند. |
| <big> | در HTML5 پشتیبانی نمی شود. به جای آن از CSS استفاده کنید. متن بزرگ را تعریف می کند. |
| <blockquote> | تگ نقل قول. بخشی را تعریف می کند که از منبع دیگری نقل شده است. |
| <body> | تگ بادی یا بدنه. |
| <br> | تگ رفتن به خط بعد یا تگ اینتر |
| <button> | تگ دکمه |
| <canvas> | برای ترسیم گرافیک، در پرواز، از طریق اسکریپت (معمولا جاوا اسکریپت) استفاده می شود. |
| <caption> | تگ شرح جدول |
| <center> | تگ وسط چین. در HTML5 پشتیبانی نمی شود. به جای آن از CSS استفاده کنید. متن محور را تعریف می کند |
| <cite> | تگ مشخص کردن عنوان یک اثر. (عنوان یک اثر را مشخص می کند) |
| <code> | تگ نمایش کدهای برنامه نویسی. (یک قطعه کد کامپیوتری را تعریف می کند) |
| <col> | ویژگی های ستون را برای هر ستون در یک عنصر مشخص می کند. |
| <colgroup> | گروهی از یک یا چند ستون را در جدول برای قالب بندی مشخص می کند. |
| <data> | یک ترجمه قابل خواندن توسط ماشین از یک محتوای داده شده اضافه می کند. |
| <datalist> | فهرستی از گزینه های از پیش تعریف شده برای کنترل های ورودی را مشخص می کند. |
| <dd> | توصیف/مقدار یک اصطلاح را در لیست توضیحات تعریف می کند. |
| <del> | متنی را که از یک سند حذف شده است را تعریف می کند. |
| <details> | جزئیات بیشتری را که کاربر می تواند مشاهده یا پنهان کند، تعریف می کند. |
| <dfn> | اصطلاحی را مشخص می کند که قرار است در داخل محتوا تعریف شود. |
| <dialog> | یک کادر گفتگو یا پنجره را تعریف می کند. |
| <dir> | در HTML5 پشتیبانی نمی شود. به جای آن از تگ ul استفاده کنید. لیست فهرست را تعریف می کند. |
| <div> | یک بخش را در یک سند تعریف می کند. |
| <dl> | لیست توضیحات را تعریف می کند. |
| <dt> | یک اصطلاح/نام را در لیست توضیحات تعریف می کند. |
| <em> | متن تاکید شده را تعریف می کند. |
| <embed> | یک ظرف برای یک برنامه خارجی تعریف می کند. |
| <fieldset> | عناصر مرتبط را در یک فرم گروه بندی می کند. |
| <figcaption> | یک عنوان برای تگ figure تعریف می کند. |
| <figure> | محتوای مستقل را مشخص می کند. |
| <font> | در HTML5 پشتیبانی نمی شود. به جای آن از CSS استفاده کنید. فونت، رنگ و اندازه را برای متن تعریف می کند. |
| <footer> | یک پاورقی برای یک سند یا بخش تعریف می کند. |
| <form> | یک فرم HTML برای ورودی کاربر تعریف می کند. |
| <frame> | در HTML5 پشتیبانی نمی شود. یک پنجره (یک قاب) را در یک مجموعه فریم تعریف می کند. |
| <frameset> | در HTML5 پشتیبانی نمی شود. مجموعه ای از فریم ها را تعریف می کند. |
| <h1> to <h6> | سرفصل های HTML را تعریف می کند. درون متن ها برای سرتیتر ها استفاده می گردد. |
| <head> | حاوی متادیتا/اطلاعات سند است. |
| <header> | یک هدر برای یک سند یا بخش تعریف می کند. |
| <hgroup> | هدر و محتوای مرتبط را تعریف می کند. |
| <hr> | تغییر موضوعی در محتوا را تعریف می کند. |
| <html> | ریشه یک سند HTML را تعریف می کند. |
| <i> | بخشی از متن را با صدای یا حالت متناوب تعریف می کند. |
| <iframe> | یک قاب درون خطی را تعریف می کند. |
| <img> | تگ تصویر |
| <input> | تگ کنترل ورودی یا تگ باکس یا تگ تکست باکس |
| <ins> | متنی را تعریف می کند که در یک سند درج شده است. |
| <kbd> | ورودی صفحه کلید را تعریف می کند. |
| <label> | تگ برچسب برای تگ input |
| <legend> | یک عنوان برای تگ fieldset تعریف می کند. |
| <li> | تگ آیتم لیست |
| <link> | رابطه بین یک سند و یک منبع خارجی را تعریف می کند (بیشتر برای پیوند به شیوه نامه ها استفاده می شود) |
| <main> | محتوای اصلی یک سند را مشخص می کند. |
| <map> | تگ نقشه تصویر |
| <mark> | متن علامت گذاری شده/برجسته شده را تعریف می کند. |
| <menu> | تگ لیست نامرتب |
| <meta> | تگ متادیتا را در مورد یک سند HTML |
| <meter> | یک اندازه گیری اسکالر را در یک محدوده شناخته شده تعریف می کند (گیج) |
| <nav> | پیوندهای ناوبری را تعریف می کند. |
| <noframes> | در HTML5 پشتیبانی نمی شود. یک محتوای جایگزین برای کاربرانی که از فریم ها پشتیبانی نمی کنند تعریف می کند. |
| <noscript> | یک محتوای جایگزین برای کاربرانی که از اسکریپت های سمت سرویس گیرنده پشتیبانی نمی کنند، تعریف می کند. |
| <object> | یک ظرف برای یک برنامه خارجی تعریف می کند. |
| <ol> | لیست مرتب شده را تعریف می کند. |
| <optgroup> | گروهی از گزینه های مرتبط را در یک لیست کشویی تعریف می کند. |
| <option> | یک گزینه را در یک لیست کشویی تعریف می کند. |
| <output> | نتیجه یک محاسبه را تعریف می کند. |
| <p> | تگ پاراگراف |
| <param> | یک پارامتر برای یک شی تعریف می کند. |
| <picture> | یک محفظه برای چندین منبع تصویری تعریف می کند. |
| <pre> | متن از پیش فرمت شده را تعریف می کند. |
| <progress> | نشان دهنده پیشرفت یک کار است. |
| <q> | نقل قول کوتاهی را تعریف می کند. |
| <rp> | تعریف می کند چه چیزی در مرورگرهایی که از حاشیه نویسی روبی پشتیبانی نمی کنند نشان داده شود. |
| <rt> | توضیح/تلفظ کاراکترها را تعریف می کند (برای تایپوگرافی آسیای شرقی) |
| <ruby> | یک حاشیه نویسی یاقوت را تعریف می کند (برای تایپوگرافی آسیای شرقی) |
| <s> | متنی را تعریف می کند که دیگر صحیح نیست. |
| <samp> | خروجی نمونه از یک برنامه کامپیوتری را تعریف می کند. |
| <script> | یک اسکریپت سمت سرویس گیرنده را تعریف می کند. |
| <search> | تگ جستجو |
| <section> | یک بخش را در یک سند تعریف می کند. |
| <select> | تگ لیست کشویی |
| <small> | تگ کوچک کردن متن. متن کوچکتر را تعریف می کند. |
| <source> | چندین منبع رسانه را برای عناصر رسانه تعریف می کند (تگ های audio و video) |
| <span> | یک بخش را در یک سند تعریف می کند. |
| <strike> | در HTML5 پشتیبانی نمی شود. به جای آن از تگ del یا s استفاده کنید.متن خط خطی را تعریف می کند. |
| <strong> | متن مهم را تعریف می کند. تگ پررنگ کردن. |
| <style> | اطلاعات سبک را برای یک سند تعریف می کند. تگ استایل |
| <sub> | متن مشترک را تعریف می کند. |
| <summary> | یک عنوان قابل مشاهده برای تگ details تعریف می کند. |
| <sup> | تگ متن رونوشت شده را تعریف می کند. |
| <svg> | یک ظرف برای گرافیک SVG تعریف می کند. تگ svg |
| <table> | تگ جدول |
| <tbody> | محتوای بدن را در یک جدول گروه بندی می کند. |
| <td> | تگ ستون جدول |
| <template> | محفظه ای را برای محتوا تعریف می کند که هنگام بارگیری صفحه باید پنهان شود. |
| <textarea> | تگ ورودی چند خطی. یک کنترل ورودی چند خطی (ناحیه متن) را تعریف می کند. |
| <tfoot> | محتوای فوتر را در یک جدول گروه بندی می کند. |
| <th> | سلول هدر را در جدول تعریف می کند. |
| <thead> | محتوای هدر را در یک جدول گروه بندی می کند. |
| <time> | یک زمان (یا تاریخ) خاص را تعریف می کند. |
| <title> | عنوانی را برای سند تعریف می کند. |
| <tr> | تگ سطر جدول |
| <track> | آهنگ های متنی را برای عناصر رسانه ( تگ های audio و video) تعریف می کند. |
| <tt> | در HTML5 پشتیبانی نمی شود. به جای آن از CSS استفاده کنید. متن تله تایپ را تعریف می کند |
| <u> | متنی را تعریف می کند که بیان نشده است و سبک متفاوتی از متن معمولی دارد. |
| <ul> | یک لیست نامرتب را تعریف می کند. |
| <var> | متغیر را تعریف می کند. |
| <video> | محتوای ویدئویی جاسازی شده را تعریف می کند. |
| <wbr> | یک خط شکست احتمالی را تعریف می کند. |
| <marquee> | تگ حرکت نوشته |
چه تگ هایی که در html پشتیبانی نمی شود ؟
با مرور زمان و افزایش دانش در زبان برنامه نویسی ، برخی از کدها منقضی می شوند. دیگر شما قادر به استفاده از آنان نیستید. به جای کدهای جدید یا روش های جدید از سوی سازندگان پیشنهاد می گردد. در صورتیکه از کدهای قدیمی استفاده نمایید. ممکن است در مرورگرهای جدید به درستی اجرا نشود.
این موضوع نیز در زبان برنامه نویسی html نیز وجود دارد. برخی از تگ های html به مرور غیرفعال گردیده اند. در جدول بالا مواردی که در HTML5 پیشتیبانی نمیشوند را ذکر نموده ایم.
آموزش تگ ها
این صفحه در حال بروزرسانی است و تگ های بالا همگی آموزش داده میشود. پس از قرار گیری هر آموزش، تگ مورد نظر لینک دار میشود که با کلیک به روی هر تگ ، قادرید نمونه کد و آموزش آن را مشاهده کنید.
سلام
چطور جدول درست کرید؟ از افزونه استفاده کرید؟ پیشاپیش ممنون از راهنمایتون
با سلام،
داخل وردپرس قابلیت ایجاد جدول وجود دارد. اگر وردپرس شما بروز باشد.
همچنین قادرید نمونه کد را در صفحه تگ جدول مشاهده نمایید.
با احترام فراوان.