مرجع وسوم HTML الشامل بالعربي — دليلك السريع لكل وسم ووظيفته
هذه الصفحة هي مرجعك السريع لجميع وسوم HTML5 — مرتّبة حسب وظيفتها حتى تجد ما تحتاجه بسرعة. استخدم صندوق البحث أدناه للوصول مباشرة لأي وسم.
هيكل الصفحة الأساسي
| الوسم | الوصف |
|---|---|
<!DOCTYPE> |
يعرف نوع المستند (في HTML5 يكون <!DOCTYPE html>). |
<html> |
العنصر الجذري (Root) لصفحة HTML. |
<head> |
يحتوي على المعلومات الوصفية (Metadata) للمستند. |
<title> |
يحدد عنوان الصفحة الذي يظهر في شريط المتصفح. |
<body> |
يحتوي على كل المحتوى المرئي للمستخدم. |
العناوين والنصوص
| الوسم | الوصف |
|---|---|
<h1> إلى <h6> |
تحدد عناوين الصفحة من الأهم (h1) إلى الأقل أهمية (h6). |
<p> |
يستخدم لإنشاء فقرة نصية. |
<br> |
يستخدم لإنشاء سطر جديد (Break). |
<hr> |
يستخدم لإنشاء خط أفقي للفصل بين المحتويات. |
<strong> |
يجعل النص عريضاً (Bold) مع إعطائه أهمية دلالية. |
<em> |
يجعل النص مائلاً (Italic) مع إعطائه توكيداً دلالياً. |
<span> |
عنصر حاوية للنصوص (Inline) يستخدم للتنسيق عبر CSS. |
الروابط والوسائط
| الوسم | الوصف |
|---|---|
<a> |
يستخدم لإنشاء رابط تشعبي (Hyperlink). |
<img> |
يستخدم لإدراج صورة في الصفحة. |
<audio> |
يستخدم لإدراج محتوى صوتي. |
<video> |
يستخدم لإدراج مقطع فيديو. |
<source> |
يحدد مصادر بديلة للوسائط (الفيديو والصوت). |
القوائم والجداول
| الوسم | الوصف |
|---|---|
<ul> |
ينشئ قائمة غير مرتبة (بواسطة نقاط). |
<ol> |
ينشئ قائمة مرتبة (بواسطة أرقام أو أحرف). |
<li> |
يمثل عنصراً واحداً داخل القائمة. |
<table> |
يستخدم لإنشاء جدول. |
<tr> |
يمثل صفاً داخل الجدول. |
<th> |
يمثل خلية عنوان في الجدول. |
<td> |
يمثل خلية بيانات عادية في الجدول. |
النماذج والمدخلات
| الوسم | الوصف |
|---|---|
<form> |
ينشئ نموذجاً لجمع مدخلات المستخدم. |
<input> |
عنصر إدخال (نص، كلمة سر، زر، إلخ) حسب خاصية type. |
<textarea> |
مربع نصي متعدد الأسطر. |
<button> |
ينشئ زراً قابلاً للنقر. |
<select> |
ينشئ قائمة منسدلة. |
<option> |
يمثل خياراً داخل القائمة المنسدلة. |
<label> |
يحدد تسمية لعنصر إدخال معين. |
العناصر الدلالية والحاويات
| الوسم | الوصف |
|---|---|
<div> |
حاوية عامة (Block) تستخدم لتجميع العناصر وتنسيقها. |
<header> |
يمثل ترويسة الصفحة أو القسم. |
<nav> |
يحتوي على روابط التنقل الأساسية. |
<main> |
يحدد المحتوى الرئيسي والفريد للمستند. |
<section> |
يمثل قسماً موضوعياً في الصفحة. |
<article> |
يمثل محتوى مستقلاً بذاته (مثل مقال أو تدوينة). |
<aside> |
يمثل محتوى جانبياً ذا صلة طفيفة بالمحتوى الرئيسي. |
<footer> |
يمثل تذييل الصفحة أو القسم. |