مقدمة في لغة html و xhtml

بدايةً سنعرف ماذا تعني كلمة HTML و XHTML

فمعنى كلمة HTML : ـ Hyper Text Markup Language 

وتعني : لفة تأشير النصوص الموصوله أو لغة ترميز النص المفرط 

وكلمة XHTML :ـ عباره عن لغتين تم دمجهما HTML وقد عرفنا معناه أعلاه 

والـ X ـ يمثل XML وتعني :

 

إكس إم إل تتشابه قليلاً مع إتش تي إم إل (HTML) 
XML مثل HTML تستعمل علامات tags ( كلمات وضعت بين قوسين < و >) و الصِّفات attributes (من الشّكل اسم = "قيمة" (name = "value")). بينما HTML يحدّد ماذا تعني كل أمارة أو صفة ، و غالباً كيف النَصّ بينهما سيشاهَد في المتصفِّح ، XML يستخدم العلامات فقط لتحديد قطع البيانات و يترك تفسير البيانات تمامًا إلى التطبيق الذي يقرأها . بعبارة أخرى ، إذا رأيت <ف> في ملفّ إكس إم إل ، لا تفترض أنها فقرة. اعتماداً على السّياق ، قد تكون فهرس أو فاتورة أو ف... ( و من يقول أنه يجب أن تكون كلمة تبدأ بحرف فاء ؟).
تُعرف XHTML بأنها دمج بين لغة HTML المعروفة و XML 

الصفحات المصممة باستخدام XHTML تظهر بنفس الكيفية وبطريقة صحيحة على جميع المتصفحات 

عليك أن تعرف أن XHTML هي لغة المستقبل ...


أكواد XHTML ليست مختلفة كثيراً عن HTML العادية، وأهم الاختلافات فيها هي:

  • كود XHTML يجب أن يكون مرتباً جيداً 
  • يجب دائماً اغلاق وسوم XHTML 
  • يجب كتابة الوسوم والاكواد بالحروف الصغيرة فقط دون الكبيرة 
  • يجب أن تحتوي الصفحة على وسم واحد رئيسي تتفرع جميع الوسوم منه




س / ماهو الفرق بين HTML و XHTML ؟

لقد مرت HTML بمراحل تطوير خلال السنوات الماضية حتى وصلت للإصدار HTML 4.01 وبعد ذلك توقف تطويرها واستبدلت بلغة جديدة هي XHTML وهي نفس سابقتها ولكن هنالك اختلافات بسيطة جداً في كتابة الأكواد بين الاثنين ، و سنتطرق لها في الدروس القادمة إن شاء الله.


س / ماذا تستفيد من تعلم لغةHTML ؟

بعد تعلم HTML ستكون لديك صورة واضحة حول بناء صفحات الإنترنت وطريقة عرض مابها من نصوص وصور وغيره ، بالإضافة لذلك ستكون قد انجزت اهم خطوة من خطوات تعلم تصميم مواقع الإنترنت وستفتح أمامك جميع الأبواب في تصميم مواقع الإنترنت ؛ فجميع اللغات المستخدمة في بناء مواقع الإنترنت مثل ( جافا JAVA - PHP - XHTML ) تعتمد أساساً على فهمك للغة HTML وسأضرب لكم مثال بسيط :

عندما يكون لديك صفحة إنترنت HTML ، وترغب بإضافة بعض اكود لغة PHP للتخزين معلومات الزائر في قاعدة بيانات ؛ لابد لك أن تكون على دراية بلغة HTML حتى تستطيع ان تدمج معها php ، هذا مثال بسيط جداً .

المصدر : الأستاذ وائل الغامدي 

ستكون دراستنا حالياً بلغة HTML وسنطبق الشروحات والدروس على المفكره .txt 

وفي دروسنا يمنع منعاً باتاً إستخدام أي برنامج مثل محررات الاتش تي ام ال والفرونت بيج 

ستنحصر دروسنا فقط على المفكرة .

ملاحظه هامه جداً : لغة HTML التي سندرسها الآن HTML 4.01 وهي قريبه جداً من XHTML

لنواكب التطور في هذه اللغه

 

 

تنشر مشروع لغة تأشير النص الفائق، HTML 5، مستقبل مضمون شبكة الويبس
2008-01-22 : أصدر الكونسورسيوم W3C اليوم مشروع مبكر من لغة تأشير النص الفائق (HTML 5)، مراجعة رئيسية للغة الترميز للويب. لجنة عمل HTML تخلق (HTML 5) لتكون مواصفات مفتوحة و خالية الملكية من أجل شبكة غنية من ناحية المضمون و التطبيقات. "لغة HTML هي طبعا معيار مهم جدا"، يقول تيم بيرنرز-لي مدير W3C و مؤلف النسخة الاولى من لغة HTML. "و يسرني أن أرى أن جالية المطورين، بما فيهم بائعو المتصفح، تبدل مجهود مشترك لإيجاد أفضل طريق ممكن إلى الويب. إدماج المداخلات من هذا العدد الكبير من الناس هو عمل شاق، كما هو التحدي لإيجاد توازن بين الاستقرار و الابتكار، البراغماتية و المثالية". أهم الميزات الجديدة للمؤلفين هي واجهات البرمجة (APIs ) للرسومات الثنائية الأبعاد، و للترسيخ و التحكم في مضمون سمعي و فيديو، و لتدبير تخزين البيانات المستمرة عند البرنامج العميل، ولتمكين المستخدمين من تحرير كل أو أجزاء من والمستندات بشكل تفاعلي. مواصفة HTML 5 تساعد على تحسين التشغيل المتبادل وتقليل تكاليف البرمجيات، باعطاء قواعد دقيقة ليس فقط حول كيفية التعامل مع كل الوثائق HTML الصحيحة، ولكن أيضا كيفية الإسترداد من الاخطاء. . 
 
 
مختصر :

تبدأ جميع أوامر هذه اللغه بـ علامة البدايه و تنتهي بــ علامة النهايه 

<بداية> 

الكود أو النص 

</ النهايه>

في بداية أي تصميم سنبدأ بكتابة <HTML> وسينتهي بكتابة </HTML>