اسم الدالة بداية نهاية وظيفتها
HTML headings <h1> </h1> تكبير الخط
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6>
HTML Graphs <p> </p> كتيبة فقرة
HTML Links <a> </a> صنع رابط
HTML Image <img> اضهار صورة
HTML table <table> </table> صنع جدول
<tr> </tr> صنع صف داخل الجدول
<td> </td> صنع صف داخل الجدول
HTML Header <header> </header> راس الصفحة
<title> </title> عنوان الصفحة
HTML Line <br> بداية السطر
HTML Font <font> </font> لتغير الخط وصفات الخط
<strong> </strong> جعل الخط bold
HTML DIV <div> </div> نص و تستخدم مثل الجدول
في المثال التالي سوف نقوم بصنع 3 صفحات الصفحة الاولى تحتوي على اسم الصفحة مع استخدام دوال <h1> وتحتويعلى رابط للانتقال للصقحة الثانية ورابط الصفحة الثالثة
الصفحة الثانية تحتوي على جدول به نتائج الطلاب بجدول و رابط للصفحة الاولى والثالثة
الصفحة الثالثة تحتوي على صورة ورابطين للصفحة الاولى والثانية
وسف نستخدم بعض الخصائص لهذه الدوال و يطلق عليها اسم Attributes
كود الصفحة الاولى
<html dir="rtl">
<head>
<title>الصفحة الاولى</title>
</head>
<body>
<h1>العنوان</h1>
<h2>العنوان</h2>
<h5>العنوان</h5>
<h6>العنوان</h6>
<br>
<br>
<p>
<a href="spage.html">الصفحة الثانية</a><br>
<a href="tpage.html">الصفحة الثالثة</a>
</p>
</body>
</html>
لاحظ اني اتخدمة attribute مع دالة الرابط href وهي التي سوف تدل محرك البحث عن اسم الصفحة كي يتمكن من فتحها
وستخدمنا مع دالة HTML بداية الصفحة attribute dir=”rtl’ وتستخدم لجعل الصفحة من اليمين لليسار لللغة العربية
كود الصفحة الثانية
<html dir="rtl">
<head>
<title>الصفحة الثانية</title>
</head>
<body>
<table border="2" align="center" width="90%">
<tr>
<td>اسم الطال</td>
<td>عمر الطالب</td>
<td>العلامة</td>
</tr>
<tr>
<td>احمد</td>
<td>20</td>
<td>85</td>
</tr>
<tr>
<td>محمد</td>
<td>22</td>
<td>83</td>
</tr>
<tr>
<td>عمر</td>
<td>23</td>
<td>89</td>
</tr>
</table>
<p>
<a href="fpage.html">الصفحة الاولى</a><br>
<a href="tpage.html">الصفحة الثالثة</a>
</p>
</body>
</html>
في هذا المثال استخدمنا attributes جديدة مع الجدول border و تحدد عرض الاطار aling وتحدد مكان الجدول width لتحديد عرض الجدول بالنسبة لعرض المتصفح
كود الصفحة الثالثة
<html dir="rtl">
<head>
<title>الصفحة الاولى</title>
</head>
<body>
<img src="3wmaker.jpg" />
<p>
<a href="fpage.html">الصفحة الاولى</a><br>
<a href="spage.html">الصفحة الثانية</a>
</p>
</body>
</html>
استخدمنا مع دالة الصور src وهي لتحديد مكان الصورة ويجب في هذه الحالة ان تكون الصورة على نفس المجلد الذي يحتوي الصفحات و مثلا لو كانت موجوده داخل مجلد اخر اسمه images على سبيل المثال تكون الـ Attribute كتالي
<img src=”images/3wmaker.jpg />
من خلال مجوعة الدوال وخصائصها تستطيع صنع اي موقع تريد و وضع فيه ميزات كثيرة
في الدرس المقبل سوف نعرف الفرق بين XHTML و HTML و سوف نبداء بتصميم الموقع الخاص بنا
