سلام خدمت همراهان عزیز روزهای فرد با آموزش زبان برنامه نویسی (HTML) همراه شما هستیم. برای اطلاعات بیشتر به مقاله ی هفته ی قبل مراجعه فرمایید .
عنوان آموزش امروز :
لیستها و جداول
در فصل قبل دستورات ساده ای از HTML را مورد بررسی قرار دادیم. در این فصل می خواهیم سازمان دهی صفحات وب را با استفاده از لیستها و جدول در HTML بیاموزیم .
لیست ها در HTML
در HTML در مدرن سه نوع لیست وجود دارد: لیستها ی مرتب (<OL>) لیستها ی نا مرتب (<UL>) و لیستها ی تعریفی (<DL>) دو نوع لیست دیگر که به ندرت مورد استفاده قرار می گیرند عبارتند از <MENU> و <DIR> و معمولا به صورت لیست نامرتب به کار برده می شوند لیستها بلوکی از عناصر هستند که ساختار بلوکی را ایجاد می کنند لیستها می توانند تو در تو و حاوی ساختار بلوکی دیگر مثل پاراگراف باشند.
دانلود رایگان :
لیست مرتب
لیست توسط دستورات <OL> و <OL/> مشخص می شود و لیستی است که ترتیب عناصر آن مهم است ترتیب با شماره گذاری مشخص می شود که شماره گذاری با استفاده از اعداد عربی حروف یا اعداد رومی انجام می شود: لیستهای مرتب برای ایجاد طرحهای ساده و دستورات مرحله ی به کار می رود . زیرا عناصر لیست به طور خودکار توسط مرورگر شماره گذاری می شوند . عناصر لیست مرتب اند و با دستور <LI> تعریف می شوند شماره عناصر از یک آغاز می شود شکل کلی تعریف لیست مرتب به صورت زیر است:
<ol>
الف) li> option 1> ب) li> option 2> … li> option n> <ol/> |
---|
دستور <OL> دارای سه صفت مهم است که عبارتند از TYPE, START,COMPACT صفت COMP ACT فاقد مقدار است زیرا به مرورگر می گوید که جهت صرفه جویی در فضای صفحه عناصر لیست را فشرده کند.
با استفاده از صفت TYPE می توان مشخص کرد که برای شماره گذاری عناصر لیست از چه حروف یا اعدادی استفاده شود اگر مقدار TYPE برابر با a باشد برای شماره گذاری از حروف کوچک و اگر برابر با A باشد از حروف بزرگ استفاده می گردد.
سایت خارجی :
مقدار i اعداد رومی کوچک و مقدار I اعداد رومی بزرگ و مقدار اعداد معمولی را مشخص می کند مقدار فرضی(چنانچه TYPE تعیین نشود) برابر با یک است . توجه کنید که صفت TYPE در <OL> الگوی شماره گذاری را برای کل لیست مشخص می کند مگر اینکه با استفاده از مقدار TYPE در دستور <LI> جایگزین شود هر دستور<LI> نیز می تواند صفت TYPE داشته باشد که می تواند مقادیر I,iA,a یا 1 را بپذیرد. هر وقت <LI> مقدار جدیدی برای TYPE مشخص کند . برای بقیه لیست از آن استفاده می گردد. مگر اینکه <LI> بعدی مقداری دیگری را برای TYPE تعیین کند .
و صفت TYPE می تواند حرفی یا عددی باشد . صفت START دارای یک مقدار عددی است و مشخص می کند که شماره گذاری با چه مقداری شروع شود مقدار صفت START باید یک عدد باشد به عنوان مثال برای اینکه لیست مرتب از حروف J شروع شود باید دستور <“OL TYPE =”a”START=”10> را به کار ببرید. زیرا J دهمین کاراکتر است دستور <LI> در داخل لیست مرتب می تواند شماره گذاری فعلی را به صفت VALUE عوض کند این صفت یک مقدار عددی را مشخص می کند شماره گذاری لیست باید از عددی که با صفت تعیین می شود آغاز و ادامه یابد.
مثال :
استفاده از لیست مرتب برای سازمان دهی صفحه .
<DOCTYPE HTML PUBLIC “-/W3C//DTD HTML 4.0 TRANSITIONAL//EN!>
<html> <head> <title> ordered List Example </title> <head/> <body> <p> ordered lists can be very simple</p> <ol> الف- li> item 1> ن- li> item 2> م- li> item 3> <ol/> <p> ordered lists with a variety of types</p> چ- <ol> ل- li type=”a”> lowercase letters> ه- li type=”A”> upperrcase letters> ع- li type=”i”> lowercase letters> غ- li type=”I”> upperrcase letters> ف- li type=”1″> Arabic numerals> ق- <ol/> ی- <p> ordered lists with different values and with different types</p> ض- <“ol start =”10″ type=”a> ج- li> this should be j> ب- li value=”3”> this should be c> ث- <ol> ت- li> lists can nest> د- <ol> ر- li> nesting depth is nulimited> ز- <ol/> ح- <ol/> ش- <ol/> م- <h3/> ن- <body/> خ- <html/> |
---|
نتیجه اجرا در شکل زیر آمده است:
برگرفته از :
کتاب راهنمای جامع (HTML, BHTML, XML)
دکتر عین الله جعفر نژاد قمی
پاسخ به سوال دوستان :
شاید تاکنون به این فکر کرده باشین که چرا باید برای کسب و کار خود وبسایت داشته باشین ؟
دلیل اینکه میگوییم باید سایت داشته باشید این آمار است. توجه کنید که ۸۱٪ از افراد قبل از
تصمیم گیری در مورد خرید و فروش در یک کسب وکار یا خدمات، در اینترنت تحقیق می کنند.
یعنی ۲۵.۹۲ میلیون نفر هستند که مشاغل را به صورت آنلاین جستجو می کنند. با این وجود ۴۶% کسب و کارها فکر میکنند نیاز به وب سایت ندارند.
توجه داشته باشید که جهان به سمت دیجیتالی شدن پیش میرود و نداشتن وب سایت
برای یک شرکت یا هر کسب و کاری، به منزلۀ جا ماندن از گردونۀ روزگار است.
برای اطلاعات بیشتر با همکاران ما در شرکت آراز پردازش در ارتباط باشید
آدرس ایمیل: info@arazpardazesh.com
اینستاگرام شرکت: https://instagram.com/araz_pardazesh_kla
تماس با ما: https://arazpardazesh.com/contact