---
title: HTML (لغة ترميز النص الفائق)
slug: Web/HTML_لغة_ترميز_النص_الفائق
translation_of: Web/HTML
---
<div>{{HTMLSidebar}}</div>

<p class="summary" dir="rtl"><span class="seoSummary">HTML (</span> لغة ترميز النصوص التشعبية <span class="seoSummary">) هي اللبنة الأساسية للويب. فهي تقوم بوصف و تعريف <em>محتوى</em> صفحة الويب. التقنيات الأخرى إلى جانب HTML تعمل عادةً على وصف مظهر صفحة الويب (<a href="https://developer.mozilla.org/ar/docs/Web/CSS">CSS</a>) أو تفاعلها مع المستخدم (<a href="https://developer.mozilla.org/ar/docs/Web/JavaScript">الجافاسكربت</a>). </span></p>

<p dir="rtl">مصطلح "نص تشعبي" يشير إلى الروابط التي تربط صفحات الويب ببعضها, إما بموقع واحد أو بين مواقع متعددة. فالروابط هي جانب أساسي من الويب. عبر رفعك لمحتوى على الأنترنت و ربطه بصفحات أخرى أنشأها أشخاص آخرون, فأنت تصبح مشارك نشيط في شبكة الأنترنت.</p>

<p dir="rtl">تستخدم HTML "الوسوم" لوصف النصوص, الصور, وغيرها من المحتويات لعرضعها على متصفح الويب. وسوم HTML تتضمن "عناصر" خاصة مثل  {{HTMLElement("head")}}, {{HTMLElement("title")}}, {{HTMLElement("body")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("p")}}, {{HTMLElement("div")}}, {{HTMLElement("span")}}, {{HTMLElement("img")}}, وغيرها الكثير.</p>

<p dir="rtl">المقالات أدناه ستساعدك على تعلم المزيد حول HTML.</p>

<section class="cleared" id="sect1">
<ul class="card-grid">
 <li dir="rtl"><span>مقدمة عن HTML</span>إذا كنت جديداً على تطوير الويب, فاحرص على قراءة مقالتنا حول <a href="/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics">أساسيات HTML</a> لتعرف ماهي HTML وكيف يمكنك استخدامها.</li>
 <li dir="rtl"><span>دورات عن HTML</span>للحصول على مقالات عن كيفية استخدام HTML, و كذلك على دورات و أمثلة شاملة, تفقد منطقة <a href="/en-US/docs/Learn/HTML">تعلم HTML</a> خاصتنا.</li>
 <li dir="rtl"><span>مرجع HTML</span>
  <p>في قسم <a href="/en-US/docs/Web/HTML/Reference">مرجع HTML</a> الشامل خاصتنا, ستجد تفاصيل حول كل عنصر و صِفة في HTML . </p>
 </li>
</ul>

<div class="row topicpage-table">
<div class="section">
<h2 class="Tools" dir="rtl" id="Tools" name="Tools">دورات للمبتدئين</h2>

<p dir="rtl"><a href="/en-US/docs/Learn/HTML">منطقة تعلم HTML</a> خاصتنا تتميز بوحدات متعددة و التي تقوم بتعليم HTML من الألف إلى الياء — لا تتطلب معرفة مسبقة.</p>

