Advertisements
HTML Elements Reference
HTML Tags
ما هي HTML Tags؟
HTML Tags هي العمود الفقرى (أو البنية الأساسية) للغة HTML. يتم استخدامها لتحديد عناصر HTML التي يجب أن تظهر على صفحة الويب. بدون وسوم HTML ، لن يكون لديك صفحة HTML. بمساعدة هذه الوسوم، يمكن لمتصفح الويب التمييز بين محتوى HTML البسيط والمتميز.
تحتوي وسوم HTML على ثلاثة أجزاء رئيسية:
<!-- Syntax of tag in HTML: 1) Open tag. 2) Content. 3) Close tag. --> <openTag> Content .... </closeTag> <!-- For example --> <h1>This is head</h1> <p>This is paragraph.</p>
لكن هناك بعض الوسوم فى HTML غير مغلقة، مثل: <br> و <hr>.
قائمة بـ وسوم لغة HTML
هذا الجدول يحتوى على وسوم لغة HTML بالترتيب الأبجدى:
الوسم | الوصف |
---|---|
<– –!> | يحدد التعليقات. |
<DOCTYPE!> | يحدد نوع المستند. |
A | |
<a> | يحدد الروابط التشعبية. |
<abbr> | يحدد الإختصارات. |
<acronym> ❌ | يحدد الإختصارات. الوسم البديل: <abbr>. |
<address> | يحدد معلومات الاتصال لمؤلف، أو لمالك مستند. |
<applet> ❌ | يحدد تطبيقات صغيرة مضمنة. الوسم البديل: <object> أو <embed>. |
<area> | يحدد منطقة داخل خريطة الصورة Image Map. |
<article> | يحدد قسمًا من المحتوى كجزء مستقل من المستند أو الصفحة. |
<aside> | يحدد جانب من صفحة الويب يتضمن محتوى مرتبطًا بشكل عرضي بالمحتوى المحيط به. |
<audio> | يحدد محتوى الصوت. |
B | |
<b> | يحدد النص بالخط العريض Bold. |
<base> | يحدد عنوان URL الأساسي لجميع عناوين URL ذات الصلة داخل المستند. |
<basefont> ❌ | يحدد الخط والحجم واللون الافتراضي لجميع عناصر المستند. البديل: إستخدم تنسيقات CSS. |
<bdi> | يعزل جزءًا من النص يمكن تنسيقه في اتجاه مختلف عن النص الآخر. |
<bdo> | يتجاوز اتجاه النص الحالي. |
<big> ❌ | يجعل حجم الخط أكبر بمستوى واحد من المحتوى المحيط به. البديل: إستخدم تنسيقات CSS. |
<blockquote> | يحدد قسمًا مقتبسًا من مصدر آخر. |
<body> | يحدد جسم أو المحتوى الأساسى للمستند. |
<br> | يحدد فاصل سطر واحد. |
<button> | يحدد زر قابل للنقر. |
C | |
<canvas> | يٌستخدم لرسم رسومات سريعة عبر البرمجة النصية (عادةً بإستخدام JavaScript). |
<caption> | يحدد تسمية توضيحية لجدول. |
<center> ❌ | يحدد محاذاة المحتوى إلى الوسط. البديل: إستخدم تنسيقات CSS. |
<cite> | يحدد عنوان عمل، على سبيل المثال: كتاب أو مقال أو قصيدة أو فيلم، ..إلخ. |
<code> | يحدد جزء من كود برمجى. |
<col> | يحدد خصائص العمود لكل عمود داخل عنصر <colgroup>. |
<colgroup> | يحدد مجموعة من عمود واحد أو أكثر في جدول للتنسيق. |
D | |
<data> | يربط المحتوى بالترجمة المقروءة آليًا. |
<datalist> | يوفر قائمة محددة مسبقًا لخيار الإدخال. |
<dd> | يحدد تعريف / وصف لمصطلح في قائمة الوصف. |
<del> | يحدد النص الذي تم حذفه من المستند. |
<details> | يحدد التفاصيل الإضافية التي يمكن للمستخدم عرضها أو إخفاءها. |
<dfn> | يحدد المصطلح الذي سيتم تعريفه داخل المحتوى. |
<dialog> | يحدد مربع حوار أو نافذة. |
<dir> ❌ | يُستخدم كحاوية لقائمة ملفات الدليل Directory. الوسم البديل: <ul>. |
<div> | يحدد قسم في المستند. |
<dl> | يحدد قائمة وصف. |
<dt> | يُستخدم لتعريف مصطلح في قائمة الوصف. |
E | |
<em> | يحدد النص المؤكد. |
<embed> | يُستخدم كحاوية لتطبيق خارجي أو محتوى تفاعلي، مثل الصور أو مشغل وسائط (الصوت – الفيديو) أو صفحة ويب أو مكون إضافي. |
F | |
<fieldset> | يٌستخدم لتجميع العناصر ذات الصلة داخل نموذج ويب. |
<figcaption> | يحدد تسمية توضيحية لعنصر <figure>. |
<figure> | يحدد المحتوى المستقل. |
<font> ❌ | يحدد الخط والحجم واللون للمحتوى. البديل: إستخدم تنسيقات CSS. |
<footer> | يحدد تذييلاً (نهاية) لمستند أو قسم. |
<form> | يحدد نموذج HTML. |
<frame> ❌ | يحدد منطقة معينة من صفحة الويب يمكن أن تحتوي على ملف HTML آخر / إطار في مجموعة إطارات. الوسم البديل: <iframe>. |
<frameset> ❌ | يحدد مجموعة من الإطارات. الوسم البديل: <iframe>. |
H | |
من <h1> إلى <h6> | يحدد عناوين HTML. |
<head> | يحدد الجزء الرئيسي من المستند الذي يحتوي على معلومات حول المستند. |
<header> | يُستخدم كحاوية لمحتوى إبتدائى لقسم أو مستند أو لمجموعة من روابط التنقل. |
<hr> | يحدد فاصل موضوعيًا بين عناصر مستوى الفقرة. |
<html> | يحدد root (جذر) مستند HTML. |
I | |
<i> | يحدد جزءًا من النص بصوت أو حالة مزاجية بديلة. |
<iframe> | يحدد إطارًا مضمنًا يمكنه تضمين محتوى آخر. |
<img> | يحدد صورة. |
<input> | يحدد حقل الإدخال داخل نموذج HTML. |
<ins> | يحدد نصًا تم إدراجه في مستند. |
K | |
<kbd> | يحدد إدخال لوحة المفاتيح. |
L | |
<label> | يحدد تسمية نصية لحقل إدخال <input>. |
<legend> | يحدد تسمية توضيحية لعنصر <fieldset>. |
<li> | يحدد عنصر قائمة. |
<link> | يحدد العلاقة بين المستند الحالي ومصدر خارجي. |
M | |
<main> | يحدد المحتوى الرئيسي أو الأساسى لمستند HTML. |
<map> | يحدد خريطة الصورة بالمناطق النشطة. |
<mark> | يحدد النص المحدد أو المميز. |
<meta> | يحدد البيانات الوصفية حول مستند HTML. |
<meter> | يحدد قيمة عددية ضمن نطاق معروف أو قيمة كسرية. |
N | |
<nav> | يحدد جزءًا من الصفحة لتوفير مجموعة من روابط التنقل. |
<noframes> ❌ | يٌستخدم كوسم احتياطي للمتصفحات التي لا تدعم الوسم <frame>. الوسم البديل: <iframe>. |
<noscript> | يحدد محتوى بديل ليتم عرضه للمستخدمين الذين قاموا بتعطيل البرامج النصية scripts في المستعرض الخاص بهم أو المتصفح لا يدعم البرمجة النصية. |
O | |
<object> | يحدد مصدرًا خارجيًا ، يمكن التعامل معه كصورة أو صفحة ويب متداخلة أو مشغل وسائط أو مصدر تتم معالجته بواسطة مكون إضافي. |
<ol> | يحدد قائمة مرتبة. |
<optgroup> | يٌستخدم لتجميع خيارات القائمة المنسدلة. |
<option> | يٌستخدم لتحديد الخيارات أو العناصر في القائمة المنسدلة. |
<output> | يُستخدم لتمثيل نتيجة عملية حسابية أو نتيجة إجراء المستخدم (مثل البرنامج النصي script). |
P | |
<p> | يحدد فقرة. |
<param> | يحدد معلمات parameters الوسم <object>. |
<picture> | يُستخدم لإعطاء مرونة لمطوري الويب لتحديد مصادر الصور. |
<pre> | يحدد النص المنسق مسبقًا. |
<progress> | يعرض مؤشرًا يوضح تقدم إكمال مهمة ، وعادةً ما يتم عرضه كشريط تقدم. |
Q | |
<q> | يحدد اقتباس قصير. |
R | |
<rp> | يُستخدم لتوفير أقواس رجعية للمتصفحات التي لا تدعم عرض التعليقات التوضيحية لنصوص أو حروف روبي Ruby (غالبًا ما تستخدم فى شرق آسيا). |
<rt> | يحدد النطق أو الشرح أو الترجمة العادية أو الترجمة الصوتية لأحرف روبي بأسلوب طباعة شرق آسيا في تعليق توضيحي روبي. |
<ruby> | يحدد تعليقًا توضيحيًا لأحرف روبي ويتم عرضه أعلى النص الأساسي أو أسفله أو بجواره (غالبًا ما تستخدم فى شرق آسيا). |
S | |
<s> | يحدد النص الذي لم يعد صحيحًا أو دقيقًا أو ذا صلة. |
<samp> | يُستخدم لتضمين عينة مخرجات outputs من برنامج كمبيوتر. |
<script> | يستخدم لتضمين التعليمات البرمجية أو البيانات القابلة للتنفيذ وخاصًا لتضمين تعليمات JavaScript البرمجية من جانب العميل. |
<section> | يحدد قسمًا في المستند. |
<select> | يقوم بإنشاء قائمة منسدلة بها خيارات. |
<small> | يحدد النصوص الصغيرة ، مثل حقوق النشر والنص القانوني والتعليقات الجانبية الأخرى. |
<source> | يحدد مصادر وسائط متعددة لوسم <picture> أو <audio> أو <video>. |
<span> | يُستخدم كحاوية مضمنة Inline عامة، نستخدمة لصياغة المحتوى أو لترميز جزء من نص أو جزء من مستند. |
<strike> ❌ | يقوم بوضع خطًا strikethrough (خط أفقي) فوق النص. الوسم البديل: <s> أو <del>. |
<strong> | يحدد النص ذو أهمية أو جدية كبيرة. |
<style> | يحتوي على معلومات نمط style لمستند أو جزء من مستند HTML. بداخلة يتم كتابة أكواد CSS لتحدد كيفية عرض الشكل النهائى لعناصر HTML في المستعرض. |
<sub> | يحدد النص السفلى. يظهر النص السفلى بنصف حرف أسفل السطر العادي. |
<summary> | يحدد الملخص الذي يمكن استخدامه مع وسم <details>. |
<sup> | يحدد النص العلوى. يظهر النص العلوى بنصف حرف أعلى السطر العادي. |
<svg> | يٌستخدم كحاوية لرسومات الـ SVG (Scalable Vector Graphics). |
T | |
<table> | يحدد جدول (مكون من صفوف وأعمدة). |
<tbody> | يٌستخدم لتجميع محتوى النص في الجدول. |
<td> | يحدد خلية بيانات قياسية في الجدول. |
<template> | يٌستخدم كحاوية لإخفاء بعض محتوى HTML عن المستخدم عند تحميل الصفحة، ولكن يمكن عرض المحتوى الموجود داخل <template> لاحقًا أثناء وقت التشغيل باستخدام JavaScript. |
<textarea> | يحدد مدخلات متعددة الأسطر. |
<tfoot> | يٌستخدم لتجميع محتوى التذييل (footer) أو نهاية الجدول. |
<th> | يحدد خلية رأس (header) في جدول. |
<thead> | يٌستخدم لتجميع محتوى رأس (header) في جدول. |
<time> | يحدد فترة زمنية محددة سواء كان وقت / تاريخ (أو الإثنين معًا). |
<title> | يحدد عنوان المستند الذي يظهر في شريط عنوان المستعرض أو فى علامة تبويب الصفحة. |
<tr> | يحدد صفًا في جدول. |
<track> | يحدد مسارات نصية محددة بوقت لعناصر <audio> أو <video>. |
<tt> ❌ | يحدد النص الذي سيتم عرضه باستخدام خط أحادي المسافة الافتراضي للمتصفح أو خط ثابت العرض كما سيظهر على جهاز ذي عرض ثابت مثل teletype. الوسم البديل: <code> أو <samp> أو <pre> أو <var> أو <kbd>. |
U | |
<u> | يحدد بعض النصوص غير المفصلية unarticulated بشكل مختلف عن النص العادي ، مثل الكلمات التي بها أخطاء إملائية. |
<ul> | يحدد قائمة غير مرتبة بالعناصر. |
V | |
<var> | يحدد متغير في معادلة رياضية أو برنامج كمبيوتر. |
<video> | يٌستخدم لتضمين محتوى الفيديو في مستند HTML. |
W | |
<wbr> | يحدد المكان المناسب لإضافة فاصل أسطر في النص. |
الوسوم المسبوقة بعلامة ❌ ليست مدعومة فى HTML5.
الإبلاغ عن خطأ
×إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:
info@albashmoparmeg.com
شكرًا لك على مساعدتك لنا!
Advertisements