+```
#### معلومات اكثر:
diff --git a/guide/arabic/html/elements/s-tag/index.md b/guide/arabic/html/elements/s-tag/index.md
index eff5e9fe7b..29bbab80a5 100644
--- a/guide/arabic/html/elements/s-tag/index.md
+++ b/guide/arabic/html/elements/s-tag/index.md
@@ -6,10 +6,10 @@ localeTitle: يوم واحد
في HTML ، يتم استخدام العلامة `` في نص يتوسطه خط. على سبيل المثال:
- `
-
This year is the year of the monkey.
-
This year is the year of the Rooster.
-`
+```html
+
This year is the year of the monkey.
+
This year is the year of the Rooster.
+```
#### معلومات اكثر:
diff --git a/guide/arabic/html/elements/script-tag/index.md b/guide/arabic/html/elements/script-tag/index.md
index 921dba54c2..72c0df6e3e 100644
--- a/guide/arabic/html/elements/script-tag/index.md
+++ b/guide/arabic/html/elements/script-tag/index.md
@@ -8,24 +8,27 @@ localeTitle: علامة البرنامج النصي
يتم استخدام العلامة / `
-
-
+
+
-`
+```
+
+```
أو يمكنك استخدامه كطريقة للإشارة إلى ملف جافا سكريبت خارجي مثل هذا
- `
-`
+```
+
+```
وهنا تأخذ خاصية `src` للعنصر مسارًا إلى ملف Javascript
diff --git a/guide/arabic/html/elements/section-tag/index.md b/guide/arabic/html/elements/section-tag/index.md
index 3ef0e0394c..f5bb9cac4a 100644
--- a/guide/arabic/html/elements/section-tag/index.md
+++ b/guide/arabic/html/elements/section-tag/index.md
@@ -10,19 +10,19 @@ localeTitle: قسم القسم
لا ينبغي استخدام عنصر `` بدلاً من عنصر `
` إذا كانت هناك حاجة إلى حاوية عامة. يجب استخدامه لتعريف الأقسام في صفحة HTML.
- `
-
-
- Section Example
-
-
-
-
Heading
-
Bunch of awesome content
-
-
-
-`
+```html
+
+
+ Section Example
+
+
+
+
Heading
+
Bunch of awesome content
+
+
+
+```
#### معلومات اكثر:
diff --git a/guide/arabic/html/elements/span-tag/index.md b/guide/arabic/html/elements/span-tag/index.md
index a28c262131..4f1cd69201 100644
--- a/guide/arabic/html/elements/span-tag/index.md
+++ b/guide/arabic/html/elements/span-tag/index.md
@@ -24,9 +24,9 @@ localeTitle: يوم سبان
يشبه رمز الفقرة ذات النص الأحمر هذا:
- `
-
This paragraph has red span styling inside it without affecting the rest of the document.
-`
+```html
+
This paragraph has red span styling inside it without affecting the rest of the document.
+```
#### الاختلافات بين `` و `
`
diff --git a/guide/arabic/html/elements/strong-tag/index.md b/guide/arabic/html/elements/strong-tag/index.md
index 5f81699e1c..c7ca08b623 100644
--- a/guide/arabic/html/elements/strong-tag/index.md
+++ b/guide/arabic/html/elements/strong-tag/index.md
@@ -8,8 +8,9 @@ localeTitle: علامة قوية
### استعمال
- ` Hello World!
-`
+```
+ Hello World!
+```
ينتج رمز أعلاه في
@@ -33,12 +34,13 @@ localeTitle: علامة قوية
### مثال:
- `
-
- This is important.
-
-
-`
+```
+
+
+ This is important.
+
+
+```
#### معلومات اكثر:
diff --git a/guide/arabic/html/elements/style-tag/index.md b/guide/arabic/html/elements/style-tag/index.md
index 9b1d854813..3043167fb5 100644
--- a/guide/arabic/html/elements/style-tag/index.md
+++ b/guide/arabic/html/elements/style-tag/index.md
@@ -26,15 +26,15 @@ localeTitle: علامة نمط
تُستخدم علامة النمط لتعيين أي أنماط CSS لصفحة الويب داخل مستند. يجب أن تكون علامة النمط متداخلة مع قسم الرأس في مستند html:
- `
-
-
-
-`
+```html
+
+
+
+```
يمكنك كتابة أي علامة نمط داخلية للرمز CSS - وفقًا للبناء الخاص بها.
\ No newline at end of file
diff --git a/guide/arabic/html/elements/table-tag/index.md b/guide/arabic/html/elements/table-tag/index.md
index 87d1755b88..ecc5841356 100644
--- a/guide/arabic/html/elements/table-tag/index.md
+++ b/guide/arabic/html/elements/table-tag/index.md
@@ -8,18 +8,18 @@ localeTitle: علامة الجدول
### مثال
- `
-
-
-
Row 1, Cell 1
-
Row 1, Cell 2
-
-
-
Row 2, Cell 1
-
Row 2, Cell 2
-
-
-`
+```html
+
+
+
Row 1, Cell 1
+
Row 1, Cell 2
+
+
+
Row 2, Cell 1
+
Row 2, Cell 2
+
+
+```
كتلة التعليمة البرمجية هذه قد ينتج الإخراج التالي:
diff --git a/guide/arabic/html/elements/td-tag/index.md b/guide/arabic/html/elements/td-tag/index.md
index e8a37d415d..784b241c9b 100644
--- a/guide/arabic/html/elements/td-tag/index.md
+++ b/guide/arabic/html/elements/td-tag/index.md
@@ -15,22 +15,22 @@ localeTitle: اليوم الثاني
### مثال
- `
-
-
- Td Tag Example
-
-
-
-
-
Header1
-
Header2
-
-
-
Cell A
-
Cell B
-
-
-
-
-`
\ No newline at end of file
+```html
+
+
+Td Tag Example
+
+
+
+
+
Header1
+
Header2
+
+
+
Cell A
+
Cell B
+
+
+
+
+```
\ No newline at end of file
diff --git a/guide/arabic/html/elements/textarea-tag/index.md b/guide/arabic/html/elements/textarea-tag/index.md
index 7b3af153aa..466d7c54ea 100644
--- a/guide/arabic/html/elements/textarea-tag/index.md
+++ b/guide/arabic/html/elements/textarea-tag/index.md
@@ -10,11 +10,11 @@ localeTitle: علامة Textarea
عينة من الرموز:
- `
-
-`
+```html
+
+```
السمات الأكثر شيوعًا: تحدد `row` و `cols` ارتفاع وعرض النص تحدد السمة `placeholder` النص المرئي للمستخدم ، فهي تساعد المستخدم على فهم البيانات التي يجب كتابتها تحدد السمة `maxlength` الحد الأقصى لطول النص الذي يمكن كتابته في textarea ، لا يمكن للمستخدم إرسال المزيد من الأحرف تعني السمة `required` أنه يجب ملء هذا الحقل قبل إرسال النموذج
diff --git a/guide/arabic/html/html-entities/index.md b/guide/arabic/html/html-entities/index.md
index 15d4d00cbe..198850d495 100644
--- a/guide/arabic/html/html-entities/index.md
+++ b/guide/arabic/html/html-entities/index.md
@@ -18,19 +18,19 @@ localeTitle: كيانات HTML
كيان الشخصية يشبه هذا:
- `
-
-
- <
-`
+```html
+
+
+<
+```
أو
- `
-
-
- <
-`
+```html
+
+
+<
+```
## دليل مرجعي
diff --git a/guide/arabic/html/html-forms/index.md b/guide/arabic/html/html-forms/index.md
index f6fef1ef49..af99ee8f3b 100644
--- a/guide/arabic/html/html-forms/index.md
+++ b/guide/arabic/html/html-forms/index.md
@@ -24,26 +24,26 @@ localeTitle: نماذج HTML
مثال الكود:
- `
-
-`
+```html
+
+```
العناصر الأخرى التي يمكن أن تحتوي على الشكل:
diff --git a/guide/arabic/html/html5-audio/index.md b/guide/arabic/html/html5-audio/index.md
index c961c1a9ff..ed9e3bd67f 100644
--- a/guide/arabic/html/html5-audio/index.md
+++ b/guide/arabic/html/html5-audio/index.md
@@ -12,20 +12,20 @@ localeTitle: صوت HTML5
#### مثال 1
- `
-
-`
+```html
+
+```
#### مثال 2
- `
-
-`
+```html
+
+```
تتضمن سمة `controls` الصوتية مثل التشغيل والإيقاف المؤقت ومستوى الصوت. إذا لم تستخدم هذه السمة ، فلن يتم عرض أي عناصر تحكم.
diff --git a/guide/arabic/html/html5-semantic-elements/index.md b/guide/arabic/html/html5-semantic-elements/index.md
index dafac4dabc..3ab774096c 100644
--- a/guide/arabic/html/html5-semantic-elements/index.md
+++ b/guide/arabic/html/html5-semantic-elements/index.md
@@ -81,52 +81,52 @@ The `<section>` و `<article>` العناصر متشابهة م
1. تهدف المقالة إلى أن تكون قابلة للتوزيع أو القابلة لإعادة الاستخدام بشكل مستقل.
2. القسم هو تجميع موضوعي للمحتوى.
- `
-
-
Top Stories
-
-
News
- Story 1
- Story 2
- Story 3
-
-
-
Sport
- Story 1
- Story 2
- Story 3
-
-
-`
+```html
+
+
Top Stories
+
+
News
+ Story 1
+ Story 2
+ Story 3
+
+
+
Sport
+ Story 1
+ Story 2
+ Story 3
+
+
+```
#### `<header>` و `<hgroup>`
`<header>` عنصر موجود بشكل عام في أعلى مستند أو قسم أو مقالة ويحتوي عادةً على العنوان الرئيسي وبعض أدوات التنقل والبحث.
- `
-
-
+
+
+```
`<hgroup>` يجب استخدام عنصر حيث تريد عنوان رئيسي مع واحد أو أكثر من العناوين الفرعية.
- `
-
-
Heading 1
-
Subheading 1
-
Subheading 2
-
-`
+```html
+
+
Heading 1
+
Subheading 1
+
Subheading 2
+
+```
تذكر ، أن رأس `<header>` عنصر يمكن أن يحتوي على أي محتوى ، ولكن `<hgroup>` لا يمكن أن يحتوي العنصر إلا على رؤوس أخرى ، وهي `<h1>` إلى `<h6>` بما في ذلك `<hgroup>` .
@@ -134,47 +134,47 @@ The `<section>` و `<article>` العناصر متشابهة م
The `<aside>` عنصر مخصص للمحتوى الذي ليس جزءًا من تدفق النص الذي يظهر فيه ، ومع ذلك لا يزال مرتبطًا بطريقة ما. هذا `<aside>` كشريط جانبي للمحتوى الرئيسي الخاص بك.
- `
-
-`
+```html
+
+```
قبل HTML5 ، تم إنشاء قوائمنا باستخدام `<ul>` 's و `<li>` الصورة. الآن ، مع هذه ، يمكننا فصل عناصر القائمة لدينا باستخدام `<nav>` للتنقل بين صفحاتك. يمكنك الحصول على أي عدد من `<nav>` العناصر على الصفحة ، على سبيل المثال ، من الشائع أن يكون لديك نظام ملاحة عمومي عبر الجزء العلوي (في `<header>` ) والتنقل المحلي في شريط جانبي (في عنصر `<aside>` ).
- `
-
-`
+```html
+
+```
#### `<footer>`
إذا كان هناك رأس `<header>` يجب أن يكون هناك `<footer>` . A `<footer>` بشكل عام في أسفل مستند أو قسم أو مقالة. تمامًا مثل `<header>` المحتوى عبارة عن معلومات عامة ، مثل تفاصيل المؤلف ، أو المعلومات القانونية ، و / أو روابط إلى المعلومات ذات الصلة. تسري أيضًا على تضمين `<section>` عناصر داخل تذييل الصفحة.
- `
-
-`
+```html
+
+```
#### `<small>`
ال `<small>` يظهر العنصر غالبًا داخل `<footer>` أو `<aside>` العنصر الذي عادة ما يحتوي على معلومات حقوق الطبع والنشر أو التنازلات القانونية ، وغيرها من مثل هذه المطبوعة الجميلة. ومع ذلك ، هذا غير مخصص لجعل النص أصغر. إنه مجرد وصف محتواه ، وليس وصف العرض التقديمي.
- `
-
-`
+```html
+
+```
#### `<time>`
The `<time>` يسمح عنصر لا لبس فيها ISO 8601 تاريخ لإرفاق نسخة الإنسان من ذلك التاريخ.
- `
-
-`
+```html
+
+```
لماذا تهتم بـ `<time>` ؟ في حين يستطيع البشر قراءة الوقت الذي يمكن أن يفسد من خلال السياق بالطريقة العادية ، يمكن لأجهزة الكمبيوتر قراءة تاريخ ISO 8601 ورؤية التاريخ والوقت والمنطقة الزمنية.
@@ -182,12 +182,12 @@ The `<time>` يسمح عنصر لا لبس فيها ISO 8601 تاريخ
`<figure>` لتغليف محتوى الصور حوله ، و `<figcaption>` هو تسمية صورتك.
- `
-
-
- Cover art for Middle-earth: Shadow of Mordor
-
-`
+```html
+
+
+ Cover art for Middle-earth: Shadow of Mordor
+
+```
### تعرف على المزيد حول عناصر HTML5 الجديدة:
diff --git a/guide/arabic/html/html5-video/index.md b/guide/arabic/html/html5-video/index.md
index 3f7398e74e..fb57ecb415 100644
--- a/guide/arabic/html/html5-video/index.md
+++ b/guide/arabic/html/html5-video/index.md
@@ -32,19 +32,21 @@ localeTitle: HTML5 فيديو
- `#### poster
-
- The "poster" attribute is the image that shows on the video until the user clicks to play it.
-`
+```
+#### poster
+
+The "poster" attribute is the image that shows on the video until the user clicks to play it.
+```
أتش تي أم أل
- `#### controls
-
- The "controls" attribute can be set to true or false and will handle whether controls such as the play/pause button or volume slider appear. You set it to true by adding it into the tag, if it is not present in the tag it is set to false.
-`
+```
+#### controls
+
+The "controls" attribute can be set to true or false and will handle whether controls such as the play/pause button or volume slider appear. You set it to true by adding it into the tag, if it is not present in the tag it is set to false.
+```
أتش تي أم أل
diff --git a/guide/arabic/html/html5-web-storage/index.md b/guide/arabic/html/html5-web-storage/index.md
index 247db88812..ef72799d13 100644
--- a/guide/arabic/html/html5-web-storage/index.md
+++ b/guide/arabic/html/html5-web-storage/index.md
@@ -12,21 +12,23 @@ localeTitle: تخزين HTML5 على الويب
`window.localStorage` : يخزن البيانات بدون تاريخ انتهاء الصلاحية ويعيش حتى تتم إزالتها.
- `// Store Item
- localStorage.setItem("foo", "bar");
-
- // Get Item
- localStorage.getItem("foo"); //returns "bar"
-`
+```javascript
+// Store Item
+localStorage.setItem("foo", "bar");
+
+// Get Item
+localStorage.getItem("foo"); //returns "bar"
+```
`window.sessionStorage` : تخزين البيانات لجلسة واحدة ، حيث يتم فقدان البيانات عند إغلاق علامة تبويب المتصفح / المتصفح.
- `// Store Item
- sessionStorage.setItem("foo", "bar");
-
- // Get Item
- sessionStorage.getItem("foo"); //returns "bar"
-`
+```javascript
+// Store Item
+sessionStorage.setItem("foo", "bar");
+
+// Get Item
+sessionStorage.getItem("foo"); //returns "bar"
+```
نظرًا لأن التطبيق الحالي يعتمد فقط تعيينات سلسلة إلى سلسلة ، تحتاج إلى إجراء تسلسل وإزالة تسلسل هياكل البيانات الأخرى.
@@ -34,18 +36,21 @@ localeTitle: تخزين HTML5 على الويب
على سبيل المثال لـ JSON المعطى
- `var jsonObject = { 'one': 1, 'two': 2, 'three': 3 };
-`
+```
+var jsonObject = { 'one': 1, 'two': 2, 'three': 3 };
+```
تم أولاً تحويل كائن JSON إلى سلسلة وحفظه في وحدة التخزين المحلية:
- `localStorage.setItem('jsonObjectString', JSON.stringify(jsonObject));
-`
+```
+localStorage.setItem('jsonObjectString', JSON.stringify(jsonObject));
+```
للحصول على كائن JSON من السلسلة المخزنة في التخزين المحلي:
- `var jsonObject = JSON.parse(localStorage.getItem('jsonObjectString'));
-`
+```
+var jsonObject = JSON.parse(localStorage.getItem('jsonObjectString'));
+```
#### معلومات اكثر:
diff --git a/guide/arabic/html/iframes/index.md b/guide/arabic/html/iframes/index.md
index 57631303de..9012729c7d 100644
--- a/guide/arabic/html/iframes/index.md
+++ b/guide/arabic/html/iframes/index.md
@@ -16,37 +16,37 @@ localeTitle: نوافذ الأطر المدمجة
تضمين فيديو YouTube مع `
-`
+```html
+
+```
تضمين خرائط Google مع `
-`
+```html
+
+```
### نص بديل
يتم استخدام المحتوى بين علامتي الفتح `
-`
+```html
+
+```
### استهداف إطار Iframe في ارتباط
يمكن لأي رابط `` أن يستهدف محتوى عنصر `
-
-
+```
سيعرض هذا المثال علامة `
-`
+```html
+
+```
يتم إدراج القيم المدرجة ، ولكن لا تتردد في تغييرها بالطريقة التي تريدها.
@@ -30,8 +30,8 @@ localeTitle: تضمين مقاطع الفيديو على Youtube
ماذا يجب أن نفعل إذا كنا نرغب في جعل هذا اللاعب يبدأ اللعب تلقائيًا؟ ما عليك سوى الإضافة إلى قيمة الرابط `?autoplay=1` . ولكن كن حذرًا ، فقد يكون الأمر مزعجًا بالنسبة إلى الكثير من الأشخاص الذين يزورون صفحتك على الويب.
- `
-
-`
\ No newline at end of file
+```html
+
+```
\ No newline at end of file
diff --git a/guide/arabic/html/tutorials/how-to-create-an-html-button-that-acts-like-a-link/index.md b/guide/arabic/html/tutorials/how-to-create-an-html-button-that-acts-like-a-link/index.md
index a044616a9a..cdd97265d0 100644
--- a/guide/arabic/html/tutorials/how-to-create-an-html-button-that-acts-like-a-link/index.md
+++ b/guide/arabic/html/tutorials/how-to-create-an-html-button-that-acts-like-a-link/index.md
@@ -8,27 +8,27 @@ localeTitle: كيفية إنشاء زر HTML التي تعمل مثل الارت
إحدى الطرق هي ببساطة لف علامة `
-