| تگها | توضیحات | NN | IE |
| <!--...--> | وارد کردن نظریه | 3.0 | 3.0 |
| <!DOCTYPE> | تعیین DTD | ||
| <a> | ساخت لینک | 3.0 | 3.0 |
| <abbr> | تعیین کلمات مختصر شده | 6.2 | |
| <acronym> | تعیین کلمات مخفف شده | 6.2 | 4.0 |
| <address> | وارد کردن یک آدرس | 4.0 | 4.0 |
| <area> | تعیین یک ناحیه از نقشه تصویری | 3.0 | 3.0 |
| <b> | نوشتن حروف ضخیم | 3.0 | 3.0 |
| <base> | تعیین یک آدرس اصلی برای کلیه لینکها | 3.0 | 3.0 |
| <bdo> | تعیین جهت نوشتن | 6.2 | 5.0 |
| <big> | نوشتن حروف درشت | 3.0 | 3.0 |
| <blockquote> | تعیین یک عبارت طولانی | 3.0 | 3.0 |
| <body> | شروع قسمت بدنه کد | 3.0 | 3.0 |
| <br> | شروع جمله از ابتدای خط | 3.0 | 3.0 |
| <button> | تعیین دکمه قابل کلیک در صفحه | 6.2 | 4.0 |
| <caption> | وارد کردن عنوان یک جدول | 3.0 | 3.0 |
| <cite> | تعیین نقل قول | 3.0 | 3.0 |
| <code> | مشخص کردن کد زبانهای برنامه نویسی | 3.0 | 3.0 |
| <col> | تعیین خصوصیات برای ستونهای یک جدول | 3.0 | |
| <colgroup> | معرفی یک گروه از ستونهای جدول | 3.0 | |
| <dd> | مشخص کردن توضیح و توصیف یک چیز در لیست | 3.0 | 3.0 |
| <del> | تعیین یک متن حذف شده | 6.2 | 4.0 |
| <div> | شروع یک بخش در صفحه | 3.0 | 3.0 |
| <dfn> | توضیح برای یک اصطلاح | 3.0 | |
| <dl> | تعیین یک لیست توصیفی | 3.0 | 3.0 |
| <dt> | توضیح برای یک لغت در لیست | 3.0 | 3.0 |
| <em> | تعیین یک متن تاکیدی | 3.0 | 3.0 |
| <fieldset> | تعیین یکسری ردیف | 6.2 | 4.0 |
| <form> | شروع یک فرم | 3.0 | 3.0 |
| <frame> | تعریف یک فریم و چارچوب دیگری در یک صفحه | 3.0 | 3.0 |
| <frameset> | شروع یکسری فریم | 3.0 | 3.0 |
| <h1> to <h6> | تعیین متن بصورت عنوان | 3.0 | 3.0 |
| <head> | شروع قسمت سر کد html | 3.0 | 3.0 |
| <hr> | وارد کردن یک خط افقی | 3.0 | 3.0 |
| <html> | تعیین یک فایل html | 3.0 | 3.0 |
| <i> | نوشتن متن بصورت ایتالیک و کج | 3.0 | 3.0 |
| <iframe> | وارد کردن یک فریم در صفحه معمولی | 6.0 | 4.0 |
| <img> | وارد کردن یک عکس | 3.0 | 3.0 |
| <input> | تعیین اجزای یک فرم | 3.0 | 3.0 |
| <ins> | تعریف متنهای ورودی در یک برنامه | 6.2 | 4.0 |
| <kbd> | وارد کردن حروفهای روی کیبورد | 3.0 | 3.0 |
| <label> | نامگذاری برای اجزای یک فرم | 6.2 | 4.0 |
| <legend> | عنوان بندی و جداسازی اجزا در یک فرم | 6.2 | 4.0 |
| <li> | تعریف متون یک لیست | 3.0 | 3.0 |
| <link> | تعیین آدرس یک فایل وابسته به صفحه | 4.0 | 3.0 |
| <map> | تعریف یک نقشه تصویری | 3.0 | 3.0 |
| <meta> | تعریف اطلاعات متا تگها | 3.0 | 3.0 |
| <noframes> | توضیح برای مرورگرهایی که از فریم پشتیبانی نمیکنند | 3.0 | 3.0 |
| <noscript> | توضیح برای مرورگرهایی که از جاوا اسکریپت پشتیبانی نمیکنند | 3.0 | 3.0 |
| <object> | تعیین برنامه هایی برای جاسازی در یک صفحه | 3.0 | |
| <ol> | تعریف لیستهای سفارشی | 3.0 | 3.0 |
| <optgroup> | تعیین یک مجموعه گزینه های انتخابی | 6.0 | 6.0 |
| <option> | تعیین گزینه های انتخابی بصورت لیستهای پایین کشیدنی | 3.0 | 3.0 |
| <p> | شروع یک پاراگراف | 3.0 | 3.0 |
| <param> | تعریف پارامترهای یک برنامه جاسازی شده | 3.0 | 3.0 |
| <pre> | وارد کردن متن بدون مرتب کردن | 3.0 | 3.0 |
| <q> | تعیین عبارات کوتاه | 6.2 | |
| <samp> | مثال برای کدهای برنامه نویسی | 3.0 | 3.0 |
| <script> | تعریف کدهای متنی مانند جاوا اسکریپت | 3.0 | 3.0 |
| <select> | تعیین لیستهای انتخابی | 3.0 | 3.0 |
| <small> | نوشتن متن با حروف ریز | 3.0 | 3.0 |
| <span> | تعیین یک بخش کوچک در صفحه | 4.0 | 3.0 |
| <strong> | نوشتن متن بصورت درشت | 3.0 | 3.0 |
| <style> | تعریف style برای استایل شیت | 4.0 | 3.0 |
| <sub> | نوشتن متن در زیر یک خط | 3.0 | 3.0 |
| <sup> | نوشتن متن در بالای خط | 3.0 | 3.0 |
| <table> | شروع یک جدول | 3.0 | 3.0 |
| <tbody> | تعیین بدنه یک جدول | 4.0 | |
| <td> | ساخت یک خانه در جدول | 3.0 | 3.0 |
| <textarea> | تعیین ناحیه ورود متن در فرم | 3.0 | 3.0 |
| <tfoot> | تعیین خانه های انتهایی در یک جدول | 4.0 | |
| <th> | عنوان بندی در یک جدول | 3.0 | 3.0 |
| <thead> | تعیین خانه های ابتدایی جدول | 4.0 | |
| <title> | عنوان گذاری برای یک صفحه | 3.0 | 3.0 |
| <tr> | تعیین یک ردیف در جدول | 3.0 | 3.0 |
| <tt> | نوشتن متن بصورت تایپی | 3.0 | 3.0 |
| <ul> | تعریف لیستهای غیر سفارشی | 3.0 | 3.0 |
| <var> | تعیین متغیرهای برنامه نویسی کامپیوتر | 3.0 | 3.0 |
با استفاده از CSS می توانیم نحوه نمایش دادن لینکها را در صفحه تنظیم کنیم. به صورتی که استفاده از جاوا اسکرپت در صفحه تا حد زیادی کم می شود. از طریق استفاده از استایل می توانیم رنگ لینکها، اندازه فونت آنها، زیر خط لینکها، رنگ زمینه هر لینک و بسیاری دیگر از خواص لینکها را تغییر دهیم.
برای اینکه بتوانیم از همه خواصی که برای لینکها در CSS وجود دارد استفاده کنیم بهتر است تا استایل را در بخش HEAD متن خود یا در فایلهای CSS خارجی که به صفحه پیوند می شوند استفاده کنیم. در هر دو صورت مراحل انجام کار شبیه هم است. ما در اینجا به استایل را در بخش HEAD متن تعریف می کنیم.
برای کار با لینکها در CSS می توانیم از مشخصات یک لینک را به چهار بخش تقسیم کنیم که در زیر می توانید آنها را مشاهده کنید:
برای کار کردن با لینکها ما در قسمت HEAD متن از مشخصه های بالا استفاده می کنیم. یعنی کد زیر را در بخش HEAD متن وارد می کنیم اگر می خواهید از استایل خارجی استفاده کنید می توانید نحوه فرا خوانی استایل خارجی به صفحه را مطالعه کنید.
برای هر ویژگی بالا می توانید مشخصات خاص خود را تعریف کنید برای مثال می تواند رنگ از مشخصه bachkground-color برای تعیین رنگ زمینه لینک وقتی که ماوس روی ان قرار می گیرد استفاده کنید یا از color برای تعیین رنگ متن لینکها. به طور کلی می توانید از بیشتر مشخصه هایی که برای متن ها کارایی دارند در مورد لینکها هم استفاده کنید برای مثال font-family و font-size و border و ...
در اینجا یک مثال مطرح می کنیم که در آن لینکهای صفحه به رنگ سبز نمایش داده می شوند با اندازه فونت 12pt و بدون زیرخط، وقتی که ماوس روی آنها قرار می گیرد رنگ آنها قرمز می شود و رنگ زمینه متفاوتی پیدا می کنند همچنین یک کادر نیز اطراف آنها به وجود می آید. در موقع کلیک کردن رنگ لینک سفید می شود و لینکهایی که در دفعات قبلی کلیک شده اند با زیر خط نمایش داده می شوند. برای ساختن لینکهایی با مشخصاتی که بیان شد می توانیم از کد زیر در قسمت HEAD متن یا استایل خارجی استفاده کنیم:
همانطور که می بینید کدهایی که در قسمت HEAD این صفحه قرار دارند بر روی لینکهای بالا تأثیر گذاشته اند اما لینکها در سایر نقاط صفحه ویژگیهای متفاوتی دارند. دلیل این تفاوت این است که ما لینکهای بالا را در یک DIV قرار دادیم و برای آن یک ID در بخش HEAD صفحه تعریف کردیم و ویژگیهای مربوط به لینکهای بالا در قالب ID مشخص کردیم. در اینجا می توانید کدی را که ما مورد استفاده قرار داده ایم ببینید:
کد مربوط به DIV را نیز به صورت زیر نوشتیم:
یکی دیگر از خصوصیاتی که می توان به کمک آن لینک نمود قرار دادن تصویر بر روی لینک ها با background-image می باشد.
برای مشاهده نمونه مثال ها در مورد لینکها می توانید در این قسمت کلیک نمایید.
با استفاده از استایل این امکان وجود دارد که شکل نشانگر ماوس را وقتی روی قسمت مشخصی از صفحه قرار می گیرد تغییر دهیم. به این منظور می توانیم از ویژگی زیر در استایل مربوط به تگ مورد نظر استفاده کنیم:
برای مثال فرض کنید می خواهیم وقتی نشانگر ماوس روی یک قسمت متن قرار می گیرد به شکل ساعت شنی در آید. می توانیم به صورت زیر عمل کنیم (ما برای مشخص شدن متن از رنگ قرمز در تگ span استفاده کرده ایم.):
نتیجه را می توانید اینجا مشاهده کنید:
ماوس خود را روی این متن قرار دهید.اگر بخواهید وقتی ماوس کاربر روی یک قسمت مشخص از صفحه مثلاً جدولها قرار می گیرد شکل خاصی داشته باشد می توانید در بخش HEAD صفحه این ویژگی را برای جدول تعریف کنید تا در همه جدولهای صفحه به کار گرفته شود. از class و id هم می توانید استفاده کنید. روش ساده تر هم استفاده از شناسه style در تگهای HTML است.
در جدول زیر برخی از مقادیر مختلف این ویژگی که شکل نشانگر ماوس را عوض می کنند آورده شده است. می توانید ماوس خود را بر روی توضیحات این گزینه ها نگه دارید تا ببینید به چه شکلی در می آید.
| مقدار قابل استفاده | توضیحات |
|---|---|
| auto | این گزینه نشانگر ماوس را با توجه به تنظیمات مرورگر کاربر تغییر می دهد. |
| crosshair | نشانگر ماوس به صورت به علاوه در می آید. |
| default | نشانگر ماوس به صورت همان فلش همیشگی در می آید. |
| move | نشانگر به شکلی در می آید که در هنگام جا به جا کردن چیزی به خود می گیرد. |
| pointer | نشانگر به شکل دست در می آید. |
| help | یک علامت سؤال کنار پیکان نشانگر ماوس قرار می گیرد. |
| text | به شکلی در می آید که بر روی متنها به خود می گیرد. |
| wait | به شکل ساعت شنی در می آید. |
| n-resize | یک فلش به سمت شمال |
| s-resize | یک فلش به سمت جنوب |
| e-resize | یک فلش به سمت مشرق |
| w-resize | یک فلش به سمت مغرب |
| ne-resize | یک فلش به سمت شمال شرقی |
| nw-resize | یک فلش به سمت شمال غربی |
| se-resize | یک فلش به سمت جنوب شرقی |
| sw-resize | یک فلش به سمت جنوب غربی |