عضویت در سایت

ورود

فراموشی رمز عبور

رمز عبور خود را فراموش کرده اید؟ ایمیل خود را وارد کنید

کد امنیتی برای بروزرسانی کد امنیتی روی تصویر کلیک کنید

ورود

عضویت در سایت

رایگان ثبت نام کنید و سوالات خود را بپرسید، همچنین میتوانید در پاسخگویی به سوالات دیگر کاربران نیز سهیم باشید، هر مشکلی در ثبت نام یا ورود داشتید با ایمیل beporsam@gmail.com در ارتباط باشید

در بین 1057 آموزش و 1866 پرسش به دنبال چه هستید؟

ویندوز
نصب آنلاین ویندوز

ویندوز 7,8,10,11
مشاوره
مشاوره خرید لپ تاپ و کامپیوتر

مشاوره حرفه ای دریافت کن
بلاگ
مقالات آموزشی

1k+
پشتیبانی آنلاین

سخت افزار/نرم افزار

آموزش HTML – قسمت سیزدهم(لیست ها)

سلام

در سیزدهمین جلسه از سری آموزش های HTML در خدمتتون هستیم ، در این جلسه می پردازیم به لیست ها در HTML.

  • انواع لیست ها

در HTML دو نوع لیست داریم : لیست های مرتب و لیست های نامرتب ، که لیست های مرتب شامل اعداد است و لیست های نامرتب شامل شکلک(مربع،دایره و…).

  • لیست های نامرتب

نمونه کدی که به وسیله آن میتونید یک لیست نا مرتب درست کنید:

یک لیست نامرتب با تگ <ul> شروع میشه و اقلام لیست با تگ <li> تعریف میشن

و خصوصیاتی که به وسیله css برای لیست های نامرتب میتونید تعریف کنید:

تگ

توضیح

list-style-type:disc

علامت کنار اقلام لیست به صورت دایره پرشده (این حالت به صورت پیشفرض است)

list-style-type:circle

 علامت کنار اقلام لیست به صورت دایره توخالی

list-style-type:square

 علامت کنار اقلام لیست به صورت مربع توپر

list-style-type:none

 کنار اقلام لیست هیچ علامتی نیست

Disc:

list-style=disc

Circle:

list-style=circle

Square:

list-style=square

None:

list-style=none

  • لیست های مرتب
مطلب پیشنهادی:  آموزش ویندوز 10 - قسمت هفتم(Taskbar)

نمونه کد زیر یک لیست مرتب است:

یک لیست مرتب با تگ <ol> شروع میشه و اقلام لیست با تگ <li> تعریف میشن

و خصوصیاتی که به وسیله css برای لیست های مرتب میتونید تعریف کنید:

تگ

توضیح

type=”1″

اقلام لیست به ترتیب با اعداد شروع می شود(این حالت به صورت پیشفرض است)

type=”A”

اقلام لیست با حروف الفبای انگلیسی بزرگ آغاز می شود

type=”a”

اقلام لیست با حروف الفبای انگلیسی کوچک آغاز می شود

type=”I”

اقلام لیست با حروف الفبای یونانی کوچک آغاز می شود

type=”i”

اقلام لیست با حروف الفبای یونانی کوچک آغاز می شود

اعداد:

type=1

حروف انگلیسی بزرگ:

type=A

حروف انگلیسی کوچک:

type==a

حروف یونانی بزرگ:

مطلب پیشنهادی:  دانلود سورس AndroidNewsApp - اندروید

type=I

حروف یونانی کوچک:

type==i

  • لیست های توضیح دار

میتونیم لیست های توضیح دار هم نیز در HTML ایجاد کنیم ، برای این کار از تگ <dl> برای ایجاد لیست توضیح دار و داخل تگ <dl> از تگ های <dt> برای نام و از تگ <dd> برای توضیحات استفاده می کنیم.

Description-Lists

  • لیست های تو در تو

لیست های تو در تو هم نیز میتونید در HTML ایجاد کنید ، برای این کار داخل تگ های <li> میتونید یک تگ <ul> یا <ol> استفاده کنید.

مطلب پیشنهادی:  آموزش Corel Video Studio - قسمت چهارم(حذف صدای فیلم)

Nested-List

سوال داشتید در سایت بپرسید ، پاسخگوی سوالات شما هستیم.

با ما باشید تا آموزش های بعدی …

موفق باشید.

درباره احمد آخوندیمدیر سایت

طراح و برنامه نویس وب| تعمیرکار کامپیوتر و ماشین های اداری | علاقه مند یادگیری و یاددادن ... :)

دنبال کردن

ارسال نظر

رفتن به بالا

سامانه آموزشی و خدماتی بپرسم

اولین وب سایت آموزشی و پرسش و پاسخ در ایران

بپرسم را میتوان به عنوان مرجعی برای آموزش و حل مشکلات دانست، در بپرسم سعی کرده ایم آموزش های برنامه نویسی، طراحی سایت، کار با نرم افزارها ها و… را آموزش دهیم. همچنین محیطی فراهم کرده ایم تا کاربران بتوانند در این محیط سوالات خود را بپرسند و مشکل خود را حل کنند.