تبلیغات تبلیغات
 |
صفحه نخست
آرشیو موضوعات
افزودن به علاقه مندی ها
خانگی سازی صفحه
ارسال ایمیل / ارتباط با ما
چاپ
ذخیره صفحه
بستن صفحه
بابک
ارسال پیام
ارسال ایمیل
اضافه کردن به لیست دوستان
Add
to Yahoo
مطالب ارسال شده توسط بابک
وضعیت در یاهو:
فرزین
ارسال پیام
ارسال ایمیل
اضافه کردن به لیست دوستان
Add
to Yahoo
مطالب ارسال شده توسط فرزین
وضعیت در یاهو:
محمد رضا
ارسال پیام
ارسال ایمیل
اضافه کردن به لیست دوستان
Add
to Yahoo
مطالب ارسال شده توسط محمد رضا
وضعیت در یاهو:
محمد امین
ارسال پیام
ارسال ایمیل
اضافه کردن به لیست دوستان
Add
to Yahoo
مطالب ارسال شده توسط محمد امین
وضعیت در یاهو:
جستجوگر Google
برای جستجو در مطالب وبسایت کلمه کلیدی مورد نظرتان را
وارد کنید.
امروز :
اطلاعات سایت
بازدید های امروز :
بازدید های دیروز :
بازدید های شما :
كل بازدیدها :
افراد آنلاین:
نفر
كل مطالب :
کل نظرات :
ایجاد صفحه در:
-
ثانیه
شمارنده Webgozar:
شمارنده Persian Stat:
اطلاعات شما
با ثبت
ایمیل خود در خبرنامه زیر از اخبار وب سایت و به روز شدن وب سایت آگاه شوید :
Feeds:
تبلیغات کلاس A
صفحات داخلی وب سایت
|
سرگرمی |
دانلود |
آموزش و ترفند |
Wallpapers |
Image map:
در بسياری از مواقع
در يک صفحه وب مجبوريم قسمتی از يک عکس را به صفحه ای لينک کنيم. برای اين کار در
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 در آن قرار می گيرد.
 |
