سری آموزش های فصل هفتم HTML:
سلام خدمت همراهان گرامی با آموزش های زبان برنامه نویسی HTML هر هفته در خدمت شما هستم.
در این فصل از آموزش می خواهیم سازماندهی صفحات وب را با استفاده از لیستها و جداول در HTML بیاموزیم.
لیست ها در HTML (مقدمه)
در HTML در مدرن سه نوع لیست وجود دارد: لیستها ی مرتب (<OL>) لیستها ی نا مرتب (<UL>) و لیستها ی تعریفی (<DL>) دو نوع لیست دیگر که به ندرت مورد استفاده قرار می گیرند عبارتند از <MENU> و <DIR> و معمولا به صورت لیست نامرتب به کار برده می شوند لیستها بلوکی از عناصر هستند که ساختار بلوکی را ایجاد می کنند لیستها می توانند تو در تو و حاوی ساختار بلوکی دیگر مثل پاراگراف باشند. (در مقاله ی قبل لیست مرتب را آموزش دادیم.)
دانلود رایگان :
لیست های نامرتب
لیست نامرتب که توسط دستورات <UL> و <UL/> مشخص می گردد. برای عناصری به کار می رود که ترتیب برای آنها مهم نباشد. این نوع لیست برای لیستی از خواص و فواید محصولات مفید است مرورگر برای مشخص کردن عناصر لیست نامرتب از علامت هایی مثل دایره و مربع توپر، یا دایره تو خالی استفاده می کند.
لیست های نامرتب می توانند تو در تو باشند . هر سطح تودر تویی با تور رفتگیهایی مشخص می گردد و علامت مربوط به عناصر آن نیز برحسب نیاز تغییر می کند به طوری کلی دایره و مربع توپر در سطح اول لیست به کار می روند.
و دایره توخالی برای سطح دوم لیست به کار میرود . سطح سوم نیز از یک مربع استفاده می کند این موضوع برای تمام مرورگرها متداول است صفت TYPE در دستور <LI> برای تعیین عناصر لیست نیز قابل استفاده است . مقادیر ممکن برای TYPE عبارتند از : square, circle, disk پس از مطالعه لیست های تعریفی که ادامه آمده است مثال پایین را ببینید.
معرفی سایت:
لیست های تعریفی
لیست تعریفی شامل مجموعه ای از عناصر و تعریف هر یک از آنها است به عبارت دیگر، همواره هر عنصر توصیفی از آن نیز وجود دارد. این نوع لیست با دستورات <DT> و <DT/> مشخص می شوند . هر عنصر لیست با دستور <DT> مشخص می گردد. تعاریف نیز با دستور <DD> مشخص می شوند نیاز به دستورات <DT/> و <DD/> مشخص می شوند . نیاز به دستورات <DT/> و <DD/> نیست ولی در عبارات و توضیحات طولانی ممکن است مفید واقع شوند.
چون لیست های تعریفی فاقد شماره یا علامت هایی برای عناصر لیست هستند اغلب کسانی که با HTML کار می کنند از آن برای تو رفتگی دادن به متن ها استفاده می کنند . گرچه این روش مناسب ترین روش برای تو رفتگی متن است به جای آن از لیست نامرتب استفاده می گردد. نگاهی به کاربرد <UL> و خروجی ابزار های HTML نشان می دهد که برای ایجاد تو رفتگی در متن استفاده از <UL> این است که برای ایجاد تو رفتگی از دستورات کمتری استفاده می کند. توجه داشته باشید که لیستها می توانند تو در تو باشند و در نتیجه تو رفتگی های متفاوتی را می توان ایجاد کرد.
مثال:
کاربرد لیست های نا مرتب و تعریفی و ایجاد تو رفتگی به کمک لیست ها اجرای این مثال در شکل زیر آمده است.
توضیح: در این برنامه HTML شیوه استفاده از شکلهای متفاوت لیست نامرتب و به کار گیری لیست تعریفی مورد بررسی قرار گرفته است.
| <DOCTYPE HTML PUBLIC “-/W3C//DTD HTML 4.0 TRANSITIONAL//EN!>
<html> <head> <title> unordered List Example </title> <head/> <body> <UL><h3> الف- li> unordered lists> ب- <UL> ن- li> can be nested> <UL> ج- li> bullet changes on nesting> <ul/> <ul/> <ul/> <p> bullets can be controlled with the type attribute </p> <“ul type =”square> ل- li> first item bullet shape set by UL> ه- li type=”disk”> disk item> ع- li type=”circle”> circle item> غ- li type=”square”> square item> ف- <h3 align=”center”> definition </h3> ق- <dl> ی- <dt> gadget </dt> <dd> A useless device used in many html example </dd> <dt> gadget </dt> <dd> another useless device used in few html example </dd> <dl/> م- <h3/> ن- <body/> خ- <html/> |
|---|
برگرفته از :
کتاب راهنمای جامع (HTML, BHTML, XML)
دکتر عین الله جعفر نژاد قمی
پاسخ به سوال دوستان :
شاید تاکنون به این فکر کرده باشین که چرا باید برای کسب و کار خود وبسایت داشته باشین ؟
دلیل اینکه می‌گوییم باید سایت داشته باشید این آمار است. توجه کنید که ۸۱٪ از افراد قبل از
تصمیم گیری در مورد خرید و فروش در یک کسب وکار یا خدمات، در اینترنت تحقیق می کنند.
یعنی ۲۵.۹۲ میلیون نفر هستند که مشاغل را به صورت آنلاین جستجو می کنند. با این وجود ۴۶% کسب و کارها فکر می‌کنند نیاز به وب سایت ندارند.
توجه داشته باشید که جهان به سمت دیجیتالی شدن پیش میرود و نداشتن وب سایت
برای یک شرکت یا هر کسب و کاری، به منزلۀ جا ماندن از گردونۀ روزگار است.
برای اطلاعات بیشتر با همکاران ما در شرکت آراز پردازش در ارتباط باشید
آدرس ایمیل: info@arazpardazesh.com
اینستاگرام شرکت: https://instagram.com/araz_pardazesh_kla
تماس با ما: https://arazpardazesh.com/contact