fix(guide): simplify directory structure

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form/index.md

@@ -0,0 +1,17 @@
+title: Add a Submit Button to a Form	
+localeTitle: undefined
+---	## إضافة زر إرسال إلى نموذج
+
+في هذا التحدي ، تريد إدراج زر الإرسال باعتباره آخر عنصر في النموذج (قبل علامة الإغلاق `</form>` ) ولإعطائه `type="submit"` السمة `type="submit"` (كل شيء صغير) ومحتوى نصي من "إرسال "(الحرف الأول من الأحرف الكبيرة) كما هو محدد في إرشادات التحدّي.
+
+1) تكون قيمة `submit` `type` السمة صالحة أيضًا داخل علامة `input` وستعرض زرًا له نفس السلوك تقريبًا ، ولكن هذه ليست العلامة التي تريد استخدامها في هذا التحدي.
+
+ `<input type="submit"> 
+` 
+
+إذا لم تحدد قيمة ، فسيحتوي الزر على قيمة افتراضية تم اختيارها من قِبل وكيل المستخدم (عادةً ما يكون هذا بمثابة "إرسال" أو "إرسال الاستعلام").
+
+إذا كنت ترغب في تحديد قيمة مثل "إرسال طلب" ، فيمكنك إجراء ذلك على النحو التالي:
+
+ `<input type="submit" value="Send Request"> 
+`

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/add-images-to-your-website/index.md

