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

0


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>

ليست هناك تعليقات:

إرسال تعليق

شركنا الاراء ،،

جميع الحقوق محفوظه © مدونة فـاب

تصميم الورشه