آموزش HTML : خواص کادر بندی (فاصله گذاری)

آموزش HTML

سلام  خدمت همراهان عزیز  یکشنبه ها و پنج شنبه ها  با آموزش زبان برنامه نویسی (HTML) و (PHP) همراه شما هستیم. برای اطلاعات بیشتر به مقاله ی هفته ی قبل مراجعه فرمایید .

html فصل پنجم

خواص فاصله گذاری :

فاصله بین کادر یک دستور و محتویات آن با استفاده از خواص فاصله گذاری تعیین می شود این خواص عبارتنداز:

padding-top , padding-right, padding bottom, padding left

به جای همه اینها می توان از خاصیت padding استفاده کرد که فاصله هر چهار طرف را تعیین می کند . این خاصیت از یک تا چهار مقدار می پذیرد که با شروع از بالای کادر به طرف حرکت عقربه های ساعت مورد استفاده قرار می گیرند . هر کدام از مقادیر که ذکر نشود همانند طرف مقابل خودش خواهد بود .مثلا اگر فاصله سمت راست تعیین شود ولی سمت چپ تعیین نشوند فاصله سمت چپ مانند فاصله سمت راست تنظیم می شود دستورات زیر را ببینید:

{padding-top:1cm}

{border-style :solid;padding-left:20mm;padding-right:50mm}

{border-style :solid;padding: 1cm}

{padding:2mm 4mm}

دستور سوم یک خط ضخیم دور کادر رسم می کند و فاصله با محتویات آن یک سانتیمتر است دستور چهارم فاصله از بالا و پایین را 2 میلیمتر و فاصله از سمت راست و چپ را 4 میلیمتر در نظر می گیرد.

خواص height, width

خاصیت width پهنای ناحیه محتویات دستورات را تعیین می کند و خاصیت height ارتفاع ناحیه محتویات دستورات را مشخص می کند . دستورات زیر را ببینید:

{width: 300px ; padding:10px ; background: yellow ; color:black}

{height : 10cm ; wdth: 10%}

{height : 100px ; wdth: 300px}

خواص clear,float

خاصیت float تنظیم افقی دستورات را تحت تاثیر قرار می دهد و موجب می شود به سمت چپ یا راست ناحیه دستور حرکت کنند . این خاصیت برای درج اشایی مثل تصویر در صفحه وب مفید است مقادیر float عبارتند از none ,right, left که none مقدار پیش فرض است. دستور زیر را ببینید :

{float :right}

اما وقتی محل تصویر یا هر شی دیگری که توسط float تعیین شد متنهای آن عنصر چگونه تنظیم می شوند ؟ این کار توسط خاصیت clear انجام می گیرد . مقدار left سمت چپ اشیا ، مقدار right سمت راست اشیا و مقدار both هر طرحی را که بزرگتر بود پاک می کند . مقدار پیش فرض آن none است.

{height : 150 ; wdth: 150; float: right}

{clear:both}

با اجرای این دستور هر وقت علامت ماوس بر روی این پاراگراف قرار گرفت ، متن کمکی  introduction ظاهر می شود.

برگرفته از :

کتاب راهنمای جامع (HTML, BHTML, XML)

دکتر عین الله جعفر نژاد قمی

پاسخ به سوال دوستان :

شاید تاکنون به این فکر کرده باشین که چرا باید برای کسب و کار خود وبسایت داشته باشین ؟

دلیل اینکه می‌گوییم باید سایت داشته باشید این آمار است. توجه کنید که ۸۱٪ از افراد قبل از

تصمیم گیری در مورد خرید و فروش در یک کسب وکار یا خدمات، در اینترنت تحقیق می کنند.

یعنی ۲۵.۹۲ میلیون نفر هستند که مشاغل را به صورت آنلاین جستجو می کنند. با این وجود ۴۶% کسب و کارها فکر می‌کنند نیاز به وب سایت ندارند.

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

برای یک شرکت یا هر کسب و کاری، به منزلۀ جا ماندن از گردونۀ روزگار است.

برای اطلاعات بیشتر با همکاران ما در شرکت آراز پردازش در ارتباط باشید

آدرس ایمیل:  info@arazpardazesh.com

اینستاگرام شرکت:   https://instagram.com/araz_pardazesh_kla

تماس با ما:     https://arazpardazesh.com/contact

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

20 − 7 =