بسم الله الرجمن الرحيم
سنتناول شرح لغة تصميم المواقع HTML كاملة بإذن الله تعالى
ما هى لغة HTML ؟
هى عبارة عن إختصار لجملة Hyper Text Markup Language
و هى تعنى اللغة التى تصف النص التشعبى أى أنك تستطيع التنقل من مكان لكان أخر داخل الموقع أو خارجة بصورة شبكة متشعبة و ليست طريقا مستقيما
فقديما قبل إستخدام هذه اللغة كان الإنترنت يسير فى صورة خط مستقيم لكى تذهب إلى أى نقطة يجب أن تمر بمجموعة من النقاط أولا ... فمثلا إذا كنت تريد فتح أحد المواقع يجب أولا الذهاب إلى موقع جوجل ثم إلى الأرشيف و من الأرشيف إلى .... ثم إلى الموقع
أما الأن بعد إستخدام هذه اللغة فى متصفحك مباشرة تكتب رابط الموقع و تذهب له دون المرور بهذه النقاط
فقديما قبل إستخدام هذه اللغة كان الإنترنت يسير فى صورة خط مستقيم لكى تذهب إلى أى نقطة يجب أن تمر بمجموعة من النقاط أولا ... فمثلا إذا كنت تريد فتح أحد المواقع يجب أولا الذهاب إلى موقع جوجل ثم إلى الأرشيف و من الأرشيف إلى .... ثم إلى الموقع
أما الأن بعد إستخدام هذه اللغة فى متصفحك مباشرة تكتب رابط الموقع و تذهب له دون المرور بهذه النقاط
هذه اللغة لها ما يسمى بالكلمات الدلالية البادئة و المغلقة <tagname> و هذه الكلمات يمكن أن نشبهها بأحرف اللغة
و هذه الكلمات هى التى تعبر عن طريقة ما لعرض المعلومات مثل
<tagname>هنا المعلومات التى نريد عرضها</tagname>
لاحظت كلمة دلالية بادئة و أخرى مغلقة
هذا المثال يسمى العنصر و هو من بداية الكلمة الدلالية البادئة إلى المغلقة بما فيها الكلمات الدلالية نفسها
ممكن تتكون صفحة الموقع بلغة HTML ؟
تبدأ بكلمة <html> ثم <head> ثم كلمة مغلقة <head/> ثم <body> ثم <body/> ثم النهاية <html/>
<html>
<head>
هنا يكون المعلومات التى ستكون فى منطقة العنوان
</head>
<body>
و هنا يكون محتوى الموقع ككل
</body>
</html>
وظيفة المتصفح هنا عى أن تقرأ هذه اللغة فتظهر هكذا
إصدارات اللغة :
اللغة لها عدة إصدارات
حتى يستطيع المتصفح بقراَة الموقع بصورة صحيحة بنسبة 100% يجب أن يتم إدراج الإصدار
توضع فيما يسمى Common Declaration فمثلا إذا كان الموقع www.google.com سيكون
هذه هى الأكثر إستخداما
<!DOCTYPE HTML PUBLIC "-//GOOGLE//DTD HTML 4.01//EN"
"http://www.google.com/TR/html4/strict.dtd">
"http://www.google.com/TR/html4/frameset.dtd">
| HTML | 1991 |
| HTML+ | 1993 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML 1.0 | 2000 |
| HTML5 | 2012 |
| XHTML5 | 2013 |
حتى يستطيع المتصفح بقراَة الموقع بصورة صحيحة بنسبة 100% يجب أن يتم إدراج الإصدار
توضع فيما يسمى Common Declaration فمثلا إذا كان الموقع www.google.com سيكون
هذه هى الأكثر إستخداما
HTML 5
<!DOCTYPE html>
HTML 4.01 Strict
"http://www.google.com/TR/html4/strict.dtd">
HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//GOOGLE//DTD HTML 4.01 Transitional//EN"
"http://www.google.com/TR/html4/loose.dtd">
HTML 4.01 Frameset
<!DOCTYPE HTML PUBLIC "-//GOOGLE//DTD HTML 4.01 Frameset//EN""http://www.google.com/TR/html4/frameset.dtd">
XHTML 1.0 Strict
<!DOCTYPE html PUBLIC "-//GOOGLE//DTD XHTML 1.0 Strict//EN"
"http://www.google.com/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional
<!DOCTYPE html PUBLIC "-//GOOGLE//DTD XHTML 1.0 Transitional//EN"
"http://www.google.com/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset
<!DOCTYPE html PUBLIC "-//GOOGLE//DTD XHTML 1.0 Frameset//EN"
"http://www.google.com/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1
<!DOCTYPE html PUBLIC "-//GOOGLE//DTD XHTML 1.1//EN"
"http://www.google.com/TR/xhtml11/DTD/xhtml11.dtd">
