You are on page 1of 3

‫>‪<!

DOCTYPE html‬‬

‫>"‪<html lang="en‬‬

‫راس الموقع الذي يقراه المتصفح يحتوي هذا الجزء جميع المعلومات التي يقدمها المبرمج للمتصفح حول الموقع وتكون >‪<head‬‬
‫محصورة بين كلمة‬

‫لغة المتصفح هذا الرمز بدعم جميع الللغات بما فيها العربية >"‪<meta charset="UTF-8‬‬

‫>"‪<meta http-equiv="X-UA-Compatible" content="IE=chrome‬‬

‫>"‪<meta name="viewport" content="width=device-width, initial-scale=1.0‬‬

‫اسم الموقع الذي يظهر في المتصفح >‪<title>tebereezz</title‬‬

‫>‪</head‬‬

‫جسم الموقع >‪<body‬‬

‫راس جسم الموقع يعنى اعلى الصفحة >‪<header‬‬

‫‪logo‬‬

‫>‪ </h1‬مرحبا بكم في موقنعنا المميز ‪<h1> welcome to our website tebrezz‬‬

‫العنوانين الكبيرة نستعمل ‪ h1‬والتي أقل نستعمل ‪ h2‬الى غاية ‪h6‬‬

‫>‪<h1 dir="rtl"> </h1‬‬

‫التعليمة ‪ dir‬تستعمل لتغيير اتجاه الكتيابة والقيمة ‪ rtl‬من اليسار الى اليمين والقيمة ‪ ltr‬من اليمين الى اليسار والقيمة القياسية‬
‫‪auto‬‬

‫>‪<nav‬‬

‫‪ Navigation bar‬خاصة بقائمة العناصر المكونة لقائمة العناصر المكونة للموقع‬

‫>‪<ul‬‬

‫تستعمل لوضع العناصر في شكل غير مرتب أو باألحرى غير مرقم وهي تعني ‪unorder line‬‬

‫>‪<div‬‬

‫تستعمل من اجل تجزئة العناصر والتعامل مع بشكل خاص‬

‫>‪<li‬‬

‫وهي تعنى ‪ line item‬وهي تيتعمل من اجل وضع عناصر ‪ nav‬في شكل اسطر‬

‫>‪<a href="#"> about the website</a‬‬

‫تستعمل لكتابة رابط لعنصر ‪ nav‬الموقع وتكتب بين الشولتين الرابط ‪ ’’=href‬وبعد نهاية عنصر فتح ‪ a‬نكتب اسم عنصر ‪nav‬‬

‫>‪</li‬‬

‫>‪</div‬‬
<li><a href="#">products</a></li>

<li><a href="#">contact us</a></li>

</ul>

</nav>

<img src="http://www.alleycat.org/wp-content/uploads/2019/03/FELV-cat.jpg" alt="">

<div>

<p>Lorem ipsum, <span style="color:blue">sit</span> <strong>amet consectetur</strong>


adipisicing elit. Rem, repellendus!</p>

<p> <i> Lorem ipsum dolor i sit amet consectetur,adipisicing elit. Voluptatum alias nisi quae,
odio ex excepturi.</i></p>

</div>

<div>

<form action="action.php" method="post">

<label for="StudentFirstName">Student First Name</label>

<input type="text" name="StudentFirstName" placeholder="‫>"االسم االول‬

<label for=""> STUDENT FAMILY NAME </label>

<input type="text">

<input type="submit"value= ‫>ارسال‬

</form>

</div>

</header>

</body>

<aside dir="rtl">

<nav>

<ul>

<div> <li><a href="https://www.univ-tebessa.dz/arab"> tebessa </a></li>


<li><a href="https://www.univ-jijel.dz/index.php/ar/"target="_blank">jijel</a></li>

<li><a href="https://arabe.univ-setif.dz/">setif</a></li>

</div>

</ul>

</nav>

</aside>

</html>

You might also like