»نوشته شده توسط
بابک
در
یکشنبه 21 مرداد 1386
، ساعت
11:08 ق.ظ
مربوط به موضوع:
وب|آموزش HTML ,
|
<table> … </table>: هر جدول از سطر و ستون تشکیل می شود. Attributeهای <table> عبارتند از: attribute های هر cell: width=" " height=" " bgcolor=" " background=" " border=" " nowrap rowspan=" " colspan=" " nowrap: محتویات داخل سلول همه دریک خط نوشته می شود و دیگر سلول شکسته شده و به خط بعدی نمی رود. در rowspan یا colspan تعداد سلولهایی را که می خواهیم در هم ادغام کنیم را بنویسیم. منبع:schoolnet جدولها:
به طور دقیقتر هد حدول n سطر دارد که هر سطر در داخل خود m سلول خواهد داشت.
سطرها را با <tr> … </tr> هر سلول را با <td> … </td> مشخص می کنیم. مثال: یک جدول 2*2
<TABLE>
<TR>
<TD> … </TD>
<TD> … </TD>
</TR>
<TR>
<TD> … </TD>
<TD> … </TD>
</TR>
</TABLE>
هر چیزی که داخل <td> بنویسیم در داخل آن خانه (سلول
جدول قرار می گیرد. نکته مهم این است که نباید بین دو <td> … </td> خالی باشد.
اگر بخواهیم در داخل این خانه جدول چیزی نباشد ولی دیده شود، باید از یک فاصله (  استفاده کنیم.
<TABLE
bgcolor="رنگ پس زمینه جدول"
background="عکس پس زمینه جدول"
border="حاشیه دور جدول"
align="left/center/right"
width="ظول جدول(پیکسل یا درصد"
height="ارتفاع جدول(پیکسل یا درصد"
bordercolor="تگ حاشیه دور جدول"
valign="top/middle/bottom"
cellpadding="فاصله متن از دیواره سلول"
cellspacing="فاصله سلولها از هم"
> مثال 1:
<TD colspan="2"> … </TD> مثال 2:
<TD rowspan="2"> … </TD>
باید توجه کنیم که به همان تعداد که سلول در هم ادغام می کنیم باید از پائین سلولهای اضافی را حذف کنیم.
مثلا در مثال 1:
<TABLE>
<TR>
<TD> … </TD>
<TD> … </TD>
</TR>
<TR>
<TD> … </TD>
<TD> … </TD>
</TR>
</TABLE> <TABLE>
<TR>
<TD colspan=”2”> … </TD>
</TR>
<TR>
<TD> … </TD>
<TD> … </TD>
</TR>
</TABLE>
|
|
»نوشته شده توسط
بابک
در
یکشنبه 21 مرداد 1386
، ساعت
03:08 ق.ظ
مربوط به موضوع:
وب|آموزش HTML ,
|
تگ <OL>
دارای سه Attribute می باشد:
c)
start=” “
برای
درست کردن يک ليست نامرتب (بدون شماره گذاری اين تگ
دارای يک Attribute است که برای تعيين نوع شکلی که در ابتدای هر خط قرار می
گيرد از آن استفاده می کنيم.
طرز ايجاد ليست در HTML:
برای ايجاد ليست
در html دو روش داريم:
Ordered list ليست منظم
Unordered list: ليست نامنظم
Ordered List:
برای درست کردن
يک ليست منظم به روش زير عمل می کنيم.
<OL>
<LH> vali </LH>
<LI> V </LI>
<LI> A </LI>
<LI> L </LI>
<LI> I </LI>
</OL>
a) Compact :ليست را فشرده تر نشان می دهد
b) Type:"A/a/I/i"
در حالت عادی شماره ها عدد می باشد اما می تواند حروف الفبا يا حروف يونانی
باشد.
A: حروف الفبای انگليسی بزرگ
a: حروف الفبای انگليسی کوچک
I: اعداد يونانی با تايپ بزرگ
i: اعداد يونانی با تايپ کوچک
اگر اين Attribute را ننويسيم ليست را با اعداد انگليسی می نويسد.
از هر عدد يا حرفی که داخل آن قرار بدهيم از همانجا شروع به شماره گذاری می
کند.
Unordered List:
از اين تگ استفاده می کنيم.
<UL>
<LH> … … </LH>
<LH> … … </LH>
…
<LH> … … </LH>
</UL>
<UL type=”circle/disc/square” >
…
</UL>
نکته: اگر بخواهيم عکس خاصی را در UL قرار دهيم:
<UL>
<IMG src="آدرس فايل"><br>
|
|
»نوشته شده توسط
بابک
در
یکشنبه 21 مرداد 1386
، ساعت
03:08 ق.ظ
مربوط به موضوع:
وب|آموزش HTML ,
|
برای درست کردن لینکهای داخلی دو روش داریم. interlink(لینک داخلی): ایجاد flag با استفاده از تگ <A> اسم گذاری عناصر موجود در صفحه با استفازه از heading ها مثال: می خواهیم جمله go to Hamed در بالای صفحه مقابل را به کلمه Hamed در وسط صفحه لینک کنیم. روش flag:
<HTML>
<BODY>
<A href=”#2”> go to Hamed</A>
…
<A name=”2”> Hamed </A>
…
</BODY>
</HTML> که در اینجا می توانید نتیجه را ببینید. روش اسم گذاری:
<HTML>
<BODY>
<A href="vali"> go to middle </a>
…
<H2 id="vali"> middle </H2>
</BODY>
</HTML> در حالت اول می توانیم middle را به بالای صفحه لینک کنیم ولی در حالت دوم این امر امکان پذیر نیست برای این کار در حالت اول:
<A name="vali" href="آدرس صفحه"> middle </A>
|
|
»نوشته شده توسط
بابک
در
یکشنبه 21 مرداد 1386
، ساعت
03:08 ق.ظ
مربوط به موضوع:
وب|آموزش HTML ,
|
برای قرار دادن یک تصویر در web از این تگ استفاده می کنیم. هر چیزی که در این قسمت بنویسیم قبل از loadشدن تصویر و یا بعد از کامل شدن صفحه اگر موس را روی عکس ببریم این متن دیده خواهد شد.(در یک مستطیل زرد رنگ) " border=”ضخامت جدول دور عکس را بر حسب پیکسل نشان می دهد” <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> <IMG>:
به چند دلیل نباید از تگ image زیاد استفاده کرد. به علت زیاد شدن تعداد عکسها صفحه دیر load می شود. ایجاد مشکل در Search Engine.
عدم قابل استفاده بودن برای همه(عدم سرعت کافی، هزینه دار بودن برای user و ... ) طرز قرار دادن عکس:
<IMG src="آدرس فایل تصویر را در این قسمت می نویسیم"
align="left/middle/right/top/bottom"
height="ارتفاع عکس بر حسب پیکسل"
width="طول عکس بر حسب پیکسل"
alt="
hspace=”فاصله عمودی دور تصویر بر حسب پیکسل”
vspace=”فاصله افقی دور تصویر بر حسب پیکسل”> مثال: سوال: برای لینک کردن یک عکس چه کاری را باید انجام دهیم؟
|
|
»نوشته شده توسط
بابک
در
شنبه 20 مرداد 1386
، ساعت
05:08 ق.ظ
مربوط به موضوع:
وب|آموزش HTML ,
|
برای ما يک بلوک در متن ايجاد می
کند.
<DIV style="color: red"> … …
</DIV> استفاده ديگر برای تعيين Direction می باشد که سمت نوشتن را از راست به چپ يا چپ
به راست می کند. <DIV dir="rtl/ltr"> … …
</DIV>
<DIV
align=”left/center/right”> … … </DIV>
در زير
به برخی از آنها اشاره می کنيم:
<big> … </big>:
متن که بين آن باشد يک فونت درشتتر می نويسد.
DIV:
مثال:
rtl= right to left
ltr= left to
right از Attributeهای اين تگ خاصيت align می
باشد:
در قديم از تگهای ديگری نيز برای ويرايش متن
استفاده می کردند که اکنون بيشتر آنها منسوخ شده اند واستفاده ای ندارند.
<em> … </em>: دقيقا کار تگ
<I> … </I> را می کند ولی نشان می دهد که از نظر منطقی تاکيدی روی متن
می باشد.
<strong> … </strong>: دقيقا کار تگ <B> …
</B> را انجام می دهد.
<cite> … </cite>: برای نوشتن
اسم مقاله يا کتاب ( آنرا italic می کند
<code> … </code>:
برای نوشتن قطعه برنامه از آن استفاده می شود. (با خط Mono Scape
)
<kbd> … </kbd>: ورودی های برنامه را با اين تگ می نوشته
اند.(M.S)
<samp> … </samp>: برای نوشتن مثال از اين تگ
استفاده می شده.(M.S)
<var> … </var>:متغييرها را Italic می
کند.
<tt> … </tt>: متن را Mono Scape می کند.( يک نوع Font
است.)
<strike> … </strike>: يک خط وسط متن داخل خود می
کشد.
<blockquote> … </blockquote>:
<small> … </small>: متن که بين آن باشد يک فونت کوچکتر می نويسد.
برای درست کردن توان و انديس دو تگ داريم.
مثال: برای توشتن و از دو تگ زير استفاده می کنيم.
a<SUB> 1 </SUB>
a<SUP> 20 </SUP>
|
|
»نوشته شده توسط
بابک
در
شنبه 20 مرداد 1386
، ساعت
04:08 ق.ظ
مربوط به موضوع:
وب|آموزش HTML ,
|
تگهایی که به وسیله آنها متن را فرم بندی می کنیم: <P> … </P>: در این تگ همه موضوعات آن در یک خط نوشته شده یا یک پاراگراف ایجاد می شود که در صورت بوجود آمدن پاراگراف در زیر خط اول، خط دوم را با فاصله زیاد می نویسد.برای حل این مشکل از تگ <BR> استفاده می کنیم. <BR>: این تگ از تگهایی است که پایان ندارد و آن را هر کجا که قرار دهیم کلمه بعدی را در یک خط پائین تر ولی با کمتر می نویسد. <NOBR> … </NOBR>: اگر بخواهیم در آخر خط شکستگی نداشته باشیم بین دو بخشی که شکسته می شود از این تگ استفاده می کنیم. a, 2 را هرگز از هم جدا نمی کند. در HTML دارای شش نوع HEADING هستیم. <HR align="left/center/right" width=”طول خط بر حسب پیکسل یا درصد” PARAGRAPH:
تگ <P> دارای یک Attribute است:
<P align="left/center/right"> BREAK: NO BREAK: مثال: <NOBR>a2</NOBR> HEADING:
<H1> … </H1> بزرگترین
<H2> … </H2>
.
.
<H6> … </H6> کوچکترین خود این تگها خاصیت راست چین و چپ چین و یا وسط چین شدن را هم دارند که برای فعال کردن آن از روش زیر استفاده می کنیم. مثال: <H2 align=”center”> vali </H2> HR:
تگ <HR> برای ما تک خط افقی سه بعدی ایجاد می کند و دارای Attributeهای زیر می باشد.
size=”ضخامت خط بر حسب پیکسل”
noshade: با نوشتن این کلمه خط سه بعدی نمی شود .
color=”رنگ خط”> PRE:
در HTML هر چیزی را که بین تگ <PRE> … </PRE> به هر صورتی که بنویسیم با همان شکل در صفحه وب نشان می دهد. مثال:
<PRE> Vali
Ali …
Reza a b cd
</PRE> همانطور که می بینید دقیقا همان طور که متن در HTML، نوشته شده است در صفحه اصلی دیده می شود.
|
|
»نوشته شده توسط
بابک
در
جمعه 19 مرداد 1386
، ساعت
10:08 ق.ظ
مربوط به موضوع:
وب|آموزش HTML ,
|
فرمت کلی این تگ به صورت زیر است. <a href = “URL”> text/image </a> <BODY> <p> </BODY> ANCHOR:
در HTML بوسیله تگ <a> … </a> می توانیم یک متن یا عکس را به صفحه ای دیگر پیوند دهیم (Hyper link).مهمترین Attribute در این تگ، href می باشد. مثال: در جمله click here to go to zahiri home page کلمه zahiri را به آدرس index.html لینک کنیم:
click here to go to
<a href ="http://www.schoolnet.ir"> schoolnet </a>
home page
</p> همانطور که می بینید کلمه مورد نظر به آدرسی که می خواهیم ، لینک شده است.
|
|
»نوشته شده توسط
بابک
در
جمعه 19 مرداد 1386
، ساعت
10:08 ق.ظ
مربوط به موضوع:
وب|آموزش HTML ,
|
تم Aero Cloud
تغییر دادن ظاهر ویندوز با Style Xp v3.19 همراه کرک
عکس هایی از کارخانه Mercedes Benz
خصوصیات آقا پسرها از 14 تا 28 سالگی
خصوصیات دختر خانمها از 14 تا 28 سالگی
آموزش HTML درس هشتم(آشنایی با Image map)
آموزش HTML درس یازدهم(جدول ها)
آموزش HTML درس دهم (طرز ایجاد لیست)
تبلیغات کلاس B
