آموزش برنامه نویسی و مجله تخصصی فناوری
آموزش HTML - لیست های نامرتب
لیست نامرتب مجموعه ای از آیتم هاست که ترتیب خاصی ندارند. این لیست با استفاده از تگ <ul> ایجاد می شود. هر آیتم در لیست با یک نقطه مشخص شده است.
مثال
<!DOCTYPE html>
<html dir="rtl" lang="fa">
<head>
<title>لیست نامرتب در html</title>
</head>
<body>
<ul>
<li>تبریز</li>
<li>شیراز</li>
<li>تهران</li>
<li>اصفهان</li>
</ul>
</body>
</html>این کد نتیجه زیر را ایجاد می کند -
ویژگی type
می توانید از ویژگی type برای تگ <ul> استفاده کنید تا نوع نشانه ها و نقطه مورد علاقه خود را مشخص کنید. به طور پیش فرض، از نقطه استفاده می شود. در زیر گزینه های ممکن درج شده اند -
<ul type = "square">
<ul type = "disc">
<ul type = "circle">مثال
در زیر مثالی وجود دارد که در آن از <ul type = "square"> استفاده کردیم
<!DOCTYPE html>
<html dir="rtl" lang="fa">
<head>
<title>لیست نامرتب در html</title>
</head>
<body>
<ul type = "square">
<li>تبریز</li>
<li>شیراز</li>
<li>تهران</li>
<li>اصفهان</li>
</ul>
</body>
</html>این کد نتیجه زیر را ایجاد می کند -
مثال
در مثال زیر از <ul type = "disc"> - استفاده شده است . حالت disk همان حالت پیشفرض لیست های نامرتب می باشد
<!DOCTYPE html>
<html dir="rtl" lang="fa">
<head>
<title>فهرست نامرتب در Html</title>
</head>
<body>
<ul type = "disc">
<li>تبریز</li>
<li>شیراز</li>
<li>تهران</li>
<li>اصفهان</li>
</ul>
</body>
</html>این کد ، نتیجه زیر را ایجاد می کند -
مثال
در مثال زیر از <ul type = "circle"> - استفاده کردیم ، در حالت circle از آیتم ها با دایره های توخالی در کنار خود نمایش داده می شوند .
<!DOCTYPE html>
<html dir="rtl" lang="fa">
<head>
<title>فهرست نامرتب در html</title>
</head>
<body>
<ul type = "circle">
<li>تبریز</li>
<li>شیراز</li>
<li>تهران</li>
<li>اصفهان</li>
</ul>
</body>
</html>این کد ، نتیجه زیر را ایجاد می کند -
