|
قرار دادن یک تصویر بر روی صفحه:
Image
<IMG>: برای قرار دادن یک تصویر در web از این تگ استفاده می کنیم.
به چند دلیل نباید از تگ image زیاد استفاده کرد. www.doctors.blogfa.com , www.tyekal.com , www.ydy.blogfa.com , www.roodblog.com
1- به علت زیاد شدن تعداد عکسها صفحه دیر load می شود.
2- ایجاد مشکل در Search Engine.
3- عدم قابل استفاده بودن برای همه(عدم سرعت کافی، هزینه دار بودن برای user و ... )
طرز قرار دادن عکس:
<IMG src="آدرس فایل تصویر را در این قسمت می نویسیم"
align="left/middle/right/top/bottom"
height="ارتفاع عکس بر حسب پیکسل"
width="طول عکس بر حسب پیکسل"
alt=" "
هر چیزی که در این قسمت بنویسیم قبل از loadشدن تصویر و یا بعد از کامل شدن صفحه اگر موس را روی عکس ببریم این متن دیده خواهد شد.(در یک مستطیل زرد رنگ)"
border=?ضخامت جدول دور عکس را بر حسب پیکسل نشان می دهد?
hspace=?فاصله عمودی دور تصویر بر حسب پیکسل?
vspace=?فاصله افقی دور تصویر بر حسب پیکسل?>
مثال:<img border="3" src="../Zahiri/email/zahiri.jpg" width="111" height="137" align="center" hscape="10" vscape="10" alt="This is Zahiri's picture">
سوال: برای لینک کردن یک عکس چه کاری را باید انجام دهیم؟
جواب:
<A href="URL" ><IMG src="URL"></a>
در بسیاری از مواقع در یک صفحه وب مجبوریم قسمتی از یک عکس را به صفحه ای لینک کنیم. برای این کار در html از Image Map استفاده می کنیم.
مثال: می خواهیم در t1.gif در منطقه یکی دایره و دیگری چهارگوش را به صفحه ای دیگر لینک کنیم:
<MAP name="Zahiri" >
<AREA shape="circle" coord="50,50,30" href="1.htm">
<AREA shape="rect" cords-"100,70,130,100" href="2.htm">
</MAP>
?
<IMG src="t1.gif" usemap="#Zahiri">
در Image Map یک سری ناحیه به وسیله <AREA> تعریف می کنیم و می گوییم که باید لینک شود و سپس آنرا وارد یک Image می کنیم.
یک نوع دیگر برای تعیین Area وجود دارد که روش چند ضلعی است:
<AREA shape=?poly? coord=?x1,y1,x2,y2,?? href=?3.htm?>
اگر در<AREA>، نوع Shape را تعریف نکنیم مقدار default آن یعنی rect در آن قرار می گیرد.
interlink(لینک داخلی)
برای درست کردن لینکهای داخلی دو روش داریم.
1- ایجاد flag با استفاده از تگ <A>
2- اسم گذاری عناصر موجود در صفحه با استفازه از headingها
مثال: می خواهیم جمله go to Hamed در بالای صفحه مقابل را به کلمه Hamed در وسط صفحه لینک کنیم. www.doctors.blogfa.com , www.tyekal.com , www.ydy.blogfa.com , www.roodblog.com
1- روش flag:
<HTML>
<BODY>
<A href=?#2?> go to Hamed</A>
?
<A name=?2?> Hamed </A>
?
</BODY>
</HTML>
که در اینجا می توانید نتیجه را ببینید.
2- روش اسم گذاری
<HTML>
<BODY>
<A href="vali"> go to middle </a>
?
<H2 id="vali"> middle </H2>
</BODY>
</HTML>
در حالت اول می توانیم middle را به بالای صفحه لینک کنیم ولی در حالت دوم این امر امکان پذیر نیست برای این کار در حالت اول:
<A name="vali" href="آدرس صفحه"> middle </A>
برای ایجاد لیست در html دو روش داریم:
1- Ordered list لیست منظم
2- Unordered list: لیست نامنظم
1- Ordered List:
برای درست کردن یک لیست منظم به روش زیر عمل می کنیم.
<OL>
<LH> vali </LH>
<LI> V </LI>
<LI> A </LI>
<LI> L </LI>
<LI> I </LI>
</OL>
تگ <OL> دارای سه Attribute می باشد:
a) Compact :لیست را فشرده تر نشان می دهد
b) Type:"A/a/I/i"
در حالت عادی شماره ها عدد می باشد اما می تواند حروف الفبا یا حروف یونانی باشد.
A: حروف الفبای انگلیسی بزرگ
a: حروف الفبای انگلیسی کوچک
I: اعداد یونانی با تایپ بزرگ
i: اعداد یونانی با تایپ کوچک
اگر این Attribute را ننویسیم لیست را با اعداد انگلیسی می نویسد.
c) start=? ?
از هر عدد یا حرفی که داخل آن قرار بدهیم از همانجا شروع به شماره گذاری می کند.
2- Unordered List:
برای درست کردن یک لیست نامرتب (بدون شماره گذاری) از این تگ استفاده می کنیم.
<UL>
<LH> ? ? </LH>
<LH> ? ? </LH>
?
<LH> ? ? </LH>
</UL>
این تگ دارای یک Attribute است که برای تعیین نوع شکلی که در ابتدای هر خط قرار می گیرد از آن استفاده می کنیم.
<UL type=?circle/disc/square? >
?
</UL>
نکته: اگر بخواهیم عکس خاصی را در UL قرار دهیم:
<UL>
<IMG src="آدرس فایل"><br>
|
تبلیغات 
