قبل ان نعرف الـ XHTML يجب ان ندرس و نعلم HTML لان XHTML في نسخة جديدة من HTML
HTML
Hyper Text Markup Language وهي لغة تستخدم لوصف موقع الانترنت من خلال مجموعة من الكلمات المحجوزة لهذه اللغة يتم عرض الموقع و التحكم بنوع الخط الحجم والالوان المستخدمه
مثال
<html>
<body>
لنقم الان ببعض التعديلات على هذه الجملة مثل تغير نوع الخط ولون الخط ولنكتب على اكثر من سطر
ولكن كيف يمكن لنا تعديل هذا النص ؟؟
هنالك طريقتين
الطريقة الاولى من خلال كبسة اليمين على الملف و اختيار open with ومن ثمى notpad و من خلال كبس زر اليمين على المتصفح "نفس الصفحة" و اختيار view source
اكتب النص التالي و احفظ الملف
<html>
<body>
My first html page<br />
<font color="#000099" face="tahoma" size="-6">My first html page</font><br />
<font color="#FF0000" face="Times New Roman" size="+6">My first html page</font><br />
</body>
</html>
سوف تلاحظ النتيجة التالية
هنالك عدد كبير جدا من الدوال التي يمكن ان تستخدم في html و سوف اقوم بعرض هذه الدوال في جدول وشرح كل دالة ماذا تفعل
في هذا الدرس لقت تعلمنا الدوال التالية
<html></html>
<body></body>
<font></font>
<br>
نلاحظ انه في كل دالة تفتح يجب ان نغلقها ماعدة دالة <br> لقد تم تطوير هذا الموضوع في XHTML وتم وضع لها تسكيرة من خلال/ حيث اصبحت بالـ XHTML تكتب بالشكل التالي <br />
My First Page
</body>
</html>
كل صفحة انترنت يجب ان تبدأ بالدالة <html> وتنتهي </html> و داخل هذه الدالة نستخدم دالة <body> </body>
لنقوم الان بتجربت ذلك
قم بفتح ملف جديد بستخدام notpad
Start=>programs=>accessories=>notpad
افتح كود html من خلال الدالة الخاصة به
<html>
افتح دالة جسم الموقع او المادة التي تريد ان تظهر
<body>
كتب هنا النص الذي ترغب به على سبيل المثال
My first HTML page
ثم نقوم باغلاق الدالات
</body>
</html>
يفضل ان تكتب كل سطر على سطر مستقل بحيث يكون الكود مرتب و تستطيع فهمه بالمستقبل اذا احتجته وحتى تتدرب على ترتيب الكود الانه سوف تتطر بالدروس المتقدمة ان تكتب كود معق لذلك يجب الترتيب
بعد ذلك احفظ الملف وليكن اسمه mypage.html
سوف تلاحظ ان الملف اصبح يحمل ايقونت internet explorer اي انها صفحة ويب
قم بفتح هذه الصفحة سوف تشاهد مايلي
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
