لیست های HTML
[vc_row][vc_column][vc_empty_space][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]
لیست ها
رایج ترین لیست ها در html لیستهای مرتب و لیستهای نامرتب هستند :
Ordered Lists
لیستهای مرتب با تگ <OL> شروع میشوند و عناصر آن با تگ باز و بسته <li> از هم جدا میشوند. مثال زیر را در نظر بگیرید همانطور که مشاهده میکنید بعد از اجرا گرفتن با لیستی شماره گذاری شده که از ۱ به صورت صعودی رشد میکند مواجه میشویم، این شماره گذاری پیش فرض است. در ادامه مطلب با نوع های دیگر نیز آشنا میشویم:[/vc_column_text][vc_empty_space][vc_wp_text]
<html> <head> <title>ordered list</title> </head> <body> <ol> <li>اولین</li> <li>دومین</li> <li>سومین</li> </ol> </body> </html>
[/vc_wp_text][vc_empty_space][vc_column_text]
[/vc_column_text][vc_empty_space][vc_column_text]
Ordered List -خصوصیت type
توسط ویژگی type ما میتوانیم مقادیر دیگری برای شماری گذاری و مرتب کردن آیتم های لیست خود داشته باشیم
| Type | توضیح |
|---|---|
| type=”1″ | آیتم های لیست با اعداد شماره گذاری میشوند(پیش فرض) |
| type=”A” | آیتم های لیست با حروف بزرگ شماره گذاری میشوند |
| type=”a” | آیتم های لیست با حروف کوچک شماره گذاری میشوند |
| type=”I” | آیتم های لیست با حروف بزرگ رومی شماره گذاری میشوند |
| type=”i” | آیتم های لیست با حروف کوچک رومی شماره گذاری میشوند |
[/vc_column_text][vc_empty_space][vc_wp_text]
<ol type="1|A|a|I|i"> <li>اولین</li> <li>دومین</li> <li>سومین</li> </ol>
[/vc_wp_text][vc_empty_space][vc_column_text]
Unordered List
لیستهای نا مرتب با تگ <ul> شروع و عناصر آن با تگ باز و بسته <li> از هم جدا میشوند.آیتم ها با گلوله های تو پر به صورت پیش فرض علامت گذاری میشوند. شکلهای دیگری هم هست که با خصوصیت style میشه آنها را تغییر داد. در بخش css به آن میپردازیم.[/vc_column_text][vc_empty_space][vc_wp_text]
<html> <head> <title> Unordered List</title> </head> <body> <ul> <li>avalin</li> <li>dovomin</li> <li>sevomin</li> </ul> </body> </html>
[/vc_wp_text][vc_empty_space][vc_column_text]
[/vc_column_text][vc_empty_space][vc_column_text]
لیستهای توصیفی :(Description Lists)
در ادامه به لیستی دیگری به نام لیست توصیفی میپردازیم. لیست توصیفی، لیستی از عناصر با توضیح یا توصیفی برای هر عنصر میباشد. تگ <dl> لیست توصیفی را تعریف میکند، <dt> عناصر را تعریف میکند، <dd>
توضیح هز عنصر را تعریف میکند:
[/vc_column_text][vc_empty_space][vc_wp_text]
<html> <head> <title> Description Lists</title> </head> <body> <dl > <dt>Unordered List</dt> <dd>- The list items will be marked with bulle</dd> <dt>Ordered List</dt> <dd> - The list items will be marked with numb </dd> </dl> </body> </html>
[/vc_wp_text][vc_empty_space][vc_column_text]
[/vc_column_text][vc_empty_space][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_btn title=”آموزش بعدی” style=”flat” color=”sandy-brown” align=”left” link=”url:http%3A%2F%2Fsufra.ir%2F2017%2F02%2F24%2F%25d8%25ac%25d8%25af%25d8%25a7%25d9%2588%25d9%2584%2F||target:%20_blank”][/vc_column][vc_column width=”1/2″][vc_btn title=”آموزش قبلی” style=”flat” color=”sandy-brown” align=”right” link=”url:http%3A%2F%2Fsufra.ir%2F2017%2F02%2F22%2F%25d9%2584%25db%258c%25d9%2586%25da%25a9%25d9%2587%25d8%25a7%2F||target:%20_blank”][/vc_column][/vc_row]
