آموزش HTML : تنظیم تصویر در صفحه

آموزش HTML

آموزش HTML تنظیم تصویر در صفحه

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

fvacw9901s01-png

عنوان آموزش امروز :

تنظیم تصویر در صفحه

با صفت ALIGN می توان تصویر را در بالا، پایین یا وسط قرار داد. مقادیر صفت ALIGN عبارتند از : TOP (بالا) BOTTOM (پایین) و MIDDLE (وسط) . وقتی تصویری در بلوکی از متن قرار گرفت خط بعدی متن در بالا وسط یا پایین تصویر قرار می گیرد و این به مقدار صفت ALIGN بستگی دارد. اگر صفت ALIGN به کار گرفته نشود حالت پیش فرض آن BOTTOM است.

مثال:

برنامه ای چگونگی کاربرد صفت ALIGN را برای تنظیم تصویر نشان می دهد.

<doctype html public “-//w3c//dtd html 4.0 transitional//en!>

<html>

<head>

<title> basic image aligment </title>

<head/>

<body>

<p>

<“img src=”a://about.gif” align=”top” border=”1>

this text at the top of the image

<p/>

<p>

<“img src=”a://about.gif” align=”middle” border=”1>

text at the middle of the image

<p/>

<p>

<“img src=”a://about.gif” align=”bottom” border=”1>

text at the bottom of the image

<p/>

<body/>

<html/>

نت اسکیپ مقادیر LEFT و RIGHT را برای صفت ALIGN معرفی کرد تا متن در اطراف شکل جریان یابد. دستور زیر موجب می شود تا تصویر به سمت چپ و متن به سمت راست برود.

حتی می توان متن ها را بین دو تصویر قرار داد.

به عنوان مثال :

تنظیم تصویر با صفت ALIGN ، همراه مقادیر RIGHT و LEFT .

<doctype html public “-//w3c//dtd html 4.0 transitional//en!>

<html>

<head>

<title> improved text flow </title>

<head/>

<body>

<“img src=”a://about.gif” align=”left>

the top image has its align attribute set to left

<“br clear=”left>

<br><br>

<“img src=”a://about.gif” align=”right>

the top image has its align attribute set to right

<body/>

<html/>

مقدار center از صفت align مثل مقدار middle عمل می کند . نت اسکیپ و مایکروسافت چهار مقدار دیگری برای ALIGN مطرح کردند که عبارتند از : texttop، baseline، absmiddle، absbottom.

اگر مقدار ALIGN برابر با TEXTTOP باشد. بالای یک تصویر با بالای بلندترین کاراکتر موجود در خط فعلی تنظیم می شود.

همچنین مقدار BASELINE پایین تصویر را با خط پایه متن در خط فعلی تنظیم می کند. (خط پایه خطی نامرئی است که کاراکتر ها بر روی آن قرار می گیرند.)

صفات VSPACE, HSPASE  :

فقط از اینکه متن بتواند در اطراف شکل قرار گیرد کافی نیست باید بتوان تصویر را دقیقا همراه با متن به کار برد و مطمئن شد که در صورت لزوم متن شکسته می شود و تصویر جاسازی می گردد. صفت HSPACE بافری از فضای افقی را در سمت چپ و راست تصویر و سایر اشیاء قرار می دهد. و صفت VSPACE بافری از فضای عمومی را بین بالا و پایین تصویر و سایر اشیاء قرار می دهد. مقادیر هر دو صفت باید به صورت پیکسل بیان شود که با یک عدد مثبت مشخص می گردد.

مثال:

برنامه ای که کاربرد صفات HSPACE و VSPACE را نشان می دهد.

<doctype html public “-//w3c//dtd html 4.0 transitional//en!>

<html>

<head>

<title> HSPACE AND VSPACE Example </title>

<head/>

<body>

<p>

the image below its <TT> <b> & it; HSPACE & GT; </b> </tt> and <TT> <b> &it; VSPACE & GT;</B> </TT> attributes set to 10 pixels.

<“img src=”a://about.gif” align=”left” HSPACE=”10″ VSPACE=”10>

this is dummy text

<p/>

<body/>

<html/>

برگرفته از :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

14 + هشت =