لغة HTML هي لغة برمجة المواقع الأولى و كل مواقع الانترنيت في العالم تقريبا مبنية أساسا على هذه اللغة
لغات برمجة الويب جاءت كي تسهل و تسرع تصفح المواقع فتخيلو مثلا انو المواقع مبنية بالصور الحقيقية فاننا لما نريد تصفحها نقوم بتحميل تلك الصور و الكتابات حتى نراها و ذلك سيستغرق وقت طويل جدا حتى تستطيع رؤية موقع واحد اما لغات البرمجة فهي مجرد اكواد لما تترجم في المتصفحات ( firefox او chrome ) تظهر لنا لهذا الشكل .
كمثال لنرى مثلا كود صفحة الفيسبوك ( اضغط ctrl + u )
تظهر صفحة اكود هذا الموقع في هيكلته الحقيقية
ولقد صُـنِـعَـت هذه اللغة من قبل مخترع الويب (Tim Berners-Lee)، ثم طُـوِّرت من قبل منظمة (IETF)، والآن أصبحت منظمة الويب العالمية (W3C) هي الراعية لهذه اللغة والمسؤولة عنها.
مثال
<!DOCTYPE html>
<html>
<body>
<h1>عنوان عريض</h1>
<p>فقرة</p>
</body>
</html>
كيفية الظهور :
عنوان عريض
فقرة .
شرح المثال :
DOCTYPE يمثل التعريف بالملف
النص بين <html> و </html > يمثل صفحة الويب
النص بين <body> و </body> يمثل الجزء الظاهر على صفحة الويب أو الجزء المرئي
النص بين <h1> و </h1> يمثل عنوان عريض
النص بين <p> و </p> يثل فقرة
التعريف <!DOCTYPE html> خاص بلغة HTML5 أي الاصدار الاخير للغة HTML
ماهي HTML ؟
[IMG]https://dzlearning.com/ar/wp-*******/uploads/2013/08/images.jpg[/IMG]
HTML هي لغة برمجة من أجل بناء صفحات الويب و تصميم المواقع .
Hyper Text Markup ******** ( لغة ترميز النصوص التشعبية )
HTML هي لغة توصيف النص
ملفات HTML تحتوي على وسوم HTML والنص العادي
صفحات HTML تسمى أيضا بصفحات الويب
وسوم HTML
رموز لغة HTML المستعملة تسمى بالوسوم “HTML tags” :
وسوم HTML هي الكلمات المفتاحية تحيط بها أقواس زاية بهذا الشكل <html>
وسوم HTML تأتي عادة في شكل أزواج بهذا الشكل <b> </b>
الوسم الأول <b> هو علامة بداية الكود و الثاني </b> هو علامة النهاية
يتم كتابة علامة النهاية مثل علامة البداية مع خط مائل قبل اسم الوسم
<الوسم>المحتوى</الوسم>
متصفحات الويب
الهدف من المتصفحات (مثل Google Chrome, Internet Explorer, Firefox, Safari ) هو قراءة ملفات HTML و اظهارهم كصفحات ويب
المتصفح لا يظهر الكود و الوسوم وإنما يستخدم الوسوم لمعرفة كيفية اظهار محتوى صفحة الويب
[IMG]https://dzlearning.com/ar/wp-*******/uploads/2013/08/Sans-titre.png[/IMG]
هيكل صفحة الويب
[IMG]https://dzlearning.com/ar/wp-*******/uploads/2013/08/San%D8%B3%D9%8A%D8%A8%D8%B3%D9%8A%D8%A8s-titre.png[/IMG]
فيما يلي عرض لهيكلة صفحة HTML بسيطة :
اصدارات HTML
منذ الأيام الأولى من شبكة الإنترنت، وكانت هناك العديد من إصدارات HTML:
الاصدار السنة
HTML 1991
HTML+ 1993
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 1.0 2000
HTML5 2012
XHTML5 2013
التعريف <!DOCTYPE>
يساعد المتصفح على عرض صفحة الويب بشكل صحيح خاصة اذا كانت تستخدم وسوم جديدة فكما ذركنا سابقا فقد تطورت لغة HTML عبر السنين لنصل اخيرا الى الاصدار HTML5 و XHTML5
هناك العديد من صفحات الويب المختلفة على شبكة الإنترنت، ويمكن للمتصفح فقط عرض صفحة HTML بشكل صحيح بنسبة 100 إذا كان يعرف نوع HTML والنسخة المستخدمة.
بعض تعريفات لغة HTML
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“https://www.w3.org/TR/html4/loose.dtd”>
XHTML 1.0
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
كان هذا مدخلا بسيطا للغة البرمجة HTML الخاصة بتصميم صفحات و مواقع الويب
انتظرونا في درس قادم فقط على موقع تعلم المصدر الأول للتعلم
المصدر من هنا موقع تعلم
( تقرير عن مشاركة سيئة )، و الموجودة أسفل كل مشاركة .
2013-09-20, 10:57
تعلم ال html الدرس الاول ( مدخل الى اللغة )
العرض العادي