<dl>
 <dt dir="rtl"><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">مقدمة عن HTML</a></dt>
 <dd dir="rtl">هذا الوحدة تقوم بتحديد المستوى, تأخذك لتعلم المفاهيم المهمة و تركيب اللغة, كيف يمكنك إنشاء وصلات أنترنت, و كيف يمكنك استخدام HTML لبناء صفحة ويب.</dd>
 <dt dir="rtl"><a href="/en-US/docs/Learn/HTML/Multimedia_and_embedding">الوسائط المتعددة و التضمين</a></dt>
 <dd dir="rtl">هذه الوحدة تشرح كيف يمكنك استخدام أتش تي أم إل لتضمين وسائط متعددة في صفحات الويب خاصتك, وتتضمن المقالة طرق مختلفة يمكنك استخدامها لإضافة صورة, و كيف يمكنك تضمين فيديو, صوت, و حتى صفحات ويب أخرى كاملة.</dd>
 <dt dir="rtl"><a href="/en-US/docs/Learn/HTML/Tables">جداول HTML</a></dt>
 <dd dir="rtl">يمثل عرض البيانات المجدولة على صفحة الويب بطريق مفهومة و سهلة الوصول تحدياً. هذه الوحدة تغطي وسوم الجدول الأساسية, إلى جانب ميزات أكثر تعقيداً مثل إضافة تسميات توضيحية و ملخصات.</dd>
 <dt dir="rtl"><a href="/en-US/docs/Learn/HTML/Forms">استمارات HTML</a></dt>
 <dd dir="rtl">الاستمارات هي جزئ مهم جداً من الويب — فهذا يوفر الكثير من الوظائف التي ستحتاجها للتفاعل مع الموقع, مثل التسجيل و تسجيل التدخول, ارسال دعم, شراء منتجات, و المزيد. هذه الوحدة ستأخذك لتبدأ بإنشاء استمارة من ناحية جهة الخادم.</dd>
 <dt dir="rtl"><a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto">استخدام HTML لحل مشاكل شائعة</a></dt>
 <dd dir="rtl">توفر هذه المقالة روابط لأقسام تحتوي على شرح لكيفية استخدام HTML لحل مشاكل شائعة جداً عندما تقوم بإنشاء صفحة ويب مثل: التعامل مع العناوين, إضافة صورة أو فيديو, تأكيد المحتوى, إنشاء استمارة بسيطة و المزيد.</dd>
</dl>

<h2 dir="rtl" id="مواضيع_متقدمة">مواضيع متقدمة</h2>

<dl>
 <dt class="landingPageList" dir="rtl"><a href="/en-US/docs/Web/HTML/Focus_management_in_HTML">ادارة التركيز في HTML</a></dt>
 <dd class="landingPageList" dir="rtl">الصفة <code><a href="/en-US/docs/Web/API/Document/activeElement">activeElement</a></code><a href="/en-US/docs/Web/API/Document/activeElement"> </a>و الدالة <code><a href="/en-US/docs/Web/API/Document/hasFocus">hasFocus()</a></code> التي تساعدك على تتبع و التحكم بتفاعلات المستخدم مع عناصر صفحة الويب. </dd>
 <dt class="landingPageList" dir="rtl"><a href="/en-US/docs/Web/HTML/Using_the_application_cache">استخدام ذاكرة التخزين المؤقت للتطبيق</a></dt>
 <dd class="landingPageList" dir="rtl">ذاكرة التخزين المؤقت تسمح للتطبيقات المبنية على الويب بالعمل في وضع عدم الإتصال. يمكنك استخدام واجهة <strong>ذاكرة التخزين المؤقت للتطبيق</strong> (<em>AppCache</em>) لتحديد الموارد التي يجب على المتصفح تخزينها و إتاحتها للمستخدمين في وضع عدم الإتصال. التطبيقات التي يتم تحميلها مؤقتاً تعمل بشكل صحيح حتى و لو قام المستخدمون بالضغط على زر التحديث عندما يكونون في وضع عدم الإتصال. </dd>
</dl>
</div>

<div class="section">
<h2 class="Documentation" dir="rtl" id="مراجع">مراجع</h2>