@@ -0,0 +1,11 @@
+---
+title: Add Images to Your Website
+localeTitle: إضافة الصور إلى موقع الويب الخاص بك
+---
+## إضافة الصور إلى موقع الويب الخاص بك
+
+السمات هي أزواج القيم الرئيسية المدرجة في العلامة. يكون بناء الجملة `<tag key1="value1" key2="value2"> </tag>` أو ، في حالة علامات الإغلاق الذاتي ، `<tag key1="value1" key2="value2" />` - لاحظ أن الأزواج مفصولة بحرف مسافة ، وليس بفاصلة.
+
+### مصادر
+
+*   [سمات HTML](https://guide.freecodecamp.org/html/attributes)

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field/index.md

@@ -0,0 +1,14 @@
+---
+title: Add Placeholder Text to a Text Field
+localeTitle: إضافة نص العنصر النائب إلى حقل نص
+---
+## إضافة نص العنصر النائب إلى حقل نص
+
+`placeholder` عبارة عن سمة ، وليس علامة. يمكن استخدامه مع `text` سمة علامة `input` لإنشاء نص لتصور عندما يكون مربع الإدخال فارغًا.
+
+إذا كنت تتأكد من وجود هذه المشكلات:
+
+*   يجب عليك إضافة سمة `placeholder` إلى علامة `input` الموجودة بالفعل في الشفرة دون إزالة أي شيء ؛ إذا قمت عن طريق الصدفة بإزالة أو تعديل شيء تذكر أنه يمكنك إعادة تشغيل مع رمز نظيفة عن طريق النقر فوق `reset all code` زر `reset all code`
+*   الصيغة هي نفسها لكل سمة: `<tag attributeName="attributeValue" >` وتتم الإشارة إلى القيمة المراد إدراجها من خلال تعليمات التحدي (التحقق من الأخطاء المطبعية).
+
+حظا طيبا وفقك الله!

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/check-radio-buttons-and-checkboxes-by-default/index.md

@@ -0,0 +1,11 @@
+---
+title: Check Radio Buttons and Checkboxes by Default
+localeTitle: تحقق من أزرار الراديو و Checkboxes حسب الافتراضي
+---
+## تحقق من أزرار الراديو و Checkboxes حسب الافتراضي
+
+السمة `checked` ، القابلة للاستخدام بشكل حصري مع `type="radio"` و `type="checkbox"` ، هي خاصية منطقية (يمكنك التحقق من التحدّي حول السمة `required` ، منطقية أيضًا ، على هذا الرابط: [استخدم html5 لطلب حقل](https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field/) ).
+
+بصفتك سمة منطقية ، عليك ببساطة إضافة الكلمة `checked` إلى عنصر HTML `input` الذي تريد تعيينه محددًا بشكل افتراضي (يتطلب التحدي أن تقوم بتعيين افتراضيًا _في أول_ خانة الاختيار وأزرار الراديو الموجودة بالفعل في الكود).
+
+حظا طيبا وفقك الله!

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/comment-out-html/index.md

@@ -0,0 +1,18 @@
+---
+title: Comment out HTML
+localeTitle: تعليق من HTML
+---
+## تعليق من HTML
+
+بنية تعليق هو نفسه لكل عنصر HTML آخر:
+
+مثال:
+
+ `<!-- code --> 
+` 
+
+subElement | وصف ---------- | ----------- `<!--` | علامة الفتح كود | نص علق `-->` | علامة الإغلاق
+
+إذا كنت ترغب في التعليق فقط على بعض العناصر في التعليمة البرمجية التي تريد لفها في عنصر تعليق - قم بإنشاء علامة افتتاحية قبلها وعلامة إغلاق بعدها مباشرةً.
+
+إستمتع!

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list/index.md

@@ -0,0 +1,29 @@
+---
+title: Create a Bulleted Unordered List
+localeTitle: قم بإنشاء قائمة غير مرتبة بالعدادات
+---
+## قم بإنشاء قائمة غير مرتبة بالعدادات
+
+لتمرير التحدي ، فإن أول عملية يجب عليك القيام بها هي إزالة عناصر `p` بكل محتواها.
+
+بعد أن لديك لتنفيذ قائمة: يجب أن يحتوي على ثلاثة على الأقل `li` عنصر داخل `ul` عنصر وهذه `li` يجب أن يكون على نفس المستوى، وليس متداخلة في بعضها البعض:
+
+صيح:
+
+ `<ul> 
+  <li></li> 
+  <li></li> 
+ </ul> 
+` 
+
+غير صحيح:
+
+ `<ul> 
+  <li> 
+    <li> 
+    </li> 
+  </li> 
+ </ul> 
+` 
+
+حظا طيبا وفقك الله!

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/create-a-form-element/index.md

@@ -0,0 +1,13 @@
+---
+title: Create a Form Element
+localeTitle: إنشاء عنصر النموذج
+---
+A `<form>` هو عنصر يستخدم لجمع المعلومات مباشرة من مدخلات المستخدم. عند استخدام عنصر HTML هذا ، فإنك تحدد قسمًا يستخدم لجمع خيارات المستخدم.
+
+داخل عنصر HTML هذا ، يمكنك إدراج بعض علامات `input` ، وتستخدم لجمع البيانات بطرق مختلفة استنادًا إلى سمة `type` .
+
+سيتم إرسال كل هذه البيانات إلى الصفحة المحددة في سمة `action` للنموذج. هذا هو مجرد مسار نسبي يشير إلى الصفحة التي تتوقع أن تتلقى هذه البيانات.
+
+في هذا التحدي ، لديك بالفعل عنصر `input` . كل ما عليك القيام به هو التفاف علامة `form` حولها. لا تنس سمة `action` . استخدم القيمة المشار إليها بواسطة التحدي (قم بتدقيق بناء الجملة).
+
+حظا طيبا وفقك الله!

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes/index.md

@@ -0,0 +1,13 @@
+---
+title: Create a Set of Checkboxes
+localeTitle: قم بإنشاء مجموعة من مربعات الاختيار
+---
+## قم بإنشاء مجموعة من مربعات الاختيار
+
+تعمل السمة `type="checkbox"` بشكل أساسي كما تفعل السمة `type="radio"` : الاختلاف الرئيسي هو أن مربعات الاختيار تُستخدم لتجميع واحد أو أكثر من الخيارات ، يتم استخدام أزرار الراديو عندما تريد خيارات حصرية (واحد أو آخر).
+
+تشير السمة `name` إلى المجموعة التي ينتمي إليها مربّع الاختيار ، وستسهل إدارة البيانات من جانب الخادم لتصبح جزءًا من مجموعة.
+
+لحل هذا التحدي تحتاج إلى إنشاء ثلاثة عناصر HTML `input` مع `type="checkbox"` السمة `type="checkbox"` ومع تعيين سمة `name` إلى `"personality"` (مسائل الأحرف الكبيرة) ؛ المحتوى النصي للملصق الخاص بك.
+
+حظا طيبا وفقك الله!

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons/index.md

@@ -0,0 +1,17 @@
+---
+title: Create a Set of Radio Buttons
+localeTitle: قم بإنشاء مجموعة من أزرار الراديو
+---
+## قم بإنشاء مجموعة من أزرار الراديو
+
+لحل هذا التحدي ، يمكنك تقسيمه إلى أجزاء لفهم الخطوات بشكل أفضل:
+
+*   قم بإنشاء "حاويات": قم بوضع عنصرين من عناصر `label` وقم بمنحهم محتوى النص الذي يطرحه عليك التحدي (يجب أن يكون لدى الشخص النص "داخلي" ، أو "خارجي" ، أو الأمر بالأحرف الكبيرة) ؛
+    
+*   قم بإنشاء "المحتوى": زر الراديو هو مجرد عنصر `input` مع `type=radio` (قم بإنشاء اثنين منهم) ؛
+    
+*   قم بإنشاء _مجموعة_ من أزرار الاختيار: قم بإعطاء كلاً من أزرار الراديو `name` السمة الذي تم تعيينه إلى نفس القيمة (تشير تعليمات التحذير إلى أنه يجب تسمية المجموعة `indoor-outdoor` ) ؛
+    
+*   عش كل زر راديو في تسمية ؛
+    
+    حظا طيبا وفقك الله!

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/create-a-text-field/index.md

@@ -0,0 +1,15 @@
+---
+title: Create a Text Field
+localeTitle: إنشاء حقل النص
+---
+## إنشاء حقل النص
+
+يمكن تصنيف `input` كعلامة عامة: في الحقيقة إنه يتميز `type` السمة الخاص به ، والذي يمكن أن يفترض نطاقًا من القيم المختلفة وبناءًا على تلك القيمة ، فسيتم عرض `input` ككائن مختلف.
+
+وهناك عدد قليل سبيل المثال من مختلف `type` القيم:
+
+قيمة النوع الشفرة - | - النص | `<input type="text" />` خانة الاختيار | `<input type="checkbox" />` راديو | `<input type="radio" />` زر | `<input type="button" />` ...
+
+يريدك التحدي أن تضع علامة `input` مع الكتابة المضبوطة على `text` دون تعديل الشفرة الموجودة. إذا حدث خطأ ما في خطأ علامة الشيك المزدوج (نظرًا لأن `input` مغلق تلقائيًا ، فأنت تحتاج فقط إلى علامة واحدة ، وليس زوجًا مفتوحًا). إذا عدلت أو حذفت بعض أجزاء الشفرة المتوفرة ، فيمكنك إعادة التشغيل باستخدام زر `reset all code` .
+
+حظا طيبا وفقك الله!

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/create-an-ordered-list/index.md

@@ -0,0 +1,19 @@
+---
+title: Create an Ordered List
+localeTitle: إنشاء قائمة مرتبة
+---
+## إنشاء قائمة مرتبة
+
+في بعض الأحيان يتفوق الناس على هذا النوع من التحدي: القوائم المرتبة تحتوي على نفس النمط من القوائم غير المرتبة ، فهي ببساطة تغير العلامة: `<ul>` للغير مرتبة ، `<ol>` .
+
+التأثير المختلف هو أن الشخص لديه الرصاصات ، والآخر له أرقام (أو علامات تقدمية أخرى):
+
+اكتب | كود | تأثير - | - | - غير مرتبة | `<ul><li>Bulleted item</li></ul>` |
+
+*   عنصر نقطي
+
+أمرت | `<ol><li>Numbered item</li></ol>` |
+
+1.  البند مرقمة
+
+إذا كنت لا تتذكر كيف تعمل القوائم يمكنك مراجعة التحدي الماضي: [إنشاء قائمة غير مرتبة تعداد نقطي](https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list) .

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/declare-the-doctype-of-an-html-document/index.md

@@ -0,0 +1,13 @@
+---
+title: Declare the Doctype of an HTML Document
+localeTitle: قم بتعريف Doctype من مستند HTML
+---
+## قم بتعريف Doctype من مستند HTML
+
+يجب أن يكون إعلان Doctype في السطر الأول لأنه يعطي تعليمات للمتصفح حول كيفية تفسير أسطر التعليمات البرمجية التالية.
+
+قد يتبعه عنصر `<html>` ، حتى وإن كان غير إلزامي ؛ هذا هو العنصر الجذري للوثيقة ، وإذا لم تقم بكتابتها ، فإن معظم المتصفح سوف يستنتجها. ومع ذلك ، فمن الجيد أن تكتبها بشكل صريح.
+
+يجب أن تتداخل جميع عناصر html الخاصة بك داخل `<html>` واحد: في هذا التحدي ، ستتم مطالبتك باستخدام عنصر `<h1>` مع محتوى من اختيارك.
+
+حظا طيبا وفقك الله!

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/define-the-head-and-body-of-an-html-document/index.md

@@ -0,0 +1,18 @@
+---
+title: Define the Head and Body of an HTML Document
+localeTitle: حدد رأس ونص مستند HTML
+---
+## حدد رأس ونص مستند HTML
+
+يتم استخدام عنصر `head` لتجميع كل بيانات التعريف الخاصة بالمستند ، `body` لعرض محتوى المستند.
+
+في `head` يمكنك العثور على أي نوع من العلامات المستخدمة _لوصف_ الوثيقة: ما هي اللغة التي ستستخدمها ، ما هي قواعد الأنماط (من خلال وصلة الأنماط) ، عنوانها ، الوصف الحرفي ، ...  
+على أي حال ، لن يتم تقديم أي شيء داخل عنصر `head` إلى الصفحة: يمكنك رؤية العنوان والرمز عادة في علامة تبويب المتصفح أو في شريط الإشارات ولكن هذه ليست _الصفحة_ ، إنه عنصر المتصفح المرتبط بها.
+
+`body` على العكس يحتوي على كل شيء يتم تقديمه في الصفحة: ربما ليس هذا فقط ، ولكن بالتأكيد كل ذلك.
+
+التحدي يتيح لك وصفحة HTML بسيطة ويطلب منك إدخال `head` و `body` عناصر HTML في المكان المناسب. في كلمة أخرى ، يجب أن تلتف بعلامة `<body></body>` جميع العناصر التي يمكنك رؤيتها عند عرضها على الجانب الأيمن من الصفحة والتفاف مع العلامة `<head></head>` كل شيء وصفي.
+
+تذكر أن كلا من `head` `body` يجب أن يكونا من أطفال العنصر `<html>` .
+
+حظا طيبا وفقك الله!

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/delete-html-elements/index.md

@@ -0,0 +1,11 @@
+---
+title: Delete HTML Elements
+localeTitle: احذف عناصر HTML
+---
+## احذف عناصر HTML
+
+لإزالة عنصر HTML ، يجب إزالة عناصر العلامات الخاصة به: يمكن الاحتفاظ بالمحتوى ، مهما كان ، لأنه لا يمثل أي عنصر HTML.
+
+تذكر: إذا تم تغيير بعض التعليمات البرمجية غير الجزء الذي طلب منك تعديله ، فيمكنك إعادة تشغيل التحدي بالنقر فوق زر `reset all code` .
+
+حظا طيبا وفقك الله!

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text/index.md

@@ -0,0 +1,9 @@
+---
+title: Fill in the Blank with Placeholder Text
+localeTitle: املأ الفراغ باستخدام نص العنصر النائب
+---
+## املأ الفراغ باستخدام نص العنصر النائب
+
+يُطلب منك استبدال النص الذي تراه في الفقرة (العنصر `p` ) بالنص المقدم من مقدمة التحدي (عندما تقرأ عن _بعض الكلمات ،_ فهذا يعني على الأقل 2 ، على الأكثر جميعًا) ؛ إذا قمت ، عن طريق الصدفة ، بإزالة أو تعديل بعض الشفرات بخلاف نص الفقرة يمكنك النقر فوق `reset all code` زر `reset all code` لإعادة التشغيل باستخدام رمز نظيف.
+
+حظا طيبا وفقك الله!

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/headline-with-the-h2-element/index.md

@@ -0,0 +1,28 @@
+---
+title: Headline with the h2 Element
+localeTitle: العنوان مع عنصر h2
+---
+## العنوان مع عنصر h2
+
+في الدرس الأول تعلمت ما هو عنصر HTML وقمت بتعديله.  
+الآن يطلب منك كتابة الخاصة بك! يستخدم أول عنصر HTML موجود بالفعل في محرر التعليمات البرمجية ( `<h1>Hello World</h1>` ) علامة h1 ، وتحقق من العناصر الأخرى:
+
+كود | تأثيرات ----- | ------- `<h2> This is how an h2 heading looks like</h2>` |
+
+## هذا كيف يبدو عنوان h2
+
+`<h3> Followed by this h3 tag </h3>` |
+
+### تليها هذه العلامة h3
+
+`<h4> Look at the h4, the middle </h4>` |
+
+#### انظر إلى h4 ، الوسط
+
+`<h5> Here is a tiny h5 </h5>` |
+
+##### هنا هو h5 صغيرة
+
+`<h6> The last - h6 </h6>` |
+
+###### آخر - h6

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/index.md

@@ -0,0 +1,11 @@
+---
+title: Basic HTML and HTML5
+localeTitle: HTML الأساسي و HTML5
+---
+## HTML الأساسي و HTML5
+
+هذا هو كعب. [ساعد مجتمعنا على توسيعه](https://github.com/freecodecamp/guides/tree/master/src/pages/mathematics/quadratic-equations/index.md) .
+
+[سيساعدك دليل النمط السريع هذا على ضمان قبول طلب السحب](https://github.com/freecodecamp/guides/blob/master/README.md) .
+
+#### معلومات اكثر:

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element/index.md

@@ -0,0 +1,13 @@
+---
+title: Inform with the Paragraph Element
+localeTitle: إبلاغ مع عنصر الفقرة
+---
+تتم مطالبتك بإنشاء عنصر HTML آخر. ملخص مختصر حول كيفية تحقيق ذلك:
+
+*   قم بإنشاء علامة افتتاحية.
+    
+*   اكتب بعض المحتويات (عادة ما تكون نص عادي)
+    
+*   قم بإنشاء علامة إغلاق.
+    
+    حظا طيبا وفقك الله!

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/introduction-to-html5-elements/index.md

@@ -0,0 +1,17 @@
+---
+title: Introduction to HTML5 Elements
+localeTitle: مقدمة إلى عناصر HTML5
+---
+## مقدمة إلى عناصر HTML5
+
+إن لف عنصر HTML حول عنصر (عناصر) HTML الأخرى يعني وضع العنصر (العناصر) _الداخلي_ بعد علامة الفتح في الغلاف وقبل علامة الإغلاق الخاصة به.  
+
+المثال أدناه يمثل عنصر `h1` وعنصر `h4` ملفوفًا في عنصر `header` :
+
+ `<header> 
+  <h1> Big title </h1> 
+  <h4> Tiny subtitle </h4> 
+ </header> 
+` 
+
+كما ترى ، يحتوي `header` على العناصر الأخرى التي تنتهي في نفس المستوى (ينتهي `h1` قبل بدء `h4` ويكون كلاهما متداخلين في `header` ).

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements/index.md

@@ -0,0 +1,23 @@
+---
+title: Link to External Pages with Anchor Elements
+localeTitle: وصلة إلى الصفحات الخارجية مع عناصر مرساة
+---
+## وصلة إلى الصفحات الخارجية مع عناصر مرساة
+
+في هذا التحدي يجب عليك استخدام كل ما تعلمته حتى الآن. بناء جملة عناصر HTML:
+
+*   علامة الفتح
+*   يحتوى
+*   علامة الإغلاق
+
+وسم بناء جملة tag:
+
+*   `<tag`
+*   الرئيسية = "قيمة"
+*   `>` ( `/>` في حالة علامات الإغلاق الذاتي)
+
+طلب منك أن تعطي ل `a` العلامة السمة (مفتاح) `href` مع قيمة `"http://freecatphotoapp.com"` واستخدام النص "صور القط" كمحتوى للنفس `a` العلامة
+
+### مصادر
+
+*   [`<a>` tag - href attribute](https://guide.freecodecamp.org/html/attributes/a-href-attribute)

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements/index.md

@@ -0,0 +1,21 @@
+---
+title: Link to Internal Sections of a Page with Anchor Elements
+localeTitle: رابط إلى الأقسام الداخلية لصفحة مع عناصر الارتساء
+---
+## رابط إلى الأقسام الداخلية لصفحة مع عناصر الارتساء
+
+كما جاء في تعليمات يتكون الارتباط الداخلي من عنصرين: `a` العلامة وعنصر HTML مع `id` المستخدمة في `href` السمة من `a` العلامة.
+
+كل هذه روابط داخلية صالحة:
+
+ANCHOR TAG | يجلب إلى ----- | ------ `<a href="#destination">I am an internal link</a>` | `<p id="destination">I am the destination of the link</p>` `<a href="#inlinestuff">I am an internal link</a>` | `<span id="inlinestuff">I am the destination of the link</span>` `<a href="#title">I am an internal link</a>` | `<h1 id="title">I am the destination of the link</h1>` `<a href="#mainarticle">I am an internal link</a>` | `<article id="mainarticle">I am the destination of the link</article>`
+
+تتم مطالبتك باستخدام عنصر الارتساء الموجود لإنشاء رابط داخلي ، لذلك لا تكتب علامة ارتساء أخرى.
+
+لتحويل علامة الربط الفعلية ليس هو الشيء الوحيد الذي يريد التحدي أن تفعله على الرغم من ذلك ، هناك نقطتان أخريان:
+
+*   لإزالة `target` سمة من `a` العلامة: كنت لا تريد بعد الآن لفتح علامة تبويب جديدة في المتصفح الخاص بك، فمن الصفحة الفعلية التي سوف 'خطوة' أعلى / أسفل.
+    
+*   لتعديل مضمون نص `a` العلامة: من `cat photos` على `Jump to Bottom` (القيمة الاختيار مزدوجة).
+    
+    حظا طيبا وفقك الله!

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/make-dead-links-using-the-hash-symbol/index.md

@@ -0,0 +1,13 @@
+---
+title: Make Dead Links Using the Hash Symbol
+localeTitle: جعل الروابط الميتة باستخدام رمز التجزئة
+---
+## جعل الروابط الميتة باستخدام رمز التجزئة
+
+الارتباط الميت هو مجرد عنصر ارتساء في مكانه ، وصحيح من الناحية النحوية ، يمكن النقر عليه يشير إلى أعلى الصفحة عند النقر عليه دون تحديث المحتوى (يمكنك التحقق من هذا السؤال على منتدى لجنة الاتصالات الفيدرالية لمزيد من التحليل المتعمق: [ماذا يفعل الرابط الميت على HTML و CSS تفعل؟](https://forum.freecodecamp.org/t/what-does-dead-link-on-html-and-css-do/164550/7) )
+
+لإنشاء رابط ميت يجب عليك أولاً كتابة عنصر ارتساء عادي (يوفر التحدي واحدًا ، لا تقم بإعادة كتابته) ، ثم تعديل سمة `href` كما هو مذكور في الإرشادات.
+
+إذا قمت بحذف أو تعديل شيء ما في الشفرة الأصلية بخلاف الخاصية href للعلامة الموجودة `a` تذكر أنه يمكنك النقر فوق زر `reset all code` لإعادة التشغيل باستخدام رمز نظيف.
+
+حظا طيبا وفقك الله!

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph/index.md

@@ -0,0 +1,12 @@
+---
+title: Nest an Anchor Element within a Paragraph
+localeTitle: عش عنصر الارتساء ضمن فقرة
+---
+## عش عنصر الارتساء ضمن فقرة
+
+قراءة التعليمات بعناية: حتى لو كان هذا هو التحدي عن `a` العلامة أنه لا يعني بالضرورة أنه يجب التعامل مع ذلك!  
+التحدي مقدمة يتحدث عن القائمة `a` عنصر وأنه يطلب منك كتابة الفقرة الذي سيتم متداخلة: وبعبارة أخرى كل ما تحتاجه لكتابة `p` عنصر HTML، حيث يتكون المحتوى من قبل بعض النصوص - "مشاهدة المزيد" (مراجعة ضعف القيمة والمساحة النهائي) - و `a` عنصر HTML موجودة بالفعل في الصفحة.
+
+يمكنك تصور البنية النهائية لعنصر `p` الخاص بك كما يلي:
+
+desc | الشفرة ------- | --------- فتح علامة | `<p>` بعض محتوى النص | `View more` والقائمة `a` عنصر | `<a>...</a>` علامة الإغلاق | `</p>`

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/nest-many-elements-within-a-single-div-element/index.md

@@ -0,0 +1,11 @@
+---
+title: Nest Many Elements within a Single div Element
+localeTitle: Nest العديد من العناصر داخل عنصر div مفرد
+---
+## Nest العديد من العناصر داخل عنصر div مفرد
+
+يسمح استخدام علامة الغرض العام على أنها `div` بتغليف عناصر متعددة للمطوِّر بتطبيق نمط شائع على كل عنصر من العناصر الملفوفة ، لتجميع العناصر ذات المعنى نفسه ، لإنشاء "حزمة" تخطيط مختلفة وهكذا.
+
+حول هذا التحدي ، عليك تجميع القوائم الموجودة بالفعل في الشفرة: يمكنك استخدام علامة div الافتتاحية قبل الفقرة المستخدمة كرأس للقائمة غير المرتبة ووضع علامة الإغلاق أسفل العلامة المطلوبة مباشرةً.
+
+حظا طيبا وفقك الله!

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/say-hello-to-html-elements/index.md

@@ -0,0 +1,19 @@
+---
+title: Say Hello to HTML Elements
+localeTitle: قل مرحبا لعناصر HTML
+---
+## قل مرحبا لعناصر HTML
+
+خذ بعين الاعتبار المثال التالي:  
+
+`<p>This is a paragraph</p>`  
+
+يمكنك الإشارة إليه على أنه **_"عنصر p"_** ؛ كسر إلى قطع يمكنك العثور على العناصر التالية:
+
+subelement | وصف ----------- | ---------- `<p>` | هذه هي العلامة الافتتاحية `This is a paragraph` هذا هو نص العنصر `</p>` | هذه هي علامة الإغلاق
+
+تذكر طلب التحدي:
+
+> تغيير نص عنصر h1 ليقول "Hello World"
+
+حظا طيبا وفقك الله!

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link/index.md

@@ -0,0 +1,11 @@
+---
+title: Turn an Image into a Link
+localeTitle: تحويل صورة إلى رابط
+---
+## تحويل صورة إلى رابط
+
+في تحدي سابق ، تكون قد أنجزت بالفعل مهمة تضمين عنصر HTML في عنصر آخر (على سبيل المثال ، [Nest عنصر ارتساء في فقرة](https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph) )
+
+الآن يطلب منك حل نفس المشكلة مع علامات مختلفة: فقط ضع الصورة (كما هي) داخل عنصر الربط وسيصبح المحتوى القابل للنقر في تلك المرساة.
+
+حظا طيبا وفقك الله!

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/uncomment-html/index.md

@@ -0,0 +1,39 @@
+---
+title: Uncomment HTML
+localeTitle: Uncomment HTML
+---
+## Uncomment HTML
+
+موضوع التعليق غالبًا ما يكون مربكًا بعض الشيء في البداية. انظر الى المثال:
+
+ `<!-- This is a commented block. 
+ It doesn't matter how long it is, if it has <h1>HTML elements</h1> in it or if it develops 
+ into 
+ few lines, 
+ everything between the first weird series of character and the last is commented out --> 
+` 
+
+يمكنك استخدام التعليق في الخط أيضا: `<!-- Uh, I does not exists! -->` وهنا!
+
+الشيء الوحيد الذي يجب مراعاته هو أنه عندما ترى هذه المجموعة من الشار `<!--` يتم التعليق على كل شيء من هناك منذ أن تجد المرونة `-->` ؛ هذه هي علامة الفتح والإغلاق لعنصر HTML!
+
+##### غير تعليق
+
+Uncomment تعني إخراج الأشياء من نص التعليق: لإزالة unicment عنصر h3 في الجملة التالية (التي تم التعليق عليها كلها):
+
+ `<!-- <h1>Comment header</h1> <h3>Comment subtle</h3> <article>I am the text of the comment</article> --> 
+` 
+
+سهل مثل:
+
+ `<!-- <h1>Comment header</h1> --> <h3>Comment subtle</h3> <!-- <article>I am the text of the comment</article> --> 
+` 
+
+لاحظ كيف تمت إضافة علامة تعليق إغلاق ( `-->` ) قبل عنصر HTML h3 لمطابقة علامة التعليق الافتتاحية في بداية الجملة وإضافة علامة تعليق افتتاحية ( `<!--` ) بعدها لتتطابق مع الإغلاق علامة في النهاية: بهذه الطريقة ، تكون قد أنشأت تعليقين مضمّنين ​​، أحدهما قبل عنصر h3 والآخر بعد !.
+
+إذا كنت تريد إلغاء ربط كل شيء ، سيكون الأمر أسهل:
+
+ `<h1>Comment header</h1> <h3>Comment subtle</h3> <article>I am the text of the comment</article> 
+` 
+
+ما عليك سوى إزالة علامة الفتح والإغلاق للتعليق.

guide/arabic/certifications/responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field/index.md

@@ -0,0 +1,15 @@
+---
+title: Use HTML5 to Require a Field
+localeTitle: استخدم HTML5 لطلب حقل
+---
+## استخدم HTML5 لطلب حقل
+
+تعمل السمة `required` مع جميع الأنواع الممكنة لعلامة `input` (لا تعمل لأنها غير منطقية لأنماط تشبه الأزرار أو الأنواع ذات القيمة الافتراضية مثل `type=range` ) وتضطر المستخدم إلى الرحيل علامة على الأقل للتفاعل مع الإدخال المطلوب عند الإرسال (حدد مربع اختيار واحد _على الأقل_ ، اكتب حرفًا واحدًا _على الأقل_ في مربع نص ، إلخ.)
+
+يحظر استخدام النموذج تقديم النموذج حتى لا تتم تعبئة الشروط `required`
+
+يمكنك استخدام السمة `required` ببناء معين: حيث إنها قيمة منطقية قد تكتبها `required` فقط دون أي قيمة.
+
+في هذا التحدي ، لديك بالفعل نموذج وعنصر إدخال: يطلب منك إضافة السمة `required` لعنصر الإدخال ؛ تذكر أنه إذا تم تعديل أو إزالة شيء من الرمز الأصلي عن طريق الصدفة ، فيمكنك دائمًا إعادة التشغيل باستخدام رمز نظيف باستخدام زر `reset all code` .
+
+حظا طيبا وفقك الله!