HTML هي اختصار لـ Hyper Text Markup Language وهي لغة الهدف الاساسي من انشائها دعم عرض المنتجات على صفحات الويب والتي قام بتصميمها ( تيم بيرنرز لي Tim Berners-lee)
اصدرات لغة HTML
اصدرات لغة 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>
الاستخدام
|
التاق
|
يستخدم في تنسيق النصوص والهدف منه تعريض النص
|
<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 وجميعها تعمل بشكل منفصل ،
الاطارات تقوم بتقسيم نافذة المتصفح الى مستطيلات متعددة كل مستطيل يحتوي على صفحة ويب html وجميعها تعمل بشكل منفصل ،
الاستخدام
|
التاق
|
ليس من ضمن التاقات التي تعمل بداخل تاق <body> إنما يستبدل به ويأتي ضمن التاق<frame> الذي يستخدم لعرض جميع الإطارات
|
<frameset></frameset>
|
يستخدم لتحديد لصفحات الويب التي تحتوي على اطارات مختلفة
|
<frame></frame>
|
يستخدم لاستهداف الاطار الافتراضي في أي صفحة تحتوي على روابط
تعرض محتوياتها في اطار اخر
|
<base></base>
|
النماذج forms
النموذج او الفورم يستخدم لادخال القيم ، هذه القيم ترسل الى الخادم لمعالجتها ، النماذج تستخدم لادخال قيم من هذه الانواع : حقول نصية ، صناديق اختيار ، ازرار الراديو ، ازرار الارسال ، القوائم الخ ...
الاستخدام
|
التاق
|
يستخدم لادراج نموذج html
|
<form></form>
|
يستخدم لادراج حقل ادخال
|
<input></input>
|
يستخدم لتحديد منطقة النص الذي يسمح بإدراج اكثر من سطر نصي
|
<textarea></textarea>
|
يستخدم لتحديد عناوين العناصر
|
<label></label>
|
تعليقات
إرسال تعليق
شاركنا الآراء ،،