مقدمة في لغة html شرح مبسط



HTML هي اختصار لـ Hyper Text Markup Language وهي لغة الهدف الاساسي من انشائها دعم عرض المنتجات على صفحات الويب والتي قام بتصميمها ( تيم بيرنرز لي Tim Berners-lee)

اصدرات لغة HTML


االاصدار سنة الاصدار
HTML 1.0 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.0 1999
XHTML 2000
XHTML5 2012

تاقات الاتش تي ام ال HTML TAGS:
التاق TAG هو امر يقوم باصدار الاوامر للمتصفح واخباره بطريقة عرض النصوص ، والاصوات ، والرسوميات ، والفيديو على صفحة الويب .

تعليمات :

  • التاق هو الذي يحدد بداخل قوسين متقابله .
  • نبدأ دائما بإشارة اصغر من بحسب الاتجاه في اللغة الانجليزية (>) وننهي التاق بإشارة اكبر من (<)
  • نقوم بكتابة اسم التاق بداخل القوسين
  • معظم التاقات تتكون من زوجين واحد عند البداية والاخر للأغلاق
  • عند بداية التاق نقوم بكتابته بين القوسين ولكن عند الاغلاق نقوم باضافة علامة السلاش(/) بعد قوس الاصغر من وقبل اسم التاق .
  • بعض التاقات ليس لها تاق اغلاق 
  • التاق ليس لديه حساسية كتابة الاحرف بمعنى انه يؤدي الهدف منه سواء كتب باحرف كبيرة او صغيرة
  • في الغالب يكون اسم التاق هو نفسه عند البداية والاغلاق ولكن في حالات يمكن ان يكون تاق البداية مختلف عن تاق الاغلاق على سبيل المثال   (<b></i>)
  • اذا لم تقم بكتابة التاق بداخل اشارتي اكبر من واصغر من فإن المتصفح سيعامله كانه نص عادي .
التاقات الاساسية BASIC TAGS:
استخدامه
التاق
لتحديد المستندات على صفحة الويب ويكون في بداية الصفحة وفي نهايتها
<html></html>
لتحديد ووصف المعلومات في صفحة الويب  ويكون في رأس الصفحة
<head></head>
لتحديد عنوان الصفحة ويظهر العنوان في لسان نافذة المتصفح
<title></title>
لتحديد محتوى الصفحة وهو المسؤل عن اظهار اغلب محتويات الصفحة
<body></body>

 شرح لآلية كتابتها :
<html>
<head>heading </head>
<title>fab2 blog</title>
<body>body goes here</body>
</html>
  
تاقات تنسيق النصوص formatting tags :
الاستخدام
التاق
يستخدم في تنسيق النصوص والهدف منه تعريض النص
<b></b>
يستخدم في تنسيق النصوص والهدف منه ميلان النص
<em></em>
يستخدم في تنسيق النصوص والهدف منه تعريض النص
<strong></strong>
يستخدم في تنسيق النصوص والهدف منه ميلان النص
<i></i>
يستخدم للنصوص والمعادلات الرياضية لرفع الاس للاعلى
<sub></sub>
يستخدم للنصوص والمعادلات الرياضية لخفض الاس للأسفل
<sup></sup>
يستخدم لشطب النص في الإعلانات والتخفيضات التجارية
<ins></ins>
نفس الهدف السابق
<del></del>
يستخدم لتضليل النص
<mark></mark>

تاقات الجداول table tags:
الاستخدام
التاق
بداية كود الجدول
<table></table>
لتحديد صف الجدول
<tr></tr>
لتحديد رأس الجدول
<th></th>
تحديد خلية البيانات في الجدول
<td></td>
لإضافة شرح للجدول
<caption></caption>
لتحديد مجموعة الاعمدة في تنسيق الجدول
<coigroup></coigroup>

تاقات القوائم list tags :

الاستخدام
التاق
لتحديد قائمة غير مرتبة
<ul></ul>
لتحديد قائمة مرتبة
<ol></ol>
لتحديد قائمة عناصر
<li></li>
لتحديد قائمة وصفية
<dl></dl>
لتحديد مصطلح في القائمة الوصفية
<dt></dt>
لتحديد وصف مصطلح في القائمة الوصفية
<dd></dd>

الاطارات Frames
الاطارات تقوم بتقسيم نافذة المتصفح الى مستطيلات متعددة كل مستطيل يحتوي على صفحة ويب html وجميعها تعمل بشكل منفصل ،
الاستخدام
التاق
ليس من ضمن التاقات التي تعمل بداخل تاق <body> إنما يستبدل به ويأتي ضمن التاق<frame> الذي يستخدم لعرض جميع الإطارات
<frameset></frameset>
يستخدم لتحديد لصفحات الويب التي تحتوي على اطارات مختلفة
<frame></frame>
يستخدم لاستهداف  الاطار الافتراضي في أي صفحة تحتوي على روابط تعرض محتوياتها في اطار اخر
<base></base>

النماذج forms
النموذج او الفورم يستخدم لادخال القيم ، هذه القيم ترسل الى الخادم لمعالجتها ، النماذج تستخدم لادخال قيم من هذه الانواع : حقول نصية ، صناديق اختيار ، ازرار الراديو ، ازرار الارسال ، القوائم الخ ...
الاستخدام
التاق
يستخدم لادراج نموذج html
<form></form>
يستخدم لادراج حقل ادخال
<input></input>
يستخدم لتحديد منطقة النص الذي يسمح بإدراج اكثر من سطر نصي
<textarea></textarea>
يستخدم لتحديد عناوين العناصر
<label></label>

تعليقات

المشاركات الشائعة من هذه المدونة

طريقة حساب الغياب المسموح به قبل الحرمان من المقرر

تجربتي في استخراج بطاقة احوال بدل فاقد

انشاء سكربت php لاإدخال البيانات الى قاعدة بيانات mysql