دليل مرجعي لـ HTML

كامل علامات HTML

HTML: <ul> علامة

تعريف علامة <ul> في مستند HTML لتعريف القائمة غير المرتبة. عادةً ما تُسمى أيضًا عنصر <ul>.

مثال على الإنترنت

قائمة غير مرتبة HTML ul:

مثال

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>استخدام علامة ul في HTML (موقع دروس أساسي net oldtoolbag.com)</title>
</head>
<body>
<ul>
　　<li>الملف الأول</li>
　　<li>الملف الثاني</li>
　　<li>الملف الثالث</li>
　　<li>الملف الرابع</li>
</ul>
</body>
</html>

اختبار لمعرفة ‹/›

في هذا مثال على مستند HTML5، قمنا بإنشاء قائمة غير مرتبة باستخدام علامة <ul>، تحتوي على أربعة عناصر قائمة وجدت في أربعة علامات <li>.

تطابق المتصفحات

IEFirefoxOperaChromeSafari

دعم جميع المتصفحات الشائعة لعلامة <ul>.

تعريف العلامة والتعليمات حول استخدامها

تعريف علامة <ul> لتعريف القائمة غير المرتبة.

استخدام علامة <ul> مع <li> استخدام العلامات معًا لإنشاء قائمة غير مرتبة.

يكون علامة <ul> مكونة من علامة <li>.

عندما لا يوجد ترتيب رقمي للعناصر في القائمة، استخدم علامة <ul>.

يمكنك تداخل قوائم <ol>، <ul> و <menu>.

نصائح وإشعارات

نصيحة:استخدام CSS لتعريف النمط للقوائم.

نصيحة:استخدام<ol> تسجيل العلامة لإنشاء قائمة مرتبة.

الفرق بين HTML 4.01 و HTML5

في HTML 4.01، تم إزالة خصائص "مدمج" و "نوع" وقد تم استبدالها. لا يدعم HTML5 هاتين الخصائص.

خصائص

خصائص	قيمة	وصف
مدمج	مدمج	HTML5 لا يدعم. تم إزالة HTML 4.01. تحديد تأثير العرض للقائمة أقل من الحالة العادية.
نوع	نقطة مربع دائرة	HTML5 لا يدعم. تم إزالة HTML 4.01. تحديد نوع نقاط القائمة في العنصر.

خصائص العالمية

دعم <ul> علامة خصائص العالمية في HTML。

خصائص الأحداث

دعم <ul> علامة خصائص الأحداث في HTML。

تجربة مثال عبر الإنترنت

أنواع قوائم غير منضوية
هذا المثال يوضح أنواع قوائم غير منضوية.

قائمة متداخلة
هذا المثال يوضح كيفية تداخل القوائم.

قائمة متداخلة 2
هذا المثال يوضح قائمة متداخلة معقدة.

قائمة مخصصة
هذا المثال يوضح قائمة تعريفية.

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

دليل HTML:قائمة HTML

HTML: <var> علامة HTML: <u> علامة