مرحبا بكم جميعاً, اليوم في هذه المقالة سوف نذكر جميع عناصر أو وسوم لغة HTML حتى تكون مرجع مصغر تستطيع منه فهم شيء مبسط لوسوم HTML , هذه المقالة مقسمة الى جزئين الأول للوسوم القديمة HTML و الثاني لوسوم HTML5 الحديثة مع شرح لها.
- الغرض من الوسمالوسمهذا الوسم يحدد نوع المستند<DOCTYPE!>وسم خاص بمعلومات صفحة الويب<head>يحتوي على جميع العناصر المرئية<body>يستخدم للروابط النصية<a>تعريف اختصار<abbr>تعريف عنوان<address>تحديد منطقة في الصورة<area>تحديد نص عريض<b>تثبيت رابط نصي لجميع عناصرا لصفحة<base>تحديد اتجاه النص<bdo>تحديد نص أكبر<big>تحديد اقتباس<blockquote>للنزول سطر جديد<br>زر قابل للنقر<button>شرح مجموعة عناصر في نموذج<caption>توسيط العناصر<center>تحديد عنوان للعمل الفني<cite>تعريف كود كمبيوتر<code>تحديد خصائص عمود في جدول<col>تحديد مجموعة أعمدة في تنسيق الجدول<colgroup>شرح عنصر في القائمة<dd>تحديد كلمة تم حذفها من المستند<del>تعريف مصطلح<dfn>عرض محتوى مجلد او ملف<dir>تقسيم صفحة الويب<div>قائمة شرح<dl>تعريف عنصر في قائمة<dt>تحديد نص مؤكد<em>تحديد مجموعة من العناصر مرتبط ببعضها في النموذج<fieldset>نموذج<form>عناوين<h1> الى <h6>عمل فاصل في الصفحة<hr>جعل النص مائل<i>عمل فريم أو نداء صفحة أخرى<iframe>صورة<img>مربع في نموذج<input>تحديد كلمة تمت إضافتها للنص<ins>كود مدخل من لوحة المفاتيح<kbd>توضيح عنصر في نموذج<label>عنصر في قائمة<li>عمل ارتباط مع عنصر خارجي<link>قائمة من الاوامر<menu>تحديد بيانات للصفحة<meta>متصفح الزار لا يدعم السكريبت<noscript>تضمين عنصر خارجي<object>تعريف قائمة مرتبة<ol>تعريف قائمة مرتبطة ببعضها كمجموعة<optgroup>عنصر في قائمة خيارات<option>تعريف فقرة<p>تعريف باراميتر لارسالها للبرامج<param>عنصر مسبق التنسيق<pre>سؤال قصير<q>تحديد كلمة لم تعد صحيحة<s>أخذ ناتج متغير من برنامج حاسوب<samp>عمل سكريبت في متصفح الزائر<script>تعريف قائمة منسدلة<select>تعريف نص صغير<small>تعريف قسم في المستند<span>تعريف نص في غاية الأهمية<strong>تعريف عناصر تنسيق للصفحة CSS<style>عناصر جدول<tbody>خلية في جدول<td>حقل لادخال نص<textarea>نهاية الجدول أو ذيل الجدول<tfooter>خلية رأس الجدول<th>بداية الجدول أو اول صف في الجدول<thead>عنوان الصفحة<htitle>تعريف صف في جدول<tr>عمل خط اسفل الكلمة<u>تعريف قائمة غير مرتبة<ul>تعريف متغير<var>
هذه الوسوم خاصة بلغة HTML5
- الغرض من الوسمالوسممقالة<article>قائمة جانبية او عنصر جانبي<aside>الصوت<audio>ترتيب الكلام اذا كان باتجاهات مختلفة<bdi>رسم العناصر<canvas>يستخدم لعرض بيانات قائمة منسدلة<datalist>يستخدم لعرض تفاصيل أكثر عن معلومة<details>عرض مربع معلومات<dialog>تضمين عنصر خارجي<embed>تعريف بصورة أو نص توضيحي<figcaption>يحتوي النص التوضيحي<figure>أسفل الصفحة أو فوتر<footer>راس الصفحة أو هيدر<header>توليد شيفرة سرية تستخدم في النماذج<keygen>عرض المحتوى الرئيسي<main>عمل علامة عى نص معين<mark>تخصيص القائمة عند الضغط على الزر الأيمن للفأرة<menuitem>عرض قياسات<meter>عرض مخرجات تطبيق خارجي<output>عرض التقدم لعملية معينة<progress>إنشاء قسم في المقالة<section>تحتوي على عناصر ميديا<source>عمل توضيح قبل عمل <details><summary>تستخدم لعرض الوقت<time>تعريف مقطع للفديو والصوت<track>تستخدم للفديو<video>تعريف المكان المحتمل أن يستقطع وتنزل سطر جديد<wbr>
hln
ردحذف