للمبتدئين .. قائمة كاملة بجميع وسوم HTML

للمبتدئين .. قائمة كاملة بجميع وسوم HTML

كلمة HTML تعد اختصارًا للحروف الأولى باللغة لجملة “Hyper Text Markup Language”، وتعنى اللغة القادرة على توصيف النص بحيوية، أو لغة التوصيف الحيوي للنص. وهي عبارة عن كود أو لغة تستخدم في صناعة المواقع الإلكترونية. قد يبدو أنه أمر شاق إذا لم تجرب كتابة الأكواد (البرمجة) من قبل، لكن كل ما تحتاجه للتجربة هو برنامج تحرير نصوص عادي، ومتصفح انترنت. كما أنه قد تكون لك سابق خبرة وتجربة مع HTML من خلال المنتديات الإلكترونية والصفحات على بعض المواقع وكذلك مقالات ويكي هاو. تعد لغة HTML أداة مفيدة لأي شخص يستخدم الانترنت ويرغب في تعلم بعض الأساسيات التي ستتطلب منك وقتًا أقل مما تتخيل.

اليوم في هذه المقالة سوف نذكر جميع عناصر أو وسوم لغة 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>

شارك هذا المنشور

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *