مرجع html

وسوم HTML

بتاريخ: 24-01-2015   

ملخص وسوم html مع الشرح و أمثلة توضيحية
الوسمالتوضيح
<!--...-->وسم الملاحظات
<!DOCTYPE>تعريف نوع الوثيقة
<a>وسم الروابط
<abbr>وسم الإختصار
<acronym>تم الإستغناء عنه في إصدار HTML5. استعمل <abbr> بدل ذلك
<address>لإضافة معلومات عن الوثيقة أو الكاتب أو صاحب الموقع ...
<appelet>تم الإستغناء عنه في إصدار HTML5. استعمل <object> بدل ذلك
<area>يقوم بتحديد منطقة معينة داخل خريطة "map" الصورة = تقسيم الصورة إلى عدة مناطق ، وجعلها روابط قابلة للنقر
<article>تحديد محتوى المقال أو الموضوع
<aside>تحديد المحتوى الجانبي للصفحة
<audio>تحديد محتوى الصوت
<b>خط سميك
<base>تحديد القاعدة الإفتراضية و المبدئية لجميع روابط الصفحة
<basefont>تم الإستغناء عنه في إصدار HTML5. استعمل CSS بدل ذلك
<bdi>تقوم بعزل جزء من النص لترصيفه في اتجاه مختلف عن الإتجاه الأصلي
<bdo>إلغاء إتجاه النص الحالي
<big>تم الإستغناء عنه في إصدار HTML5. استعمل CSS بدل ذلك
<blockquote>تحديد منطقة للنص المقتبس من مصدر آخر
<body>تحديد محتوى جسد الصفحة
<br>بداية سطر جديد
<button>تحديد زر للنقر
<canvas>يستخدم لرسم الرسومات عن طريق السكريبتات ، غالبا باستعمال جافاسكريبت
<caption>عنوان الجدول
<center>تم الإستغناء عنه في إصدار HTML5. استعمل CSS بدل ذلك
<cite>عنوان عمل ما
<code>تحديد جزء من شيفرة الكمبيوتر
<col>تحديد أنماط أعمدة الجدول ، يستعمل مع وسم colgroup
<colgroup>اختيار مجموعة مكونة من عمود واحد أو عدة أعمدة في الجدول
<dd>عنصر لائحة التعريف . يحدد قيمة المحتوى المُعرّف يستعمل مع عناصر dl و dt
<del>تحديد النص الذي تمت إزالته من المحتوى
<details>تحديد محتوى للمعلومات الإضافية
<dfn>تحديد مصطلح من أجل تعريفه و شرحه
<dir>تم الإستغناء عنه في إصدار HTML5. استعمل <ul> بدل ذلك
<div>تحديد مقطع من الصفحة
<dl>لائحة التعريف
<dt>عنصر لائحة التعريف . يحدد المحتوى الذي سيتم تعريفه . يستعمل مع عناصر dl و dd
<em>إعطاء أهمية للنص مع خط مائل
<embed>تحديد محتوى لتطبيقات خارجية (pdf, Flash player(swf), Images, html, Plug-in ...).
يوجد وسم آخر يؤدي نفس الوضيفة و هو : <object>
<fieldset>جمع حقول الإستمارة
<figcaption>يقدم شرحا لمحتوى وسم <figure>
<figure>وعاء لإضافة محتوى كالصور و الفيديو و الرسوم البيانية ...
<font>تم الإستغناء عنه في إصدار HTML5. استعمل CSS بدل ذلك
<footer>تحديد الجزء السفلي من المحتوى
<form>تحديد محتوى الإستمارة
<frame>تم الإستغناء عنه في إصدار HTML5.
<frameset>تم الإستغناء عنه في إصدار HTML5.
<h1> - <h6>تحديد العناوين
<head>يحدد المعلومات المتعلقة بالصفحة
<header>يحدد العنوان الرئيسي لموضوع الصفحة أو شعار الموقع "logo" أو استمارة البحث...
<hgroup>يحدد مجموعة من العناوين
<hr>يحدد تغيير الموضوع
<html>يحدد جذر صفحة html و جميع الوسوم الأخرى يجب أن تتواجد داخله
<i>يحدد جزءا من النص يختلف عن باقي المحتوى ، و يعرض بخط مائل
<iframe>تحديد إطار سطري
<img>تحديد صورة
<input>تحديد حقل الإستمارة
<ins>تحديد النص الذي تمت إضافته للمحتوى
<kbd>تحديد إدخالات لوحة المفاتيح
<keygen>تسهيل إنتاج مفتاح عمومي موقع "signed certificate" عن طريق الإستمارة
<label>تحديد الملصق الذي يعرف الوسم <input>
<legend>تحديد عنوان لعنصر <fieldset>
<li>تحديد عناصر الإستمارة
<link>يحدد العلاقة بين الوثيقة و المصادر الخارجية (يستعمل غالبا لربط صفحات CSS بالوثيقة)
<main>تحديد المحتوى الرئيسي للوثيقة
<map>تحديد خريطة الصورة
<mark>تمييز جزء من النص . مثلا إبراز كلمات البحث
<menu>تحديد لائحة من الأوامر
<meta>تحديد البيانات الفوقية "metadata" لصفحة HTML
<meter>يحدد قياسا عدديا داخل نطاق معروف
<nav>تحديد روابط قائمة الإبحار
<noframes>تم الإستغناء عنه في إصدار HTML5
<noscript>تحديد المحتوى البديل إذا كان المتصفح موظب لكي لا يقبل السكريبتات
<object>تحديد محتوى لتطبيقات خارجية (pdf, Flash player(swf), Images, html, Plug-in ...).
يوجد وسم آخر يؤدي نفس الوضيفة و هو : <embed>
<ol>تحديد لائحة مُرتّبة
<optgroup>تحديد مجموعة من الخيارات "option" في اللائحة المنسدلة
<option>تحديد عنصر الإختيار في اللئحة المنسدلة
<output>تحديد نتيجة لعملية حسابية
<p>تحديد محتوى الفقرة
<param>تحديد الإعدادات "parameters" للوسم object
<pre>تحديد نص مُنسّق
<progress>تحديد نسبة التقدم في المهمة
<q>وسم مختصر لتحديد الإقتباس
<rp>تحديد ما سيتم عرضه على المتصفحات التي لا تدعم تحشيات ruby
<rt>تحديد الشرح أو طريقة نطق الحروف(للغات شرق آسيا)
<ruby>تحديد تحشيات ruby (للغات شرق آسيا)
<s>تحديد النص الذي سيتم تشطيبه
<samp>تحديد نص ناتج عن برنامج
<script>تحديد السكريبتات التي تُنفذ من قبل المتصفح
<section>تحديد مقطع من الوثيقة
<select>تحديد لائحة منسدلة
<small>تحديد نص بحجم صغير
<source>تحديد موارد مختلفة لعناصر الصوت و الفيديو (<video> و <audio>)
<span>تحديد مقطع من محتوى الصفحة
<strike>تحديد النص الذي تمت إزالته من المحتوى
تم الإستغناء عن هذا الوسم في إصدار HTML5 . بدل ذلك إستعمل <del>
<strong>تحديد نص مهم
<style>تحديد أنماط الوثيقة
<sub>تحديد نص كمؤشر سفلي لنص آخر
<summary>تحديد ملخص لعنصر <details>
<sup>تحديد نص كمؤشر علوي لنص آخر
<table>تحديد جدول
<tbody>جمع عناصر جسد الجدول
<td>تحديد خلايا الجدول
<textarea>تحديد منطقة إدخال النص
<tfoot>جمع عناصر قدم الجدول
<th>تحديد خلايا رأس الجدول
<thead>جمع عناصر رأس الجدول
<time>تحديد تاريخ/وقت
<title>تحديد عنوان الوثيقة
<tr>تحديد سطور الجدول
<track>تحديد نص يظهر عند تشغيل ملفات الصوت و الفيديو
<tt>تم الإستغناء عنه في إصدار HTML5
<u>نص تحته سطر
<ul>تحديد لائحة غير مُرتّبة
<var>تحديد مُتغيّر
<video>تحديد محتوى الفيديو
<wbr>تحديد الأماكن التي يمكن فيها بداية النص في سطر جديد