مدونة للبيع

Get paid to share your links!

1- HTML : أساسيات اللغة

6:24 ص

بسم الله الرجمن الرحيم

سنتناول شرح لغة تصميم المواقع HTML كاملة بإذن الله تعالى
ما هى لغة HTML ؟

هى عبارة عن إختصار لجملة Hyper Text Markup Language 
و هى تعنى اللغة التى تصف النص التشعبى أى أنك تستطيع التنقل من مكان لكان أخر داخل الموقع أو خارجة بصورة شبكة متشعبة و ليست طريقا مستقيما
فقديما قبل إستخدام هذه اللغة كان الإنترنت يسير فى صورة خط مستقيم لكى تذهب إلى أى نقطة يجب أن تمر بمجموعة من النقاط أولا ... فمثلا إذا كنت تريد فتح أحد المواقع يجب أولا الذهاب إلى موقع جوجل ثم إلى الأرشيف و من الأرشيف إلى .... ثم إلى الموقع

أما الأن بعد إستخدام هذه اللغة فى متصفحك مباشرة تكتب رابط الموقع و تذهب له دون المرور بهذه النقاط



هذه اللغة لها ما يسمى بالكلمات الدلالية البادئة و المغلقة  <tagname> و هذه الكلمات يمكن أن نشبهها بأحرف اللغة
و هذه الكلمات هى التى تعبر عن طريقة ما لعرض المعلومات مثل
<tagname>هنا المعلومات التى نريد عرضها</tagname>
لاحظت كلمة دلالية بادئة و أخرى مغلقة
هذا المثال يسمى العنصر و هو من بداية الكلمة الدلالية البادئة إلى المغلقة بما فيها الكلمات الدلالية نفسها


ممكن تتكون صفحة الموقع بلغة HTML ؟

تبدأ بكلمة <html>  ثم  <head>  ثم كلمة مغلقة <head/>  ثم <body>  ثم  <body/>  ثم النهاية <html/>

<html>
<head>
هنا يكون المعلومات التى ستكون فى منطقة العنوان
 </head>
<body>
و هنا يكون محتوى الموقع ككل
</body>
</html>

وظيفة المتصفح هنا عى أن تقرأ هذه اللغة فتظهر هكذا



إصدارات اللغة :

 اللغة لها عدة إصدارات

HTML1991
HTML+1993
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML 1.02000
HTML52012
XHTML52013



 حتى يستطيع المتصفح بقراَة الموقع بصورة صحيحة بنسبة 100% يجب أن يتم إدراج الإصدار
توضع فيما يسمى Common Declaration فمثلا إذا كان الموقع www.google.com سيكون
هذه هى الأكثر إستخداما

HTML 5

<!DOCTYPE html>  

 

HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//GOOGLE//DTD HTML 4.01//EN"
"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">





شارك الموضوع مع اصدقائك: