صفحه 1:
درد
آموزش ۲۲۲۱/۱
صفحه 2:
مقدمه ای بر وب و HTML
تمام صفحات وب با نوعی از 11۷11 1[ ساخته می شوند.
همه صفحات وب شامل دستورالعمل هایی برای نمایش توسط مرورگر ها
هستند. و مرورگر ها با خواندن این دستورالعمل ها صفحات را نشان می دهند.
دستورالعمل های نمایش صفحات وب. برچسبهای ,]1111۷1
wg <o oui (Markup Language Text Hyper )
صفحه 3:
يك فايل .1111/11 جيست ؟
© يك فايل 5111/11 فايل متنى ساده اى شامل برجسب ها (©12) مى باشد؛ که بهتر است
يسوند 1268001 يا 126102 داشته باشد و مى تواند توسط يك ويرايشكر ساده متن مانند
0 ساخته شود. برای بهتر روشن شدن مطلب بهتر است یک فایل ,3111۷11 بسازیم.
در ۷۷10075 برنامه ۱۷06080 را اجرا کنید و متن زیر را بنویسید
<html>
<head>
<title>title of page </title>
</head>
<body>
This is my first home page.<b> This text is bold </b>
</body>
</html>
صفحه 4:
این فایل را با نام "1651:1110" ذخیره کنید. حال مرورگر اینترنت خود را باز کرده و گزینه
۵060 يا 3206 0068 را از منوی 3116 مرورگر انتخاب یک جعبه محاوره ای باز
خواهد شد. 13701۷756 پا 17116 220096)را انتخاب کنید و فایل "169.100" که هم
اكنون ساخته ايد را بيابيد. انتخابش کنید و روی 0۳010 کلیک کنید. حال شما يك أدرس
مانند:
"D:\My Documents\Test.htm" ® را در جعبه محاوره ای خواهید دید. روی
SIS OK کنید. مرورگر صفحه ساخته شده توسط شما را نشان می دهد.
[Fle ede ven ضع مق یو a
[aster [E} om, oocumenestretinem a)
‘This isp frst homepage: This text is hold
1
صفحه 5:
نكته اى درباره ويرايشكرهاى .1111/11 :
© شما می توانید صفحات ,]۳11۷1 را با ویرایشگرهای WYSIWYG
You See Is What You Get) ۲۷۲۵۲) مانند: FrontPage 5
PageMill , Claris Home Page ۵0006 به جای نوشتن برچسبهای مورد نیاز
در یک فایل متنی ساده؛ ویرایش نمایید. اما اگر می خواهید یک طراح حرفه ای صفحات وب
شوید بهتر است از یک ویرایشگر ساده متن استفاده کنید تا 1111/11 را به خوبى درك كنيد و
در مباحث پیشرفته به درستی و با تسلط از آن استفاده کنید.
هنگامی که شما یک فایل ,111۷11 را ذخیره می کنید شما می توائید هرکدام از پسوندهای
btm یا 16121 را انتخاب کنید.ما در مثال هایمان از پسوند 126112 استفاده مى كنيم. اين
ممکن است یک رفتار بد موروتی از گذشته باشد که بیشتر نرم افزارهایی که استفاده می شوند
فقط پسوند سه حرفی را قبول می کنند.با نرم افزار جدیدتر ما فکر می کنیم که اگر از پسوند
1 لستفاده کنیم بسیار ايمن تر خواهیم بود.
صفحه 6:
برجسبهاى .1111111
#برجسبها براى مشخص كردن عناصر فايل 1111111 استفاده مى شوند و توسط
دو حرف << و > احاطه می شوند. برچسبها معمولا به صورت جفت استفاده می
شوند مانند <0> و cb/> ب اول» برچسب ابتدایی و برچسب دوم»
برچسب lel تلميده مى شود و بين آنها عنصر می باشد.
برچسبها به بزرگی یا کوچکی حروف حساس نیستند مثلا <b> همانند
< > می باشد اما ما در این کتاب از حروف کوچک استفاده می کنیم. اگر
می خواهید خود را برای استفاده از نسل جدید ,111۷1 آماده کنید شما نیز
بهتر است از حروف کوچک استفاده کنید. ضمنا این پیشنهادی است که
wae (World Wide Web Consortium) برای استفاده از
Se XHTML
صفحه 7:
HTML jote
براى روشن شدن مفهوم عنصر به دو مثال زیر بسنده می کنیم:
خط زیر یک عنصر است:
<b>This text is bold</b>
این عنصر با برچسب ابتدایی <(1> شروع شذه وبا برجسب انتهايى </ه
يايان مى يذيرد و 180101 66136115 11215 نيز مندرجات عنصر است.
© خطوط زير نيز مجموعا يك عنصر مى باشد كه شروع آن با برجسب ابتدايى
ol bb s-<body> با برجسب انتهايى </180037> مى باشد.
<body>This is my first homepage. <b>This text
is bold</b></body>
صفحه 8:
© پرچسبها می توانند دارای مشخصه (Attribute) باشند. مشخصه ها می توانند اطلاعات
باره عناصر ,]111۷ صفحه شما تدارک ببینند.
برسي body مد هه شما را تعریف می کند. با اضافه کردن مشخصه
1 شما مى توانيد به مروركر بكوييد كه ردك بس زمينه شما مثلا قرمز باشد؛ مائند:
<body bgcolor="red">
S -ctable> 2, % جدول ايجاد مى كند. بالمضافه كردن مشخصه 1201061 مى توانيد
به مرورگر بگویید که مثلا جدول شما حاشیه ندارد؛ مانند:
<table border="0">
© مشخصه ها همواره به شكل جفت نام و مقدار به كار مى روند: ALUE
همواره به برجسب ابتدايى اضافه مى شوند. در ضمن بهتر است كه مقدار مشخصه ها بين
علامتهاى نقل قول قرار كيرند.
صفحه 9:
برچسبهای اساسی HTML
صفحه 10:
۲113/1 سربرگ
پایان سند. دستورات رابین اینها te <HTML> , html a jt) (2. <HTML> ®
قرار مى دهيم. اينها تكهاى أغازين ويايانى هستند. براى ايجاد تك پاینی کافیست یک / به تگ آغازین
اضافه كنيم. ولى همه تگها دارای تگ پایانی نیستند .
برچسب <head>
این برچسب شامل اطلاعاتی عمومی درباره HTML (pli می باشد. عتاصر داخل برچسب
<1680> توسط مرورگر نشان داده نمی شوند. بر اساس استانداردهای ,3111۷11 فقط تعداد
کمی از برچسبها مجاز به قرار گرفتن در ببچسب <head> باشند و آنها عبارتند
<script> , <style> ,<meta> ,<link> , <base> , <title>: ;
<title> .>,°
توسط این برچسب می تولنیم عنوانی در نوار عنوان مرورگر بنویسیم. همانطور که در مثال زیر می
پینید عبارت title 1126 در نوار عنوان به نمایش در خواهد آمد. در ضمن این عبارت در متن
مرورگر دیده نمی شود و فقط محتویات داخل برچسب پاراگراف دیده خواهد شد.
صفحه 11:
PU Ao
This text is displayed
<i>
<kood>
ttle >The tite </hithe>
</head>
<body>
<p>The tet te disployed </p>
<body>
<lhisol>
صفحه 12:
۳۳۹ Tok te
Pes ]= رماع
This is a heading
This is a heading
This is a heading
This a heading
“This fsa heading
mu موه
عنوانها توسط برچسب <1> تا <16> ایجاد می شوند که < 111> بزرگترین عنوان و
<6[> کوچکترین عنوان را ایجاد می کند. ,11۷]1 31 به طور خودکار یک خط خالی قبل و
بعد از عنوان اضافه مى کند. به مثال زیر توجه کنید.
<H1> This is a heading </H1>
<H2> This is a heading </H2>
<H3> This is a heading </H3>
<H4> This is a heading </H4>
<H5> This is a heading </H5>
<H6> This is a heading </H6>
صفحه 13:
پاراگراف
# پاراگرافها توسط برچسب < > ایجاد می شوند؛ و همانند عنوانهای
HTML به طور خودکار یک خط خالی قبل و بعد از عنوان اضافه می کند.
|
هق اد مهس 20| سم
Tass» paragraph
“This is another panaroph
gi
داك
<body>
> و وا فاد purayraph</p>
۱
<body>
><
صفحه 14:
شکست خطوط
#برچسب <017> هنگامی استفاده می شود که شما می خواهید یک خط را
پایان دهید و ادامه متن به خط بعدی برود ولی پاراگراف جدیدی را شروع نکنید.
برچسب <<01[> یک برچسب خالی می باشد و بر چسب انتهایی ندارد.
|| عت Gat few Faves Toe 1
<br> ty a porah>yraph wit hoe breakilp>
al
Tis
هدوز
raph with line beeaes
1
shiwl>
<body>
<p>This
<body>
<<thicol>
صفحه 15:
توضیحات در ,]1۷1 ] ۲1
#برچسب توضیحات برای قرار دادن توضیحاتی در فایل HTML استفاده می
شود؛ و مرورگر آنها را نادیده می گیرد <!-- This is a comment --
> ) (و در خروجی نمایش نمی دهد. شما توسط این برچسب می توانید فایل
HTML خود را تشریح كنيد و هنكامى كه مى خواهيد آن را ويرايش نماييد
به شما كمك خواهد كرد تا سردرگم نشوید. این مسئله خصوصا در فایلهای
,111۷1 بزرگ صادق است.
<i>
ع ی <body>
eee <p> This te 3 puraqrapk<ip>
ل =] OSS بك ی
را کت
Thisis aparagaph Zuo
<body>
‘This is mother paragraph
ال
صفحه 16:
برچسب خط افقی
#برای جدا کردن قسمتهایی از متن می توانید از بر چسب *<<1231 > استفاده
کنید. برای درک مطلب. بهتر است مثال زیر را ببینید.
>
<body>
<> مس تب Tow
سس | تساه ود سا
<hr> 5 a
دب نه اكه اع عا حماسي ی
<body> سح
SHE Tie epaasash
صفحه 17:
« هنگامی که متنی را در HTML می نویسید هرگز نمی توانید مطمثن باشید که متن شما
در مرورگرهای دیگر چگونه دیده خواهد شد. چون بعضی از صفحه نمایشها کوچک و
بزرگ هستند. ضمنا متن شما هرگاه که کاربر آندازه پنجره خود را تغییر
به خود می گیرد. يس هركز سعى تكنيد كه متن خوة ربا اش رد" ن خط خالی و یا فاصله
بين حروف مرتب
* در 1111111 هر تعداد فاصله كه دركنار هم استفاده كرده ايد به عنوان يكى حساب مى شود.
آزلستفاده كردن فاصله هاى اضافى در كنار هم خوددارى كنيد. جون فقط اندازه فايل
HIML 3 خود را زياد مى كنيد.
* هرگز از پاراگراف(< «>) خالی برای قرار دادن فاصله بین خطوط استفاده نکید و به جاى أن
از 0۳2 > استفاده کنید. در ضمن از <10۳> برای ساختن فهرست استفاده تکنیده کمی صبو
كنيد تا طرز ساختن فهرست ها را در 1141 11 فرا بگیرید.
صفحه 18:
جدول برچسبهای اساسی و کاربرد UST
برحسب ابتدايى
<html>
<body>
<hi>-<h6>
<p>
<b>
<hr>
<I>
کاربرد
يك قايل ۲/۲۲ را ایجاد می کند .
بدنه فایل /۲۷۲۲ را ایجاد می کند .
عنوان با اندازه یک تا شش را ایجاد می کند .
یک باراگراق را ايجاد مى كند .
يك شکست در یک خط قرار می دهد .
يك خط اققى در متن قرار مى دهد ٠
توضيحاتى به قايل 17711 اضاقه می کند .
صفحه 19:
قالببندی متن در ,1111۷11
:1111111 بسرچسبهایتعددیرلیقالبندیمترور نظر گرفته لستکه در جداول‌زیر
کیرد هر یکذکر شده لستو ب راو رکب هتر کیرد هر یکاز برچسبط ما لهایمتدی
1 بوصسي اجدايق | soo
b> يك متى با حروف برنگ را امجاد می کند -
<big> بك متن با حروف بزركتراز اندازة يش فرض را أبحاد مى كند .
<em> بك متن با حروگ نامک وا انجاد مق کند
<i> یک متی با حروف ایتلیک را أيجاد مو, کند.
CE SRA EY ase <small> ,8
جوم > مک متن با حروف بررنك را ليجاد مى كند .
<sub> نمی ردرهتن ]شام که
<p> م eee
<ins> بك متن زبرخطدار را إيجاد مى كند .
<dl> فك متن با خی برروی of أتحاد فى كند .
صفحه 20:
مثال زیر به شما نشان می دهد که چگونه می توانید یک متن را در یک فایل .۹۲8۷11 قالببندى كنيد.
omcmenavennens] oe ۳ 2(۳] هه[
rare TaN يه يم
This text is bold
This text is strong
‘This tent is big
‘Ts oat emplasind
Ts oat tal
ات
00000
“Ths test contain
>
<body>
<b> This text te bold<ib>
<b>
Sstroug> This teat ts stray </stroag>
<br>
<biq> This text is biy</big>
<br>
<ew> This text is ewphustzed<lew>
<br>
<i>This ted te ital <A>
<b>
<owall> This teat te vaall</swull>
<b>
Okie text cvutuias<sub> subscript <ioub>
<br>
kis text ovatuias<sup >superserpt<rup>
<body>
<thiol>
صفحه 21:
* مثال زیر به شما نشان می دهد که چگونه می توانید یک متن خط خورده و یک متن زیر خط
دار را در یک فایل ,]11۷ 3 قالببندی کنید.
حاوب>
<body>
سعد 37 ] <del>This tet to deleted <Idel>
Tok _>| مه ما جع[ <b>
50 | سس اك وک لس سا ما عماجم >
z درل >
>< ی
‘histo is nsete
صفحه 22:
# با برچسب <۳16> می توان فاصله ها و شکست خطوط را از قبل تنظیم کرد.
| توافت 6م Took
ی
نع لمع سيم عم
na Line breaks.
><
<body>
<pre>
Akie
preforwotted text.
dpmesenee botk space
wed for breaker.
Port = ۰ 0
العم
د
<lpre>
<body>
<hr>
صفحه 23:
* مثال زیر نشان می دهد که آدرس را در یک فایل م۷1 3 چگونه بنویسیم.
>
<body>
>
0
ص16۳
کم
سس
<laddress>
<body>
><
isl
|| سم سن بم عم Took >|
عمس سس ور مزه سوم OG
Te. لش
BE Nikon
BON 10455-53567
Tate
Jon
صفحه 24:
* مثال زیر طریقه استفاده از برچسب <0010> را نشان می دهد. همان گونه که مشاهده
می کنید لین برچسب می تواند جهت نمایش متن را تغییر دهد مثلا حروف از راست به چپ
نوشته شوند يا بر عکس.
<اوب>
<body> رخا وو
Sco esa [fleet toy لخن سوسم
(ere te eowe “tebrowterd زك] ممم 0100 bonimertives.ton =] GPO
<lbdo> = =
<body>
apes toe weed mos ol re
i)
صفحه 25:
© © توسط برچسب < :01001600000 > مرورگر یک خط خالی قبل و بعد از نقل قول قرار
می دهد وهمچنین حاشیه ای برای آن در نظر می گیرد. اما < ۵> کار خاصی روی متن انجام
نمی دهد و فقط برای شما به عنوان سازنده فایل م11۷1 13 مشخص می کند که عبارت داخل
آن یک نقل قول است.
Here comes along quotation
‘This along quotation Tis
is along quotaton, Test a
Tong quotation Thi along,
quotation.
“Hore comes a shor quotation: This isa
shot quotstion
>
<body>
dere cowes a lrg quotation:
<blockquote>
Ahi tev lowy quotation. This te a
عدوا quotation. This te a kre
quotativa. This tev lowy quctulios,
<Iblookquoie>
Vere cowes a skort quetativa:
<>
‘This to a short quotation:
><
<tbody>
<thiol>
صفحه 26:
# همانطور که در مثالهای فوق می بینید خروجی بعضی از بر چسبها کاملا مثل هم
است و بعضی کار خاصی را انجام نمی دهند. در این موارد گاهی هدف از استفاده این
برچسبها تنها مشخص کردن نوع متن برای نویسنده فایل م11۷1 31 می باشد. به
هر حال استفاده از قالبندی های فوق به سلیقه نویسنده فایل ,3111۷11 است و
ضرورتی ندارد که حتما از موارد فوق دقيقا بر اساس کاربرد استفاده شود.
صفحه 27:
رنك ها در :111711
* از رنگها توسط سه شیوه 136313 و ۴76 و 8106[ می توان استفاده کرد. مثلا هر سه دستور زیر
رنگ پس زمینه را به سیاه تفییر خواهند داد.
<body bgcolor="#000000"><body
bgcolor="rgb(0,0,0)"><body bgcolor="black">
* در استفاده از رنگها بهتر است از شیوه 1006[ استفاده نکنید و دو شیوه دیگر را به کار ببرید چون
نام رنگها برای همه مرورگرها قابل استفاده نمی باشد. توسط دستور 1010 می توانید تا ۱۶ میلیون
زنگ بسازید cael 0 تموئة ای از نام رتگها و شماوه های آنها را دز جدول زیر
می پینید.
صفحه 28:
color
(Color Name
Back
1
ime
the
سر
aqua
0۳
sive
his
Color HEX
000000
0
0
مم
1
تست
ممم
عم
Color RG
000و
ra 255,00)
90.2550)
abi 0.0255)
ra255,255,0)
(0.255.255),
ra 255,0255)
rgb02,202,192)
925,255,255)
صفحه 29:
* در جدول زیر نمونه ای از رنگها و شیوه استفاده از لعداد برای ساخت رنگهای مختلف را می بینید.
‘Color HEX Color name olor
000000, 6200
od GBI 64, 64,64)
0 RG8(128,128,128)
Res(102,192192) م
232232 ممم ممعم
aE RGE(25,25,255)
صفحه 30:
shiwl>
<body byoolor="nib(QEEAY">
<p>his ts a purayraph</p>
<p>This ty wavther porayraph</p>
<body>
ام >
>
ی
<p>this ts « porayraph</p>
<p> this ip wwther paragraphsp>
<body>
<اس>
صفحه 31:
فونتها در :1117711
برای تعیین نوع فونت ورنگ ویا اندازه آن در یک فایل ,11111 می ols از برچسب <font>
استفاده کرد. اگر چه هنوز عده زیادی از این شیوه استفاده می کنند و حتی نرم افزار
0۳6 نیز از اين شیوه استفاده می کند؛ استفاده از این برچسب توصیه نمی شود. و بهتر
است از شیوه های نگارش (5۹)) استفاده کنید. در اینجا فقط برای آشنایی با برچسب acfont>
به توضیح آن می پردازیم اما شما سعی کنید از این برچسب استفاده نکنید. برچسب <:1011>
دارای سه مشخصه 0606 ,5126 و 0010۲ می باشد که در جدول زیر شرح داده شده اند.
مناد کاربرد
co bi هی کند
وه قونت را برکتر ی کند
سید افونت را كوجكترمى كند
acess" تام ونت را تین می کند
Swine | ۵۵-0" فونت راتس هی کند
colored? ازنگ فونت را ین هو کل
صفحه 32:
>
<body>
<p>
"تسود اولك Rire="Oerdaaa"
و
Akis teu parsyraph.
<Foo>
<p>
<p>
"بصو "تسوه اماك
ساط واه
۱
<و>
>
<body>
<thicol>
صفحه 33:
درد
لينى ها در .1112/11
صفحه 34:
برچسب < ۵> و مشخصه ]1176
,]1 از برچسب< ۵> که ۸ حرفایل‌کلمه 81101207 به معنی|سنگر می‌باشد بسولی
اختریسیوند بسا دیگر فایلها لستفاده میکند (سه جاولستفاده از کلمه پسیوند از کلمه لشنای
Spell acted يكلينكميت اند به هر منبعودر وبلشهم دأشته باشد: يك
HTML ox دیگر ی یکموزیک کف یلم يا هر چیز دیگری‌قاعدم ی
SBS Ss eg ae,
<a href="url">Text to be displayed</a>
مشخصه 1۳6۴ برای مشخص کردن آدرس فایلی که می خواهیم به آن لینک ایجاد کنیم. به کار می
رود؛ و کلمات بین برچسب ابتدایی و انتهایی به شکل فرآوند (137۳6711116) نشان داده خواهد
شد. به عنوان مثال خط زير یک لینک به سایت 21000 ایجاد می کند.
<a href="http://www.yahoo.com/">Visit YAHOO!</a>
۷۵۱۱ ۷۸۱۲ 0 0 ! : دستور فوق در یک مرورگر به شکل روبرو دیده می شود @
صفحه 35:
مشخصه ۱۵۲061
* توسط مشخصه 816 شما می توانید مشخص کنید که فایل پیوند داده شده به آن کجا باز شود.
به عنوان مثال دستور زیر سایت ۷01100 را در پنجره جدیدی نشان می دهد.
<a href="http://www.yahoo.com/" target="_blank">Visit
YAHOO!</a>
awl
یک فایلا ترس جدید و دريك بنجرة جديد ياو خواهد كود.
903-۴ | یک ال با نرس جدید را در جر علی باز حواقد کرد
“lb (parent fama) pa ay یک فایلا ترس جدید
(38 pub cance ster Colas Baral) oS
بك قابل با درس حديد وا در كل بنجره قعلى باز خؤهد كرد ( را
جقبى براك خارع شدت ارهاب ها
هر سود
تسود
صفحه 36:
a فا
*مشخصه 28716 برای ساختن یک لینک دارای نام
استفاده می شود. توسط لینک دارای نام شما می توانید
لینکی بسازید که به قسمت خاصی از ضفحه مستقیما
جهش داشته باشد به جای اين که کار بر را مجبور به
پیمودن صفحه کنید تا به قسمت مورد نظر برسد. قاعده
ساخت یک لینک دارای نام به صورت زیر است :
<a name="label">Text to be displayed</a>®
صفحه 37:
٩ هنگامی که:می خواهید به یک لینک.دارای نام: متصل شوید باید به انتهای ام فایل غلامت
# را اضافه کرده سپس تام لینک مورد نظر را بنویسید. مثلا اگر دستورات زیر زا در فایلی
به نام تطاط.5]1©] ذخيره كنيد
© <p>This is a text. This is a text. This is a text.</p>
© <p>This is a text. This is a text. This is a text.</p>
۶ <a name="tips">Read the Useful Tips section</a>
© <p>This is a text. This is a text. This is a text.</p>
© <p>This is a text. This is a text. This is a text.</p>
ذخیره کنید test2.htm pli a و دستورات زیر را در فایلی ٩
© <a href="test1.htm#tips">Read the Useful Tips section</a>
* و فایل Si 55) 9 2S JL L test2.htm 9790 کلیک کنید, فایل ol testi htm
خواهد شد و به بخش 05 خواهد رفت. همچنین شما می توانید از طریق پیوند دارای نام
به بخشی از صفحه فعلی که توسط مرورگر در حال نمایش است بروید. مثلا اگر
دستورات زیر را در فایل ۵5۱.150؟ نوشته و آن را ذخیره و توسط مرورگر باز کنید.
سيس روى 1185 11964111 كليك كنيد صفحه به سوى بخش 185 چهش می کند.
صفحه 38:
0
<p> kis te مدا د جا جارج دجوا د <br> This te إه
<p>kie te a tent.<b>Thir te o tent. <br> This te أه
<p> kis te سا جارج جا د 0 tent <br> This te له
<p> kis te اسآ نگ مسا و 0 tent <br> This te
<a cawe="tips">Roud the OrePul Nps section<h
<p> hie te د tent. <b> This te o tent. <br> This te أه
<p> kis te a tent.<b>This te 0 tent. <br> This te له
<p>The te اسآ هریگ مسا و 0 tent. <br> This te له
<p>The te تسا و سا وا هریگ سا و <br> This te له
<p>The te a tent.<b> This te 0 tent. <br> This te أه
صفحه 39:
© * هرگاه که می خواهید لینکی به یک شاخه ایجاد کنید در انتهای نام شاخه یک / اضافه
كنيد جون اكر بخواهيد مثلا لينكى به شاخه 31اظ در سايت 2مء.©322 8:03 ايجاد
كنيد و از ساختار asS oslauw! "href="http://www.yourname.com/html
يك تقاضاى اضافه به سرور وب خود تحميل خواهيد كرد جون سرور ابتذا به انتهای
آدرس فوق یک / اضافه می کند سپس به آدرس جدید که آدرس زیر است پاسخ می
دهد و صفحه لازم را برای کاربر می فرستد :
“/href="http://www.yourname.com/html
*#لینک های دارای نام غالب برای ساخت فهرست مندرجات فایل های طولانی در
ابتدای صفحه استفاده می شوند. به این صورت که هر فصل یک لینک دارای تام دارد و
لینکی به هر یک از آنها در ابتدای صفحه داده می شود:
*توجه داشته باشید هنگامی که در مشخصه ۳0۶ می خواهید از فاصله استفاده کنید
بايد فاصله را با 2056 جایگزین کتید تا مطمئن باشید که فاصله ها به درستی توسط
مرورگر تشخیص داده خواهند شد.
صفحه 40:
HTML 5p تصاویر
صفحه 41:
برچسب <1100> و مشخصه 5760
* تصاویر در فایلهای ,7111۷11 توسط برچسب <1100> قرار داده می شوند. این برچسب. یک
برچسب خالی می باشد یعنی نیازی به برچسب انتهایی ندارد و فقط شامل مشخصه های مربوط به
خود می باشد. براى مشخص كردن تصويرى كه بايد در قرار بگیرد نیاز به استفاده از مث
(5011566) 510 داريم كه به وسيله أن آدرس و نام فايل معرفى مى شود.
<img src="http://www.you.com/product.gif">
© اكر فايل 111111 و تصوير در كنار هم قرار داشته باشند مى توانيم از =
<21001101.011" -510 11120" > استفاده كنيم و نيازى به ذكر كامل آدرس نيست. مرورگر
تصوير را در هرجايى كه از برجسب 11120 استفاده كرده ايد قرار خواهد داد. مثلا كر از اين يرجسب
بين دو ياراكراف استفاده كرده ايد مروركر ابتدا ياراكراف اول رأ نمايش مى دهد سيس تصوير و در
نهايت باراكراف ديكر را نشان خواهد داد. به عنوان مثال ديكر اكر عبارت
<0/ >< "2500101.011" -510 1210> 60> را در جدول به كار ببريد يكى از خانه
هاى جدول شامل تصوير 21001101:.011 خواهد بود. (در مورد جداول در مبحث بعدى صحبت
خواهيم كرد)
صفحه 42:
alt مشخصه
ین مشخصه برای ایجاد یک متن توصیفی بر روی تصویر به کار می رود؛ و وقتی کاربر ماوس را روی
تصوير می برد و برای چند لحظه نگاه می دارد. این متن در یک کادر کوچک دیده خواهد شد مانند :
<img src="boat.gif" alt="Big Boat">
؟ که باعث دیده شدن عبارت 1308 13107 در یک کادر کوچک می شود وکاربرد این مشخصه بیشتر
وقتی است که اگر تصویر به دلیل هر مشکلی در صفحه دیده نشد کاربر بداند که چه تصویری را ندیده
است که در این صورت عبارت مشخصه ALE به جای تصویر دیده خواهد شد.
صفحه 43:
سعی کنید در صفحات وبی که می سازد فقط در صورت
تصویر وعکس استفاده کنید و از زياد
کردن حجم صفحه خود بپرهیزید چون هنگامی که کاربر در اینترنت صفحه شما را می بیند باید مدت
زیادتری برای تکمیل شدن نمایش صفحه شما صبر کند و ممکن است این موضوع کاربر را از دیدن
صفحه پشیمان کند !
صفحه 44:
© براى اضافه کردن تصویری به پس زمینه صفحه می توانید از ساختار
<body background="background.jpg">
© استفاده كنيد که به جاى 47 192615630131201 می توانید نام هر فایل تصویری دیگری را قرار
دهید. اگر ابعاد تصویر شما از صفحه کوچکتر باشد تصویر تا پر کردن کل صفحه تکرلر خواهد شد. پس
اگر تصمیم دارید که تصویری به پس زمینه خود اضافه کنید توصیه می شود که از فایلهای کوچکی که
مى توانند مانند موزائیک در کنار هم قرار گیرند. استفاده کنید. ضمنا در لنتخاب تصویر و انتخاب رنگ
متن دقت کنید تا متن شما خوانایی خود را از دست ندهد. مثال زیر در همین رابطه !
>
و
<p>ikic ip atest.
this te atest.
صفحه 45:
مشخصه 211017 در تصاویر
fatal, 5 eles a ۲
این مشخصه طریقه تراز شدن تصاویر و متن را تعیین می کند. مثال زیر در همین راب
اجا
صفحه 46:
© توجه داشته باشید که تصاویر به طور پیش فرض به صورت 190180333" ۵110030" قرار خواهند
گرفت.
همچنین مشخصه 2110018 می تواند طرز قرارگرفتن یک تصویر در کنار یک پاراگراف را تعیین کند
که مثلا تصویر در سمت راست پاراگراف قرار گیرد یا در سمت چپ. به مثال زیر توجه کنید.
امه
<body>
<p>
toy ore "test bor" alia =e" >
@pariaraph with oa keage. The oh
atinbule oPike twaye ts sel io "te",
Ake revaqe uill Hort to the teR oPthis text.
<e>
<به
بت موه "و ط ore "test >
@pariaraph اس oa سوم The ote
atinbule oPike taraqe ts set to “aght”.
Ake وه سا سا توا اس سوم oP this trent.
صفحه 47:
تغییر ابعاد تصاوبر
* توسط مشخصه height , width می توانید ابعاد تصویر را تغییر داده و آن را بزرگتر و یا
کوچکتر کنید. فقط دقت کنید که ابعاد را متناسب تغییر دهید چون در غیر این صورت تصویر وضوح و
يبايى خود را از دست واهد داد.
رارسا لاس ود مات
داو ماما"
"تاونس 7ل "جما نلعيب pro="horkwaa.gif" رداك
<body>
><
صفحه 48:
قسمتی از تصویر
* برای اين کار باید از دو برچسب <9قه> و <۵2۵۵> استفاده کنید. روش کار بدین صورت است که
ناحیه هایی را می خواهید کاریر با کلیک بر روی آن به صفحه دیگری متصل شود را توسط اشکالی
مشخص می کنید. این اشکال دایره, مستطیل و چند ضلعی خواهند بود كه توسط مشخصه #طهطه
تعبین می شوند.
© *دايره به صورت©561ؤ»"-91886" معرفى می شود و مختصات آن توسط مشخصه 000۳05 تعيين
می شود. مثلا در 32 ,41 ,39*-6۵۵208" دو عدد اول مختصات مرکز دایره و عدد سمت راست
اندازه شعاع دایره می باشد. مشخصه آشنای ۲۵۶ که در برچسب <۵> از آن استفاده کردیم, صفحه
ای را که کآبر با کلیک بر ناحیه مشخص شده توسط شکل به آن منتقل خواهد شد را تعبین می کند.
“coords="77, 12, 112, 72 laws; Vie ul jh wlaire » "shape="rect Laws Julaine* ©
تعيين مى شود كه دو عدد سمت چپ مختصات گوشه بالای سمت چپ و دو عدد سمت راست مختصات
گوشه پایین سمت راست می باشتد.
slut © استفاده از چند ضلعی باید از «هو01"-5۵۵۵" استفاده کنید و اعداد دویه دو مختصات
گوشه های آن را تعبین مى کند : 20 ,184 ,53 ,183 ,64 ,193 ,68 ,124 ر7 ,6۵0205146
© همانطور که در مثال زیر می بینید برچسب <۵۵8> مشخصه ای به نام 9۵96 دارد که توسط آن
b <img> uz» برچسب <2۵۳> ارتباط برقرار می کند برای ایجاد اين ارتباط باید در برچسب
j| <img> مشخصه «هتده‌عنا استفاده کنیم که مقدار این مشخصه نام برچسب <0۵0> می باشد.
ضمنا نام برچسب <map> باید همراه با علامت # به کار برده شود. مانند؛
© usemap="#picture"
صفحه 49:
© شما مى توانيد با کلیک بر روی هر جای تصویر به آدرس
مورد نظر متصل شوید برای اینکار باید از روش زیر
استفاده کنید, که در اینجا مثلا با کلیک بر روی تصویر
buttonnext.gif « صفحه طاظ0206] ۵۶ خواهید
رفت.
<a href="nextpage.htm"><img ©
src="buttonnext.gif" ></a>
صفحه 50:
shi
sbody>
مساو سوت وم
0
evords=" GQ OF" aht="virele">
<orea href "wotwaule kiwe" shape
voords="GR QB GD oh="wetaaghe">
اور سای و ورام کاس سیک
6a 169 9 198 0۱ 118 ,16560
Story border="0 sre ="pictune wai!
wer wup="Hpicture">
<body>
<kicol>
صفحه 51:
جدول ها در ,]۲111۷
© جدول ها در ۳311۷1 توسط برچسب <81016]> ایجاد می شوند. یک جدول توسط برچسب
<< > به سطرها تقسیم می شود و هر سطر توسط برچسب <01] > به خانه های اطلاعاتی
تقسیم می شود. یک خانه اطلاعاتی متواند شامل متن؛ تصویر. فهرست. پاراگراف فرم. جدول و یا هر
چیز دیگری باشد. دو مثال زیر طریقه استفاده از برچسبهای گفته شده را نشان می دهد.
مثال زیریک جدول حاشیه دارمی باشد که ضخامت حاشیه توسط مشخصه ۰۵0۲086۲-1
تعیین شده است. 4:۷
<body>
Stable border="">
><
<id>rour4, امه 1
<id>rou/4, vel لاک
<I>
<i>
<id>row/@ اس 16
<id>ow/@ لک زاس
<I>
<huble>
<loody>
>
صفحه 52:
عنوانها در جدول
© عناوین ستونها در یک جدول توسط پر چسب 112 > مشخص می شوند. به مثال زیر توجه کنید.
<>
<ik>tleadiary <th>
> حجالك وو لد صا سا تج
حوره
جره
<td>, cell <i>
<i>, cell hd>
<b>
جره
> cell <i>
> لا امه سل
<b>
<hable>
<body>
> اب
صفحه 53:
توسط برچسب 08083010 > می تولنید عنوانی برای جدول خود در نظر بگیرید. به مثال زیر
توجه کنید.
<kicol>
<body>
<table border="">
<captiva>Oxptioasiruption>
<>
> لک اه ,سل
<id> row, well hd>
<hr>
><
حل>) اس سل >
002 اس ٩ دی >
حوا>
<hable>
<body>
thick
صفحه 54:
© توسط مشخصه 006010۲ می توانید ر:
® #مشخصه ]10101 عرض جدول یا یک خانه را تعیین می کند و مشخصه ls height جدول
یا یک خانه را تعیین می کند. و مقدار این دو مشخصه معمولا بر حسب 010661 می باشد.
مینه جدول یا خانه های آن را تعیین کنید.
<hiwl>
<body>
<tuble border="(" bypolor"ed">
جره
Std byvolor="#CIRDD>Pret<hd>
<id>@ouhid>
<>
جره
> لک امس <ل
> << حاک
<huble>
<body>
<thisol>
صفحه 55:
* توسط مشخصه 0861601011001 می توانید تصویری در پس زمینه جدول یا خانه ها قرار دهید.
>
<body>
Stable border="(" height="GUD widik="GDD bs
<>
<td buck und="Weot bore">Brt<lid>
<id>Rouxid>
<hr>
<>
لو مم هدك ><
> وکا کل
<hable>
<body>
<hhicol>
صفحه 56:
sca is sts mt عور
#گاهی اوقات ما نیاز پیدا می کنیم که بعضی از خانه های
جدول خالی باشند. اگر جدول ما دارای حاشیه باشد و در
خانه مورد نظر چیزی ننویسیم (<0<>/]0]>) در اين
صورت جدول ما a صور :7:۰ می شود.
(row 2, colt
#برای جلوگیری از بهم خوردن حاشیه باید حرف نهادی
00506( را بکار a <tdsanbsp;</td> 5] wis, ap
جای <10<>/10> استفاده کنیم در اين صورت جدول به
صورت زیر خواهد بود.
3
آ 1اه ۳2
صفحه 57:
bgcolor مشخصه
#توسط توسط مشخصه 20160101000 می توانید
تصویری در پس زمینه جدول يا خانه ها قرار دهید. می
زمینه جدول يا خانه های آن را تعیین کنید.
>
<body>
<tuble border="(" bypolors"ed">
جره
<td bucolor="#OIPRRD>Rret<hd>
<id>Qruchid>
<hr>
جره
>< <4/>لدمد)
<td >PouKhd><hr>
<hoble>
<body>
جاده
صفحه 58:
#*مشخصه ۲1010 عرض جدول يا یک خانه را تعیین مى
کند و مشخصه ]610۳0 ارتفاع جدول يا یک خانه را تعبین
می کند. و مقدار این دو مشخصه معمولا بر حسب 01761
صفحه 59:
background مشخصه
#توسط توسط مشخصه 20160101000 می توانید
تصويرى در يس زمينه جدول abl ها قرار دهید. wo
توانید تصویری انم‌ها قرار دهید.
<body>
<tuble border="(" kright="ADD widih="AN bur
<i>
<td bochuround="teut boop"> Pret Shd>
<id>Rruciid>
<b>
<i>
<id>Ceved<hd>
<id>Rouxhd><hr>
> باه
<body>
<hhicol>
صفحه 60:
© *از مشخصه 2110132 براى مرتب کردن محتویات خانه های یک جدول در
جهت افقی استفاده فی:شود که مثلا در سمت زاست يا وسط ويا ست
چب خانه قرار بگیرند ويا ینکه اگر محتویات خانه متن است. متن به صورت
justify مرتب شود؛ وازه ردن محتویات
خانه های یک جدو( در جهت عمودی فا می شول 2
stable border="(" keight="GUD اقلت" حل نلعن
<< "ال لوب
> لاد روا
صفحه 61:
© <td align="left/center/right/justify" >Make-
Up</td>
© <td valign="top/middle/bottom">Make-
Up</td>
صفحه 62:
مشخصه ۲۲۵۱۲۱۵
2 کاس 52۵۷
5
#مشخصه دیگری که در جدولها مربرد دارد مشحَئَتة ve
6 است که دارای انواع , ۷۵4 , 06۵060۳10۶
Above,..below . asides . vsides . lhs. rhs یی
<i
2”: باشد. سه مثال زير كاربرد اين را نشان مى دهد.
shableS
42۵۱ Proswe ="box" <I>
<table Frawe="box">
<>
> <ل 6 Sind ><id>Rowslil>
جره
جره
<td >Geroad<iid><id>Rouxid>
<b>
<hable>
<kG>O tk Frowe ="vord "<I>
<table Frowe="void">
<>
صفحه 63:
<td >Geroad sid ><id>Rouxiid>
<b>
<hable>
<hQ>O tt Frasoe =" <>
<table Froswe "tho"
جره
<ل دا >< > بد5)< لك
<b>
جره
<ل 0< >< ل > لوو <ل >
جره
<hable>
<kQ>O tt اه > >
<table Frasoe="Abe"
<>
<id>Crot sid ><id>Rowxti>
<b>
جره
> <ل 0< >< ل > لوو <ل
<b>
<hable>
صفحه 64:
فهرستها در :۲1۷11 ۲1
1111.6 فهرستهایت نید دار بدينث ميم و فسهرستهایبرلیتوضیح را
حاترت كا
صفحه 65:
فهرستهای بدون شماره
اینگونه فهرستها توسط یک شکل کوچک مشخص می شوند؛ و توسط برچسب <أ۷ > شروع شده و
هر مورد آن با بر چسب > مشخص می شود. مثال زیر طریقه ساخت یک فهرست بدون شماره
را نشان می دهد.
Shiewl>
<body>
<>
<i>Or lee <>
>۱<0><
<ابا>
<body>
ار >
صفحه 66:
© در داخل موارد فهرست همانند خانه های جدول شما می توانید پاراگراف» تصویر. جدول, یک فهرست
دیگر و.. قرار دهید. مثال زیر طریقه استفاده از این روش را نشان می دهد.
<hr>
<body>
<u>
<li><p> ‘This te « paragraph. This te 9 poragraph.
<hi><tuble border="U"><>
<td>row(l, cell (<i>
<td>row (I, cell hid >
<hr><w>
<0>/0 لاعت 6< لب
<td>ww @ cell <ل ع9
<hr><hable><h>
<b>
<body>
داس
صفحه 67:
فهرستهای شماره دار
* متظور از فهرستهای شماره داره فهرستهایی است که موارد آن توسط عدد. شماره گذاری شده اند.
فهرستهای شماره دار توسط برچسب <01 > شروع شده و هر مورد آن با بر چسب > مشخص
می شود مثل زیر طریقه ساخت یک فهرست شماره در را
>
<body>
<ol>
<رال> ماد )<>
۹۱20۹
<ام>
<body>
><
صفحه 68:
فهرستهای دارای توضیح
#اینگونه از فهرستها دارای شماره یا شکل نمی باشند
وبرای مواردی که می خواهیم توضیحی در کنارشان باشد
به کار می روند. فهرستهای دارای توضیح توسط برچسب
salz شروع شده و هر مورد آن با بر چسب <dt>
ود و تو 2 0 -500
فهرست
<ا > ما )< >
<ل لك 9
<< >
<dd> kite cold driok<idd>
<I>
<lbody>
><
صفحه 69:
@; = 2
توسط اين مشخصه می نوانيد دُتكلى را كه در كنار مواره +
فهرستهاى بدون شماره قرار ما كيرد ويا اغطاو مجاه مجبههه
<u yon=nay
فهرستهای شماره دار را به نوع|"لخواه تغییر دهید. شتگلها:3<۳
انند | <h>@Bacatas <i
مى توا سه نوع دايره توير , فأيره توخالى و مريع 22#
4 گذاری ها iJ, (disc , circle , square)
aon می توانند به چهار صورت
“abc"."A BC", "i ii iii"
به تزتیت با 4۸۰۸1 مشخص می آسنوند.
صفحه 70:
>
فهرست شماره دار را Ser
0
مور امک
<i>@pples<h>
<i>@acawar<h>
<نال> جو مو مباد له
<نال>دم دم 0< له
<امل>
<body>
><
#در زير مثالی ازاستفاده type |
می بینید.
صفحه 71:
>
<body>
SS
<h>-Gock trashh>
<i>Grres teashh>
<hi>
<h>
>>
<hul>
<body>
<<thicol>
دیگری ( تو خالی 2 مشختلل شده است.
صفحه 72:
فرمها و داده های ورودی در ,]11۷1 ۲1
یک فرم ناحیه ای در صفحه ,]۳311۷ است که شامل عناصری می باشد. عناصر فرم به کاربر اجازه
می دهند که اطلاعاتی را وارد صفحه ما کند؛ و ما با دریافت آن اطلاعات به اهدلفی که داریم برسیم.
یک فرم توسط برچسب <01110> ایجاد می شود.
صفحه 73:
برجسب <1122111>
* بركاربرد ترين برجسب درفرمها برجسب <33319136> مى باشد در اينجا انواع اين بر جسب را شرح
coat
صفحه 74:
این جعبه هنگامی استفاده می شود که بخواهیم کاربر کلمات یا اعدادی را در فرم بنویسد؛ و توسط
"type="text a... تعیین می شود. مثال زیر در همین رابطه است. توجه داشته باشید که
خود فرم قابل رویت نمی باشد وفقط عناصر داخل آن را می توانیم در ضمن اندازه پیش فرض
برای جهبه متن در اکثر مرورگر ها ۲۰ حرف می باشد و اگر مى خواهید اين پیش فرض را تغيير دهید
باید از مشخصه 5126 استفاده کنید (5126<40).
<ai>
<body>
oreo
تسه
۱
اوه مورا <by>
امه مرا نوک
>
<body>
<lkcol>
صفحه 75:
دکمه های رادیوبی
© از اين دكمه ها هنكامى استفاده می شود که بخولهيم کاربر یکی از چند گزینه به تعداد محدود را
انتخاب کند؛ و توسط مشخصه ۲۳6<"۲8010 تعیین می شود. با انتخاب یکی از دکمه هاء
دکمه دیگری با همان نام اگر در حالت انتخاب باشند. از حالت انتخاب خارج می شود. اگر کلمه
0 را در برچسب 111011 از نوع دکمه های رادیویی بنویسید آن دکمه به طور پیش
فرض به صورت نتخاب شده خواهد شد.
<input type="radio" name="s" value="male" checked >
" yakue="arale"> Da}
" yalue="Provale">
صفحه 76:
جعبه انتخاب
لز این جعبه ها هنگامی استفاده می شود که بخواهیم کاربر یک یا چند گزینه از گزینه هایی به تعداد
محدود را انتخاب کند؛ و توسط مشخصه 6601600
تواند یک یا چند جعبه لنتخاب را همزمان انتخاب کند. اگر کلمه 011601660 را در برچسب
J input نوع جعبه انتخاب بنویسید آن جعبه به طور پیش فرض به صورت انتخاب شده خواهد شد.
<input type="checkbox" name: ike" checked>
><
<body>
مره
<taput type="checkbox" aawe="bike">
Abou 9 bike <br>
وس <taput type="checkbox"
وه م۳
<ورط>
<body>
<hcol>
صفحه 77:
<i>
pts -
: اطرافیان ناد با با نگاه Sea
جعیم. كمه عو eee
<ومرطال>
نمايش ro orld شود. جعبه کله ! عبور توسط مشخصه .2
Jo gus "type="password شود. ممه
صفحه 78:
©#دكمه توسط 1111815012" 13:06 مشخص مى شود و we
نوشته روی آن توسط مشخصه (|6]-۲۷۵1۲6۵ معرفی:
خواهد شد. ساخت دکمه شیوه
استفاده از button> Uw» 1
#هنگامی که دکمه ها را فشار مر دهیم بر اساس کاری که
برای آنها تعریف کرده ایم عکس |العمل نشان خواهند داد SHOP
دکمه ها کاربردهای مختلفی دار جب كه
ais yb « eel, JavaScript استفاده از آنها صحبت می
شود.
صفحه 79:
است که یکی از گزینه های ol 8
كردن روی آن بقیه گزینه ها نیز ۷
تنها یکی از موارد آن را می توان
توسط برچسب Fino <select>
فهرست نیز oo بر سیب a> و
دده
انتخاب شده 0 باد كلم ی ie
<1102م0> در كزينه مورد نظر اضافه کنیم. مثال زیر
طريقه استفاده را مشخص مى كند
صفحه 80:
استفاده كنيد چون فقط در 3 >
بنویسید. اما توسط این جعبه شا
اجازه دهید که بیش از یک خط
توسط برچسب <۱۵۲۵۲6۵>
همانطور که در مثال زیر می ب: سس
توسط مشخصه های COIS 9 TOWS تعیین می شوند.
صفحه 81:
4٩با
<body>
>
0ك
ده
9
"I> سوه موه سوک ماو
>
۳
<body>
><
#توسط برچسب <86©109561> شما wo توانيد يى حاشيه دور
عناصر فرم خود ايجاد كنيد و توسط برجسب <166620>
مى توانيد كلماتى را روى قسمت بالايى حاشيه بنويسيد.
صفحه 82:
اطلاعات ۳ می باشد: ابا a ۳ ور ره
1 توضیح داده می شوند. در مثال زیر شیوه ارسال
اطلاعات توسط 061"-<۱<00 ۵ سس نس سس ..
اين شيوه ها مورد بحث 4518 و 061 و ... می باشد.
صفحه 83:
#شما می توانید در فرم دکمه ای قرار دهید که کاربر با
کلیک بر أن اطلاعات فرم را به صورت پیش فرض در
آورد. اين دکمه توسط عبارت
vo Ly! <"input type="reset> شود.
صفحه 84:
در 71/1
© توسط قابها شما مى توانيد بيش از يك فايل .1117/11 را در یک پنجره مرورگر, به
طور همزمان نمایش دهید. در اين حالت هر پنجره ,]1171۷ یک قاب نامیده می شود
و هر قاب از بقیه مستقل است. مشکل استفاده از قاب اين است که کار بر به
سختی می تواند تمام صفحه شما را چاپ کند.
<frameset> wuz» °
* اين برجسب مشخص می کند که پنجره مرورگرچگونه باید بین فایلهای :111111 یعنی
همان قابها تقسیم شود. هر ۳۲۵06504 مجموعه ای از قابهای سطری یا ستونی را
مشخص می کند. اندازه هر قاب سطری یا ستونی, مقدار فضایی از صفحه که آن
قاب اشغال می کند را مشخص می کند.
#برچسب <مصحوی>
© اين برچسب فایلهای ,۲111 که درون هر قاب باید قرار بگیرند را مشخص می کند.
در مثال زیر ما یک مجموعه از قاب با سه ستون داریم. ستون اول و سوم هرکدام
5 و ستون دوم 9۵50 پهنای مرورگر را اشغال می کنند. فایل حاط.ه_مصح
در ستون اول, frame_b.htm در ستون دوم و طاظ_مع در ستون سوم
قرار می گيرند.
صفحه 85:
>
96196096 یامن امس >
۳
صفحه 86:
#هرکدام از سه فایل مثال بالا که در یک قاب قرار گرفتند به
صورت یک فایل ,1111۷11 مستقل نیز قابل استفاده می
باشند.
frame_c.htm frame_b.htm ۵۳۵
صفحه 87:
گر قابهای شما دارای حاشیه قابل رویت باشند, کاربر
می تواند باکشاندن حاشیه ها اندازه قابهای شما را تغییر
دهد. برای جلوگیری از این کار شما می توانید مشخصه
6 را به برچسب .wS aslol <frame>
صفحه 88:
#برچسب <iframe> 5
#توسط این برچسب می توانید Gh فایل ل انس
داخل يك قاب در هر كجاى متنا كو يجواهيج_قرار هید
البته بعضى از مروركر هاى قدياأى ممكن است Sete
<1606> را پشتیبانی نکنند | در این صورت قاب در <۳»
داخل متن دیده نمی شود.
صفحه 89:
©* مثال زیر نشان می دهد که چگوز
,1 را در سطرها و ستون
شیوه دلخواه در قابها چید.
صفحه 90:
مثال زیر نشان می دهد که چگونه یک قاب هدایت گر (navigator)
بسازیم. قاب هدایت گر, شامل فهرستی از لینکهاست و قاب دوم, هدف می
باشد يعنى فايلهايى كه لينكها به آنها اشاره دارند در آن قاب باز خواهند شد.
در اينجا فايلى با نام SJ aw sll contents.htm مى باشد و متن
اصلى آن را در زير مى بينيد. اين فايل در قاب اول قرار مى كيرد و در قاب
دوم فايل تتغط.ت_عدطه؟ قرار مى كيرد.
© <a href ="frame_a.htm" target ="showframe">Frame
a</a>
© <br>
© <a href ="frame_b.htm" target ="showframe">Frame
b</a>
© <br>
© <a href ="frame_c.htm" target ="showframe">Frame c</a>
صفحه 91:
#در زیر نئیجه را مشاهده می کنید : هنگامی که روی
wo SUIS Frame a کنید در قات ديك ر قاد تجح
اطع _مصصع باز خواهد uv زگره سسه
Frame | باز خواهد شد به همین طریو گت
لینکها نیز فایل مرتبط را در قابآدوح‌بازدمی فظرسجسد
<Moweset>
<<thtcol>
صفحه 92:
#بعضی از مروگر های قدیمی برچسب L, <frame>
پشتیبانی نمی کنند که در این صورت نمی توانند قایهای
شما را نمایش دهند و کاربر صفحه ای خالی را خواهد دید.
برای رفع این مشکل می توانید از برچسب =
<12011:21116> استفاده كنيد و اطلاعاتى را داخل ان
بنویسید. در اين حالت اين كونه از كاربران اطلاعات داخل
اين برجسب را خواهند ديد
صفحه 93:
HTML Sy. w
صفحه 94:
#اين برچسب شامل اطلاعاتی عمومی درباره فایل
1 می باشد. عناصر داخل برچسب <head>
توسط مرورگر نشان داده نمی شوند. بر اساس
استانداردهاى .181173411 فقط تعداد کمی از برچسبها مجاز
به قرار گرفتن در برچسب <6۵0>می باشند و آنها
عبارتند از :<1]016> و <link> , <base> 9
.<script> , <style> , <meta>
صفحه 95:
برچسب 01>
عنوانی در نوار عنوان مرورگر بنویسیم. همانطور که در مثال زیر می بی:
عبارت 61816 ۲۵ در نوار عنوان به نمایش در خواهد آمد. در ضمن این عبارت در متن مرورگر دیده
نمی شود و فقط محتویات داخل برچسب پاراگراف دیده خواهد شد.
حاس>
<head>
<utle>Te tthe <hithe>
<head>
<body>
<p>Thig text te displayed </p>
<body>
<lhcol>
[The Few Povo >|
26 [ع ممم سه لع سقفي
‘Tas teat ic doplayed |
صفحه 96:
برچسب <856>
#توسط این برچسب که معمولا با مشخصه 127661 همراه است می
توان شیوه ارجاع به صفحه دیگری را در لینکها تعیین کرد. و دیگر
نیازی به تعیین مجدد أن در برچسب < ۵> نمی باشد. مشخصه
target به طور کامل در میج این «ا توضیح داده شده است. a,
عنوان مثال اگر از دستور زیر
® <head><base target="_blank"></head>
HTML Ls 5° 295 استفاده کرده باشیم دو دستور زیر کاملا مثل
هم عمل خواهند کرد یعنی هر دو سایت ۷۵900 را در پنجره جدیدی
باز خواهند کرد.
© <a href="http://www.yahoo.com"
target="_blank">This link</a>
© <a href="http://www.yahoo.com">This link</a>
صفحه 97:
اغلب شامل اطلاعاتی می باشد که مر, بوط به مرورگر و موتورهای چستجو
است مانند شرحی از محتویات قابل 111۳181 معمول tis بن برچسب از د
مشخصه 128226 و content استفاده می pai بعضی sh, ای جستجو از
أبن أطلاعات براى فهرست بندى صفحه ب Pee os
ظراحان و مد ea Sully, neces sah مقام ا
و نت اور را دند و به Bile
در رتبه بندی واقعی موتورهای جستجو دند, به همین دا
بعضی از موتورهای جسنجو ن استفاده اطلاعا پرجست ee تدا
ديه هن شود eS os pe 81815 تذارك
فراموش نکنید و استقاده از آن زا Boek کاری خود قرار دهید:"
دستور زیر توضیحی درباره صفحه شما به فایل :111711 اضافه می کند.
<meta name="description" ©
content="This page is a tutorials on HTML."> ©
٩ دستور زیر کلمات کلیدی صفحه شما را به فایل ,11711 اضافه می کند.
<meta name="keywords" ©
content="HTML, CSS, JavaScript, VBScript"> ©
* هدف استفاده إن were <8]» د > تدارى اطلاعاتى اضافي درباره فايل مى
صفحه 98:
meta awe» © کاربرد های دی
ی نیز دارد که به در جای خود راجع به آنها
صحبت خواهیم کرد. در اینجا ب یکی از ] می پردازيم. قرض کنید شما
قبلا یک سایت وب با تام صومه. ۱۵۵۵۳ داشتید و بتا به دل می خواهید
از تام yournewneme,com ae اده کنید درضمن ۱ یات 208
يت مد می باشد در این ت نیازی به صرف هزینه اضافه برای هر
دوسات بر وکافی است رای را که به آدرس قیلی شعا عراجعه مت
را به آدرس جدید هدایت کنید و برای اين کار می توانید از meta Gaur yp
و از دو Content 4 http-equiv aor به شیوه زیر استفاده 1
Refresh" ا <meta htt) ©
content="5;url=http://www.yournewname.com">
© عدد 5 كه در Content مشاهده می کنید مدت زمانی است طول می کشد تا
کاربر به آدرس جدید منتقل شود و این زمان بر حسب ثائیه می باشد؛ که اگر
از عدد 0 استفاده کاربر فورا به آدرس جدید منتقل شود. در ضمن بهتر است
لینکی در فایل خود قرار دهید تا ار کاربر به طور خود كار به أدرس جديد
oa aie al ewes oS ulcer aes
<a href="http://www.yournewname.com"> ©
http://www.yournewname.com</a> ©
صفحه 99:
<link> ae
رد استفادو 055 باشد. Cascading Style CSS
outer. 2 cates sheds لس و درد ات امش nae بآ
ى خواهيم برداخت لذأ در أينجا فقط أن شاره ای مختصر بد أن (aS sa
ای اضافه کرد: ۵ ها ee یادی از صفحات استفاده از
ی قاری را ال ی ۳ (ec OS Se نس
توانید ظاهر کلیه صفحات خود را تغییر ‘fink Sue pone Sans
ارك ص الوا سد 2 من 088 ود
نكارش در أن تعيين شده اند. متصل شود"
© <head>
© <link rel="stylesheet”
type="text/css" href="mystyle.css" >
© </head>
خوانم aalo> mystyle.css Js ار مثا ه هاى نكا شده راان
لجس در كر سود de fb ee دن فلل راون اشن لها فلتت
Me 3 ا pe nétepad ماند یامه
بط بايد شأ SI ند 055۰ ذخیره شود. 3
مثال زیر یک فابل 655 نشان داده شده است ؛ ع Z
© p {margin-
© body {background-image: url("images/back40.gif")}
صفحه 100:
<style> برچسب
# این برچسب نیز مورد استفاده 695 می باشد. به جای آنکه دستورات CSS
در فایلی جدا قرار داده شوند می توانند در داخل فایل ,]۴117۷1 ما قرار گیرند.
شیوه نگارش داخلی را در داخل سربرگ و توسط برچسب <۵۱71۵> تعبین
no کنیم. مانند مثلا زیر :
© <head>
© <style type="text/css">
© hr {color: sienna}
© p {margin-left: 20px}
© body {background-image: url("images/back40.gif")}
© </style>
© </head>
* حال مرورگر شیوه های نگارش تعیین شده را می خواند و متن فایل را
براساس آنهاً قالیبندی:می کند.
صفحه 101:
<script> wwe»
“ازا چسب زمانی استفاد د ات
vbscript يا Mi Eee 5 javascript ا 1ك كار
ببریم: با این دستورات را از فايلى دي
#*به عنوان مثال دستور زیر کدهای java زرا 31 از فایل MyScripts.js
فراخوانی wo
<script language="javascript" src="MyScripts.js"> ©
</script> ©
#مثال زیر کدهای java را در ,1111 ما می نویسد که توسط
مرو جرا | خواهد شد.
© <script type="text/javascript">
® document.write("Hello World!")
© </script>
© www.arsanjan.blogfa.com!
صفحه 102:
Marquee مشخصه
صفحه 103:
behavior
wil ® ویژگی رفتار یا نوع حرکت متن یا تصویر را مشخص می کند و مقادیر
آن به شرح زیر می باشد:
6 لین قدار موجبمی‌شود تا متنی | تصویر از ی ک‌سمنحرکت ند
ودر سمنهيكر متوقفشود.
۴ لینمقدار موجیمیشود تامتزيا تصويراز يكسمبوارد
شود و از سمستیگر خارج شود.
6ا7عاع: لینمقدار موجیمیشود تامتری ا تصویر به صورنمداوم
para رای درکن ند.
© منال:
<marquee behavior="slide">www.RAYATIS.commarquee> ©
<marquee
behavior="scroll">www.RAYATIS.commarquee>
<marquee
behavior="alternate">www.RAYATIS.commarquee>
صفحه 104:
bgcolor®
#اين ویژگی رنگ زمینه را تعیین می کند.
مثال ۵
=; <marquee behavior="alternate"
bgcolor="lime"> www.RAYATIS.commarquee> direction
* جهت حركت متن يا تصویر را مشخص می کند و مقادیر آن به شرح زیر می
باشد
Prighteuulyreiw a
به سمنچب1۵ ٩
به سمنبالا:۱۵ 6
به سمتيايين:00172 ©
Jin ©
۰: تج behavior="scroll" direction="right">
www.RAYATIS.commarquee>
صفحه 105:
درد
#غطوتعط
#طول عنصر ۱۸۴۵۲7۴ را مشخص می کند.
<marquee behavior="scroll" direction="up" :9
height="300"
bgcolor="#aaddff">www.RAYATIS.commarquee> width
#عرض عنصر MARQUEE را مشخص می کند.
9 <marquee behavior="scroll" width="300"
bgcolor="#aaddff'> www.RAYATIS.commarquee>
hspace
*میزان فاصله افقی یا حاشیه افقی عنصر ۳۸1719۳ را از چپ و
راست تعیین مى
<marquee behavior="scroll" hspace="50" :9"
bgcolor="#aaddff" > www.RAYATIS.commarquee>
صفحه 106:
vspace ®
* میزان فاصله عمودی یا حاشیه عمودی عنصر ۸۵1/581 را از بالا و پایین
تعیین می کند.
<marquee behavior="scroll" WSpeCe 507 ©
bgcolor="#aaddff"> www.RAYATIS.commarquee> loop
* تعداد دفعاتی را که متن یا تصویر باید حرکت کند مشخص می کند.
behavior="alternate" loop="3"> ار
www.RAYATIS.commarquee> scrollamount
* فاصله بین حرکت قبلی و حرکت بعدی را بر حسب پیکسل تعیین میکند.
aed <marquee behavior="alternate" scrollamount="100">
www.RAYATIS.commarquee> scrolldelay
* تاخير زمانى بين حركت قبلی و حرکت بعدی را بر حسب میلی ثانیه تعیین
©: <marquee behavior="alternate" scrolldelay="3000">
www.RAYATIS.commarquee>
صفحه 107:
© يك مثال برای تمام چیزهایی که گفته شد:
© <html>
© <body>
@ <b>
© <marquee behavior="slide" direction="right" width="25%"
height="30%"><i>In Thei>marquee>
© <marquee behavior="slide"
width="70" scrollamount:
Ofi>marquee>
© <marquee behavior="slide" width="25%" height="30%">
<font color="#df0000">Godfont>marquee>
<ط و
® body>
© html>
" height="30%"
><i>Name
صفحه 108:
دب فایل ie
#افزودن فا به زمینه صفحه
#با اضافه کردن تگ <20501120> به سورس كد صفحه
وب. مي توانید آهنگ یا صدايي را در زمینه صفحه وارد
کنید تا هنگامیکه بیننده صفحه را باز مي کند آن فایل بدون
نیاز به برنامه كاربردي ديگري پخش شود. اين تگ در حال
حاضر كاربردي ندارد چون فقط مرورگراینترنت اکسپلورر
نسخه هاي 5.5 به پایین آثرا پشتیبانی مي کنند. این نگ
داراي دو خصوصیت , 976 براي آدرس دهي فایل صوتي و
sly loop کنترل تکرار دفعات پخش مي باشد.
<"bgsound src=”mymusic.mid” loop=”2>®
صفحه 109:
#يكي "lal is اضاقه كردن قايل صوتي به صفحه أن
طريق قرار دادن لينى و تك < ه> است كه بيننده با كليى
كردن بر روي آن لينك مي تواند هم آن فايل را بر روي هارد
دیسک خود ذخیره کند و یا آنرا از همانجا باز کند. البته در
مرورگراینترنت اکسپلورر نسخه 6.0 ابتدا پيغامي ظاهر مي
شود که اگر دکمه ۲۵5 را بزنید آن فایل توسط خود مرورگر
پخش خواهد شد. در تگ لینک باید از خصوصیت 767 براي
آدرس دهي استفاده کنید, فقط دقت کنید که پسوندها را
درست بنويسيد.
<a href="musics/mysong.wav”> music file </a>®
صفحه 110:
#فعلا فقط 3 فرمت ۳3 , 090 و ۱۷۵۲ رو ميشه
استفاده کرد:
۰
#مثال:
<audio src="song.ogg"></audio>®
»که از اسمش معلومه خودش شروع به اجرا میکنه
play/pause a.S> controls 4 تایم و ۷0106 رو به
شکل زير نمایش میده:
۰
صفحه 111:
Video®
#با این ویژگی , فایل های ویدیویی به طور مستقیم
درصفحه قرا ر ميكيرن و براق Flash Player w pjwls 9
'oumui sjli Quicktime 4 Silverlight
video src="movie.ogg">®
<controls="controls"> </video
صفحه 112:
#شکل اینجاست که مرورگر های قدیمی از اين تگ ها پشتیبانی
و برای حل این مشکل می تونیم فایل های صوتی و تصویری
دو براى اين مروركر ها به روش قديمى قرار بدیم:
audio src="song.ogg" controls="controls" ©
loop="loop"> We can place a JavaScript audio here!
</audio>
3°
© xideo src="movie.ogg" width="rr-" height="r«"
controls="controls"> We can place a flash
embedded video here! </video>
صفحه 113:
درج فايل ویدئویی
صفحه 114:
انواع لینک
#از یک صفحه به صفحه دیگر
<a href=“page1.html” >hello</a> ©
*از یک بخش صفحه به بخش دیگر از همان صفحه
<a href=#section1>computer</a> ®
<a name=section1>this is a computer</a> ®
صفحه 115:
#برای دادن رنگ به لینک ها باید در تگ 0057 اين کار را
کرد.
wols : Link®
Alink® فعال
Viink® : ویزیتشده
© <body Alink=red link=blue Vlink=violet>
