لغات البرمجة

لغة HTML أوامر إضافة القوائم و الجداول وتنسيقها

اليوم في موقعنا فريق الدعم الألكتروني سنقدم لكم سلسلة المقالات تعلم لغة HTML ومجموعة أوامر إضافة القوائم المسلسلة  و كما تعلمنا أوامر إضافة صورة و الأوامر الأساسية باللغة html 

و القوائم الغير مسلسلة و قوائم التعريف و كيفية إضافة جدول

لغة HTML أوامر إضافة القوائم

لعمل القوائم المسلسلة نستخدم الوسم <OL> وللوسم ده عدة خصائص و من أهمها الخاصية TYPE

الخاصية TYPE وهي تحدد نوع التسلسل ولها قيم وهي

1 : لجعل الترتيب بالأرقام

I : لجعل الترتيب بحروف لاتينية كبيرة

i : لجعل الترتيب بحروف لاتينية صغيرة

A : لجعل الترتيب بحروف إنجليزية كبيرة

a : لجعل الترتيب بحروف إنجليزية صغيرة

<li> وهو أمر مفرد ونستخدمها لإضافة عنصر في القائمة

لغة HTML
لغة HTML

– أما لعمل قوائم غير مسلسلة فنستخدم الأمر <ul> وذلك لإضافة قائمة غير مسلسلة ونستخدم الأمر <li> لنستخدم الأمر لإضافة عناصر

أما لإضافة قوائم التعريف فنستخدم الأمر <dl> وهو في تعريفة يشبة الأمران <ol> و <ul>

و للأمر dl خاصيتان وهما

<dt> وهو أمر مفرد لأضافة عنصر بداخل قائمة

<dd> وهو أمر مفرد يستخدم لإضافة وصف لعنصر

لغة HTML
لغة HTML

لغة HTML أوامر إضافة جداول

تتيح لك لغة HTML إمكانية إضافة جداول و الجداول بداخل HTML تتكون من صفوف أفقية بها خلايا ولا تعتمد على الأعمدة ونستخدم لإدراجها الأوامر التالية

– لإدراج جدول نستخدم الأمر <table> ويتم إدراج باقي الأوامر تحت الأمر table

وله خاصية تدعى border

border يستخدم لتحديد سمك حدود الجدول ووحدة قياسها البيكسل و لها قيمتين

1 : يوجد حدود للجدول أو “” : أي لا يوجد حدود للجدول

أما لإدراج الخلايا بداخل الجدول وتنسيقها

<tr> يستخدم هذا الأمر لإضافة صفوف

<td> ويستخدم هذا في عمل خلية قياسية ” لها خيارات افتراضية في اللغة ” وقيمتها ممكن أن تكون نص أو صورة أو رابط ولها خصائص هما colspan و rowspan

و تستخدم الخاصية colspan في دمج الخلايا أفقيًا وذلك من خلال الأوامر التالية

<td colspan=”number”>
content
<td/>

أما بالنسبة للأمر rowspan لدمج الخلايا رأسيًا وذلك من خلال الأوامر التالية

< td rowspan=”number”>
Content
<td/>

لغة HTML
لغة HTML

أما إذا أردت تنسيق الجدول بإضافة خطوط لتحديدة فعليك باستخدام لغة css3 وهو ما سوف نتناوله من خلال المقالات القادمة

المصدر : هنا 

الوسوم

مقالات ذات صلة

إغلاق