• صفحه نخست
  • درباره ی ما
  • ارتباط با ما
  • وبلاگ
  • مرکز آموزش
  • قوانین خرید
بلاگ تمز-دانلود قالب بلاگ بیان،قالب و افزونه وردپرس
  • قالب بلاگ بیان
  • قالب وردپرس
  • افزونه وردپرس
  • پروژه کامپیوتر
  • ورود / عضویت
  • فراموشی گذرواژه

ایجاد لیست های مرتب و نامرتب در اچ تی ام ال

  • خانه
  • دسته بندی نشده
  • ایجاد لیست های مرتب و نامرتب در اچ تی ام ال
ج.محمد اسفند ۲۸, ۱۳۹۳ دسته بندی نشده ۰ نظر

در اچ تی ام ال دو نوع لیست داریم ، لیست های مرتب و نامرتب ، برای ایجاد لیست های مرتبط از تگ <ol> و برای ایجاد لیست های نامرتب از تگ <ul> استفاده میکنیم.

چگونه لیستی مرتب از اعداد ایجاد کنم ؟

برای اینکه لیستی مرتب از اعداد ایجاد کنیم از صفت type در <ol> استفاده مکنیم.

به این صورت

<ol type="1">
<li>Item1</li>
<li>Item2>/li>
<li>Item3</i>
</ol>

خروجی

  1. item1
  2. item2
  3. item3

میخواهم لیست من از عدد مشخصی شروع بشه ، برای اینکار از صفت start استفاده میکنیم.

<ol type="1" start="7">
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ol>

خروجی

  1. item1
  2. item2
  3. item3

چگونه می توانم لیستی مرتب با حروف انگلیسی ایجاد کنم؟

برای این کار هم از صفت type به صورت زیر استفاده میکنیم.

<ol type="A">
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ol>

خروجی

  1. item1
  2. item2
  3. item3

چگونه میتوانم لیستی مرتب با اعداد رومی ایجاد کنم؟

برای این کار کافیست مقدار صفت را به این صورت تغریف کنیم.type=”I”

<ol type="I">
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ol>

خروجی

  1. item1
  2. item2
  3. item3

چطور لیستی نامرتب ایجاد کنم؟

<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ul>

خروجی

  • item1
  • item2
  • item3

چطور لیستی ایجاد کنم که دایره نشون داده بشه ؟

برای اینکار از تگ type با مقدار circle استفاده میکنیم.

<ul type="circle">
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ul>

خروجی

  • item1
  • item2
  • item3

چطور لیستی ایجاد کنم که دایره توپر نشون داده بشه ؟

برای اینکار از تگ type با مقدار disc استفاده میکنیم.

<ul type="disc">
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ul>

خروجی

  • item1
  • item2
  • item3

چطور لیستی ایجاد کنم که مربع نشون داده بشه ؟

برای اینکار از تگ type با مقدار squareاستفاده میکنیم.

<ul type="square">
<li>item1</li>
<li>item2</li>
<li>item3</li>
</ul>

خروجی

  • item1
  • item2
  • item3
همچنین بخوانید  فایل psd کادر جست و جو مطالب

خب حالا یه مثال کاربردی و مهم از لیست ها

چطور با استفاده از لیست یک منو ایجاد کنیم؟

آموزش ایجاد لینک در html

خب یه لیست ایجاد میکنیم که ایتم های آن لینک هستن !!!

<ul>
<li><a href="link" title="">home</a></li>
<li><a href-"" title="">blog</a></li>
<li><a href="" title="">email</a></li>
<li><a href="" title="">contact</a></li>
</ul>

خروجی

  • صفحه نخست
  • وبلاگ
  • ایمیل
  • تماس
vote
رتبه دهی مطلب
html linkhtml listhtml menulistolorder listulunorder listلیست در اچ تی ام اللیست در htmlوبلاگ/اچ تی ام ال
طراحی صفحه نخست قالب شخصی یک برنامه نویسمطلب قبلی
طراحی و کدنویسی سایت کسب درآمدمطلب بعدی
اشتراک
اطلاع از
Please login to comment
0 نظرات
Inline Feedbacks
View all comments

خوب است بدانید

  • انتشار مطلب در بلاگ بیان
  • چطور تصویر پروفایل در هدر قالب را تغییر دهم ؟
  • قالب های بلاگ بیان نیازمند فعالسازی جاوااسکریپت می باشد
  • نحوه ی نصب قالب های بلاگ بیان
  • نحوه ی استفاده از نشانه ها در بلاگ بیان