<dl>
 <dt class="landingPageList" dir="rtl"><a href="/en-US/docs/Web/HTML/Reference">مرجع HTML</a></dt>
 <dd class="landingPageList" dir="rtl">تتألف HTML من <strong>عناصر</strong>, كل منها يمكن تعديلها بواسطة عدد من <strong>الصفات</strong>. وثائق HTML متلصة ببعضها البعض بواسطة <a href="/en-US/docs/Web/HTML/Link_types">روابط</a>.</dd>
 <dt class="landingPageList" dir="rtl"><a href="/en-US/docs/Web/HTML/Element">مرجع عناصر HTML</a></dt>
 <dd class="landingPageList" dir="rtl">تصفح قائمة لجميع <a class="glossaryLink" href="/en-US/docs/Glossary/HTML">عناصر HTML</a>.</dd>
 <dt class="landingPageList" dir="rtl"><a href="/en-US/docs/Web/HTML/Attributes">مرجع صفات HTML</a></dt>
 <dd class="landingPageList" dir="rtl">العناصر في HTML تمتلك صفات. تعد هذه الصفات قيم إضافية تقوم بتعديل العناصر أو تخصيص وظيفتها بطرق مختلفة.</dd>
 <dt class="landingPageList" dir="rtl"><a href="/en-US/docs/Web/HTML/Global_attributes">الصفات الشاملة</a></dt>
 <dd class="landingPageList" dir="rtl">الصفات الشاملة قد يمكن استخدامها على جميع <a href="/en-US/docs/Web/HTML/Element">عناصر HTML</a>, <em>حتى العناصر الغير معيارية</em>. هذا يعني أنَّ أي عنصر غير معياري لا يزال يجب أن يسمح باستخدام هذه الصفات, على الرغم أنَّ هذه العناصر تجعل مستند HTML5 غير متوافق.</dd>
 <dt class="landingPageList" dir="rtl"><a href="/en-US/docs/Web/HTML/Inline_elements">العناصر المضمنة</a> و <a href="/en-US/docs/Web/HTML/Block-level_elements">العناصر المستحوذة</a></dt>
 <dd class="landingPageList" dir="rtl">العناصر في <strong>HTML</strong> عادةً إما "مضمنة" أو "مستحوذة". العنصر المضمن يأحذ المساحة المحصورة بواسطة الوسوم التي تحدده. أما العنصر المستحوذ فأنه يأخذ كامل مساحة العنصر الأب (الحاوي), وبالتالي فإنه ينشئ "كتلة".</dd>
 <dt class="landingPageList" dir="rtl"><a href="/en-US/docs/Web/HTML/Link_types">أنواع الرابط</a></dt>
 <dd class="landingPageList" dir="rtl">في HTML, أنواع روابط متنوعة يمكن استخدامها لإنشاء أو تعريف صلة بين وثيقتين. تتضمن عناصر الرابط التي يمكن استخدامها على <a href="/en-US/docs/Web/HTML/Element/a"><code>&lt;a&gt;</code></a>, <a href="/en-US/docs/Web/HTML/Element/area"><code>&lt;area&gt;</code></a>, و <a href="/en-US/docs/Web/HTML/Element/link"><code>&lt;link&gt;</code></a>.</dd>
 <dt class="landingPageList" dir="rtl"><a href="/en-US/docs/Web/HTML/Supported_media_formats">صيغ الوسائط المدعومة في HTML و عناصر الصوت و الفيديو</a></dt>
 <dd class="landingPageList" dir="rtl">عنصر <a href="/en-US/docs/Web/HTML/Element/audio"><code>&lt;audio&gt;</code></a> و <a href="/en-US/docs/Web/HTML/Element/video"><code>&lt;video&gt;</code></a> يسمح لك بتشغيل وسائط الصوت و الفيديو. هذه العناصر توفر بدائل مشابهة للمتصفح كالتي موجودة في أدوبي فلاش و الإضافات الأخرى.</dd>
 <dt class="landingPageList" dir="rtl"><a href="/en-US/docs/Web/HTML/Kinds_of_HTML_content">أنواع محتوى HTML</a></dt>
 <dd class="landingPageList" dir="rtl">تتألف HTML من عدة أنواع من المحتوى, كل نوع يسمح لك باستخدام عدة سياقات و يمنعك استخدامها في أخرى. وبالمثل كل نوع يملك مجموعة من الفئات يمكن أن تحتوي على عناصر يمكن أو لا يمكن استخدامها. هذا دليل لهذه الفئات.</dd>
 <dt class="landingPageList" dir="rtl"><a href="/en-US/docs/Web/HTML/Quirks_Mode_and_Standards_Mode">وضع المراوغة و الوضع المعياري</a></dt>
 <dd class="landingPageList" dir="rtl">معلومات تاريخية عن وضع المراوغة و الوضع المعياري.</dd>
</dl>

<h2 class="landingPageList" dir="rtl" id="مواضيع_متعلقة">مواضيع متعلقة</h2>

<dl>
 <dt dir="rtl"><a href="/en-US/docs/Web/HTML/Applying_color">إضافة لون إلى عناصر HTML باستخدام السي أس أس</a></dt>
 <dd dir="rtl">هذه المقالة تغطي معظم الطرق التي يمكن ان تستخدمها لإضافة لون لمحتوى HTML, و تسرد ما الأجزاء من وثيقة HTML التي يمكن تلوينها و ما خصائص السي أس أس التي يمكنك استخدامها لفعل ذلك. تتضمن أمثلة, روابط لأدوات تصميم أنماط (اختيار ألوان, اختيار تدرج لوني ..), و المزيد.</dd>
</dl>
</div>
</div>

<p dir="rtl"><span class="alllinks"><a href="/en-US/docs/tag/HTML">رؤية المزيد..</a></span></p>
</section>