579aa7628c
* Improving Arabic translation Improving Arabic translation in say-hello-to-html-elements.arabic.md file * Translating Description and Improving Arabic Translation. Translated the Description from the English version. Also Improving the Arabic translation. * Fixing a mistake in translating the tests. * Fixing a mistake I made while translating the tests in headline-with-the-h2-element.arabic.md * Improving the Arabic translation and fixing grammar. * adding space to (I'm a p tag) in line 10 * fixing bad indentation. * fixing bad indentation (mistake by me) * fixing bad indentation (mistake by me) * Add missing Description and Test text Adding missing description text and Test text from English version. Also general improvements to the Translation. * Adding missing description text and Test text Adding missing description text and Test text in in uncomment-html.arabic.md from English version. Also general improvements to the Translation. * Improving the Arabic translation * Minor updates to the translation * Overall Enhancement to the translation. * General translation improvement Improving the translation on the Description, Instructions and the Tests. Separate text to different lines for better readability. * Improving "Link to External Pages with Anchor Elements" Arabic Translation. * Matching characters and entities to the English version.
61 lines
2.3 KiB
Markdown
61 lines
2.3 KiB
Markdown
---
|
|
id: bd7123c8c441eddfaeb5bdef
|
|
title: Say Hello to HTML Elements
|
|
challengeType: 0
|
|
videoUrl: ''
|
|
localeTitle: 'قل مرحبا لعناصر HTML'
|
|
---
|
|
|
|
## الوصف
|
|
<section id="description"> مرحبًا بك في تحديات الـ HTML البرمجية الخاصة بـ freeCodeCamp . من خلال هذه التحديات ستتعلم تطوير الويب خطوة بخطوة. أولاً ، ستبدأ ببناء صفحة ويب بسيطة باستخدام HTML.
|
|
يمكنك تحرير <code>الكود</code> في <code>محرر الأكواد</code> الخاص بك ، والذي تم تضمينه في صفحة الويب هذه.
|
|
هل ترى الكود <code><h1>Hello</h1></code> الموجودة في محرر الأكواد ؟ هذا هو <code>العنصر</code> في لغة الـ HTML.
|
|
|
|
تحتوي معظم عناصر لغة الـ HTML على <code>وسم الفتح</code> و <code>وسم الإغلاق</code>.
|
|
|
|
تبدو علامات الفتح بالشكل التالي:
|
|
<code><h1></code> ،
|
|
اما علامات الإغلاق فهي كما يلي:
|
|
<code></h1></code>.
|
|
|
|
الفرق الوحيد بين علامتي الفتح والإغلاق هو علامة الشَرطة المائلة للأمام بعد قوس الفتح، لوسم الإغلاق. لكل تحدٍ اختبارات يمكنك تنفيذها في أي وقت بالنقر على زر "تشغيل الاختبارات". عندما تجتاز جميع الاختبارات ، سيطلب منك إرسال الحل والانتقال للتحدي البرمجي التالي. </section>
|
|
|
|
## التعليمات
|
|
<section id="instructions"> لاجتياز في هذا التحدي، قم بتغيير نص العنصر <code>h1</code> لإخراج الجملة "Hello World". </section>
|
|
|
|
## الاختبارات
|
|
<section id='tests'>
|
|
|
|
```yml
|
|
tests:
|
|
- text: 'العنصر <code>h1</code> يجب ان يحتوي على النص "Hello World".'
|
|
testString: 'assert.isTrue((/hello(\s)+world/gi).test($("h1").text()), "Your <code>h1</code> element should have the text "Hello World".");'
|
|
|
|
```
|
|
|
|
</section>
|
|
|
|
## Challenge Seed
|
|
<section id='challengeSeed'>
|
|
|
|
<div id='html-seed'>
|
|
|
|
```html
|
|
<h1>Hello</h1>
|
|
|
|
```
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</section>
|
|
|
|
## Solution
|
|
<section id='solution'>
|
|
|
|
```js
|
|
// solution required
|
|
```
|
|
</section>
|