آخرین محصولات مارکت

  • قالب ریسپانسیو زمستان بلاگ بیان

    دانلود قالب ریسپانسیو زمستان بلاگ بیان

    ۳۹,۰۰۰ تومان
  • مطالب مرتبط بلاگ بیان

    مطالب مرتبط بلاگ بیان

    ۱۵,۰۰۰ تومان
  • قالب نوشتار بلاگ بیان

    قالب نوشتار بلاگ بیان

    ۳۰,۰۰۰ تومان
  • قالب مجله و خبری بلاگ بیان

    قالب مجله و خبری بلاگ بیان ماهتاک

    ۴۷,۰۰۰ تومان
  • قالب انحنای بلاگ بیان

    قالب انحنا بلاگ بیان

    امتیاز 5.00 از 5
    ۴۵,۰۰۰ تومان

آخرین مطالب

  • آموزش افزودن مطالب مرتبط قالب بلاگ بیان
    آموزش افزودن مطالب مرتبط قالب بلاگ بیان فروردین ۲۴, ۱۳۹۹
  • افزودن سایت خود به کنسول جستجوی گوگل
    افزودن سایت خود به کنسول جستجوی گوگل مرداد ۲۲, ۱۳۹۸
  • راهنما قالب شخصی بلاگ بیان
    راهنما قالب شخصی بلاگ بیان مرداد ۸, ۱۳۹۸
  • استایل نظرات مدیر بلاگ بیان را متفاوت نشان بده
    استایل نظرات مدیر بلاگ بیان را متفاوت نشان بده تیر ۲۳, ۱۳۹۸
  • قالب مجله ای و خبری ماهتاک بلاگ بیان
    قالب مجله ای و خبری ماهتاک بلاگ بیان تیر ۱۷, ۱۳۹۸
  • قالب ساز بلاگ تمز-ویدیو پیشنمایش قالب ساز بلاگ بیان
    قالب ساز بلاگ تمز-ویدیو پیشنمایش قالب ساز بلاگ بیان تیر ۷, ۱۳۹۸
  • راهنمای قالب انحنا بلاگ بیان
    راهنمای قالب انحنا بلاگ بیان تیر ۱, ۱۳۹۸
  • افزونه نمایش استوری بلاگ بیان
    افزونه نمایش استوری بلاگ بیان اردیبهشت ۴, ۱۳۹۸
  • آموزش ساخت قالب بلاگ بیان ، ایجاد لیست مطالب
    آموزش ساخت قالب بلاگ بیان ، ایجاد لیست مطالب فروردین ۱, ۱۳۹۸
  • دانلود قالب بلاگ بیان حرفه ای و ریسپانسیو
    دانلود قالب بلاگ بیان حرفه ای و ریسپانسیو بهمن ۳, ۱۳۹۷

دسته های محصولات

  • اسکریپت
  • افزونه بلاگ بیان
  • افزونه وردپرس
  • پروژه کامپیوتر
  • دسته بندی نشده
  • سئو
  • سورس نرم افزار آندروید
  • شرکتی
  • قالب HTML
  • قالب بلاگ بیان
  • قالب وردپرس
  • ووکامرس

سوالات متداول

  • انتشار مطلب در بلاگ بیان
  • چطور تصویر پروفایل در هدر قالب را تغییر دهم ؟
  • قالب های بلاگ بیان نیازمند فعالسازی جاوااسکریپت می باشد
  • نحوه ی نصب قالب های بلاگ بیان
  • نحوه ی استفاده از نشانه ها در بلاگ بیان

آخرین مطالب

  • آموزش افزودن مطالب مرتبط قالب بلاگ بیان
    آموزش افزودن مطالب مرتبط قالب بلاگ بیان
  • نحوه ی ارسال مطلب برای قالب فیلم و سریال بلاگ بیان
    نحوه ی ارسال مطلب برای قالب فیلم و سریال بلاگ بیان
  • افزودن سایت خود به کنسول جستجوی گوگل
    افزودن سایت خود به کنسول جستجوی گوگل
  • راهنما قالب شخصی بلاگ بیان
    راهنما قالب شخصی بلاگ بیان
©۱۳۹۷ بلاگ تمز ساخته شده با ♥؛ توسط تیم ماکاوب با استفاده از وردپرس و ووکامرس.
ورود ×
کد تایید
لطفاً کد تأیید ارسال شده را تایپ کنید
ثبت
رمز عبور را فراموش کرده اید؟
آیا حساب کاربری ندارید؟
ثبت نام
ارسال مجدد کد یکبار مصرف(00:30)
برگشت به ورود

ارسال مجدد کد یکبار مصرف (00:30)
برگشت به ورود
  • (+98) ایران
0
0
Would love your thoughts, please comment.x
()
x
| Reply