تمارين HTML تفاعلية

اكتب الوسوم الناقصة ثم اضغط على تحقق

تمرين 1 إملأ الفراغات

عنوان رئيسي
<>مرحبا</>
<p>أنا أتعلم HTML</p>
<h1>مرحبا</h1>
<p>أنا أتعلم HTML</p>

تمرين 2 إملأ الفراغات

<>
  <li>تفاح</li>
  <li>موز</li>
</>
<ul>
  <li>تفاح</li>
  <li>موز</li>
</ul>

تمرين 3 إملأ الفراغات

<>
  <li>Ronaldo</li>
  <li>Messi</li>
  <li>Zidane</li>
</>
<ol>
  <li>Ronaldo</li>
  <li>Messi</li>
  <li>Zidane</li>
</ol>

تمرين 4 إملأ الفراغات

<table>
  <>
    <td>Ronaldo</td>
    <td>Messi</td>
  </>
</table>

<table>
  < tr >
    <td>Ronaldo</td>
    <td>Messi</td>
  < /tr >
</table>

تمرين 5 إملأ الفراغات

<>
  <>
    <><img src="naruto.jpg"/></>
    <>Naruto</>
  </>
</>

<table>
  < tr >
    <td>img src="naruto.jpg"/></td>
    <td>Naruto</td>
  < /tr >
</table>

تمرين 6 إملأ الفراغات

إنشاء رابط
< href="https://google.com"> Google </>
<a href="https://google.com">Google</a>

تمرين 7 إملأ الفراغات

خط أفقي
<p>الفقرة الأولى</p>
<>
<p>الفقرة الثانية</p>
<p>الفقرة الأولى</p>
<hr>
<p>الفقرة الثانية</p>

تمرين 8 إملأ الفراغات

نوع النقاط في القائمة
<ul ="">
  <li>كرة القدم</li>
  <li>كرة السلة</li>
</ul>
<ul type="circle">
  <li>كرة القدم</li>
  <li>كرة السلة</li>
</ul>

تمرين 9 إملأ الفراغات

هيكل الصفحة
<html>
  <head>
    <title>صفحتي</title>
  </head>
  <>
    <h1>مرحبا</h1>
  </>
</html>
<html>
  <head>
    <title>صفحتي</title>
  </head>
  <body>
    <h1>مرحبا</h1>
  </body>
</html>

تمرين 10 إملأ الفراغات

<html>
  <>
    <title>صفحتي</title>
  </>
  <body>
    مرحبا
  </body>
</html>
<head>
  <title>صفحتي</title>
</head>

تمرين 11 إملأ الفراغات

<html>
  <head>
    <>صفحتي</>
  </head>
  <body>
    مرحبا
  </body>
</html>
<title>صفحتي</title>