html - downloads.nimaarab.comdownloads.nimaarab.com/nima_content_management... · page | 2 html...
TRANSCRIPT
Page | 2
HTMLآموزش کتاب عنوان
عبدالصمد کرامت فر مترجم
ویدا غالمی طراح جلد و صفحه آرا
درضا رشیدیویراستار محم
رگ دخل تصرف در هحتای کتاب وچیي سء استفاد از هطالة،شرعا قاا جایس یست.
Page | 3
هطالةفرست
7...........................................................................................................................................................تاریخچ 1.1
8......................................................................................................................................................شرع ت کار 1.2
9.............................................................................................................................................ساختار اساسی. 2
9..................................................................................................................................................عاصر صفات 2.1
HTML: ................................................................................................................................10ساختار یک سذ 2.2
11.....................................................................................................................................ا ا پاراگراف سرفصل 2.3
12....................................................................................................................................ترخی از صفات عوهی 2.4
12..................................................................................................................................................افسدى تاکیذ 2.5
13........................................................................................................................................................هذل الی 2.6
14..............................................................................................................................................شکست خطط 2.7
14...................................................................................................................................................ا لیست. 3
14................................................................................................................................هرتة اهرتة ای لیست 3.1
16...........................................................................................................................................ای تعریف لیست 3.2
Page | 4
17.....................................................................................................................................................پیذدی. 4
17........................................................................................................................................................هثع لیک 4.1
18....................................................................................................................................................1ریسهقصذا 4.2
base....................................................................................................................................................19عصر 4.3
19......................................................................................................................................عاصر تلکی دیگر. 5
19...............................................................................................................................................ترسین خط افقی 5.1
div............................................................................................................................................20عصر عوهی 5.2
20................................................................................................................................خطی دیگر عاصر درى. 6
20..........................................................................................................................................عاصر عثارتی هن 6.1
22................................................................................................................................................تاى اذیس 6.2
span.................................................................................................................................................22عصر 6.3
23.....................................................................................................................................................تصایر. 7
img...................................................................................................................................................23عصر 7.1
object.............................................................................................................................................23عصر 7.2
24...............................................................................................................................................تصیری قش 7.3
1 . Fragment Destinations
Page | 5
26...........................................................................................................................................................ا جذل. 8
26..................................................................................................................................................................هقذه 8.1
26.................................................................................................................................................................ساختار 8.2
29............................................................................................................................................................ا فرم. 9
29.................................................................................................................................................................هقذه 9.1
30......................................................................................................................................................پردازش فرم 9.2
input....................................................................................................................................................33عصر 9.3
9.4 selection 37.................................................................................................................................................ا
40..........................................................................................................................................................هتی احی 9.5
button.................................................................................................................................................41عصر 9.6
41..........................................................................................................................................................2سرسذ . 10
41............................................................................................................................................................هقذه 10.1
2 . Document Head
Page | 6
title.................................................................................................................................................41عصر 10.2
meta..............................................................................................................................................41عصر 10.3
44............................................................................................................................................یسی اسکریپت 10.4
style.................................................................................................................................................46عصر 10.5
link................................................................................................................................................46عصر 10.6
link.................................................................................................................................................47عصر 10.7
base...............................................................................................................................................48عصر 10.8
Page | 7
تاریخچ 1.1
كفطبت صثبى ـب گزاسی اكلی -Hyper Text Markup Language- (HTMLگزاسی فشاهتي ) صثبى ـب
هشسگش كفطبت اعالػبت ث طی و ثب اسی گز ػاى سؽ ـب بث 3ثششصلی تػظ تین 1990دس ػبل و ة اػت
اػت: ؿذ بی هختلف آى عی ػبلیبى گزؿت اسائ هؼشفی ؿذ. ؼخ ثبؿذ، لبثل هـبذ
1) HTML 2.0 بی اكلی یظگیثب : الیي تؼشیف الؼیHTML 1994وی دس ػبل .
2) HTML 3.2 الیي پیـبد :W3C4 ثشایHTML بی ایي ؼخ افضد ؿذى یظگی. 1996دس ػبل
ب ػبصگبسی آى ثب ؼخ لجلی ثد. گبؿت هتى خبسی پیشاهى تلبیش، ثبال پبییيب، ب، اپلت خذل
3) HTML 4.0 :پیذاوشد. پـتیجبی ب تػؼ ب، تؼجی آثدىت ب، فشین ب، اػىشیپت ؿی ثب ػبصوبس كفط
بی ثتش، ثتشی اص هتى ساػت ث زپ هتی و ن اص زپ ث ساػت ن ساػت ث زپ ؼتذ، خذل
ب فشان وشد. تػؼ فشم
4) HTML 4.01 ؿذ. لجلی اسائ ثب سفغ ثشخی اص اؿىبالت ؼخ 1999: دس ثیؼت زبسم دػبهجش
5) XHTML 1.0خذیذی اص : ؿىلHTML 4 دسXML ؿذ. اسائ 2000و دس ػبل
6) XHTML 1.1 : تؼشیف دیگشی اصXHTML 1.0 2001دس ػبل و ب ای اص هذل ث ػاى هدوػ
بی لجلی خد داؿت ایشادات ؼخ دگشی اػتبذاس آیذ پیـبد ؿذ. دس ایي ؼخ اػتاسی
.اػت xhtml 1.0ثخـی اص ثد 4.01اص ؼخ ای تػؼ ثد. ؿذ ثشعشف
7) Xhtml Basic اسائ ؿبهل یه هدوػ وزه اص 2000: دس ػبلXHTML 1.0 دس اكغالش(
ؿذ. هی ب پـتیجبی ای دی وشا پی ( و ثػیل عیفی اص هشسگشبی تلفيXHTMLبی هذل
8) XHTML 2.0 ؼخ ثؼذی :HTML اسائ ؿذ. 2003و دس ػبل
3 . Tim Berners-Lee
4 . World Wide Web Consortium
Page | 8
9) HTML 5 ایي ؼخ سا هتـشوشد. ثشخی اص یغ وبس ثش سی خبی ة پیؾشػیم وؼ 2008: دس طای
ػبصی داد دس ػوت وبسثش خد تؼجی ػاهلی ثشای كذا، فیلن، گشافیه، رخیش HTML 5بی یظگی
اػبد تؼبهلی ؼتذ.
شرع ت کار 1.2
ایي صثبى بی تگدس هیبى ،بیؾ دذخاذ دس كفط و ز سا و هی یؼبى ة ثشای عشاضی كفطبت ة آى ثشبه
ال سا اص ػشس دسیبفت، تشویت تفؼیش وشد دس بیت ث ؿىل یه كفط وبهل ام تی هشسگشوذبی اذ دذ. لشاس هی
ذ. یىی اص اؿتجببت سایح دس هؼشفی ایي صثبى، آؼت و اغلت اص آى د اخضا دس اختیبس وبسثش لشاس هیضبی تلبیش ػبیش
عس و یؼی یؼت ثلى وبى یه صثبى ثشبه HTMLوذ، اهب دس الغ یؼی تؼجیش هی ث ػاى یه صثبى ثشبه
ی هـخلی اػتفبد ب ثشای توبیض اخضای هختلف كفط اص تگ یؼیگزاسی اػت ـبآیذ یه صثبى اص بم آى یض ثشهی
بی یؼبى ة صثبى هوذ، ثشب بیی و تطت ة ػول هی وذ. ثشای ایدبد كفطبت ة پیب ثشبه هی
وبس سا ث ؿذ ال اػتفبد هی ام تی ، و دس هیبى وذبی اذوبسثش س ػوتػش بی ػوت ؿبهل ثشبهیؼی ثشبه
ثشذ. هی
یؼی ػوت ػشس اػت، تگ ؿبخت ؿذ و یه صثبى ثشبه PHPث ػاى هثبل ثشای اػتفبد اص وذبی صثبى
:ال ث ایي ؿىل اػت ام تی تػظ اذ
<?php
PHP Codes
?>
ادبم پی آهذ ثبیذ الذاهبت الصم سا اذ گیذ و اص ایدب ث ثؼذ وذبی پی تگ ؿشع پبیبى ؿت ؿذ ث هشسگش هی
دذ.
Page | 9
داسیذ، اهب اگش ثخایذ كفطبت NotePadال یبص ث یه یشایـگش ػبد هتي هبذ ام تی ثشای ایدبد كفطبت اذ
افضاسب ثب اسائ یه اػظ گشافیىی ایي شم ب اػتفبد ویذ. 5WISYWIGتایذ اص هیتشی ایدبد ویذ ای ضشف
FrontPageتاى ث ب هی بی آى دذ. اص ثتشیي و افضایؾ هی اهىببت دیگش ػشػت دلت ایدبد كفطبت سا
DreamViwer .اؿبس وشد
ؿشع ث ؿتي كفطبت ة ویذ. پغ اص ؿتي وذب، كفط همبلایي ثب ثشسا ثبص وشد NotePadویي ضبال
رخیش ویذ، فبیل ایدبد ؿذ سا ثػیل هشسگش ثبص ویذ؛ ایي الیي كفط ة ػبخت ؿذ ث دػت html.سا ثب پؼذ
ؿوبػت!
اػت. ؿذ ؿت XHTML 2.0الصم ث روش اػت و ایي دػتبه ثش هجبی
ساختار اساسی .2
عاصر صفات 2.1
اعالػبت دذ. ػبختبس آى سا تـىیل هیب ایي ـبؿذ و هی هتوبیض ثب افضدى ـب HTMLاعالػبت دس
ای اص ػبكش ؼتذ و داسای ؿىل ػوهی صیشذ: گزاسی ؿذ، هتـىل اص هدوػ ـب
<xyz>Some content</xyz>
اػت. <xyz/> تگ پبیبى <xyz>وذ. تگ ؿشع تؼشیف هی xyzایي ثذ یه ػلش فشضی ثب بم
تاذ ؿبهل ػبكش دیگشی ثبؿذ: گزاسی ؿد، الجت خد هی ثبیذ ـبػت و هتیهطتای ػلش
<xyz>Some
<abc>more</abc>content<def>added</def></xyz>
ب ثبیذ ث ؿىل كطیص دس ن تشویت ؿذ، هثبل صیش یه ؿىل بدسػت اػت: تگ
5 .What You See Is What You Get
Page | 10
<xyz>Some <abc>more content<def>added</abc> </def>
</xyz>
لشاس ثگیشد یب ث عس وبهل خبسج اص آى.abc یب ثبیذ ث عس وبهل دسى defػلش
دذ: ػبكش هوىي اػت داسای كفبت ثبؿذ و ثخـی اص تگ ؿشع سا تـىیل هی
<xyz attr1="sometext" attr2='somemoretext'>Some
content</xyz>
ػت داخل گیه ته یب هؼوال یه سؿت هتیكفت هتـىل اػت اص بم كفت، ػالهت هؼبی همذاسی و ش
.گیشد لشاس هیدگب
:HTMLساختار یک سذ 2.2
، ؿذ گیشد، ول كفط ث د لؼوت ػشكفط ثذ تمؼین لشاس هی <html><html/>ثیي توبهی وذب
دس لؼوت ثذ لشاس ػذهطتای دس لؼوت ػش -وذ اعالػبتی و ػذ سا تكیف هی -ب فشادادو ػاى
وذ تب ػذ ثتش گیشذ، ش ػذ داسای یه ثخؾ ثبثت اػت و ظیف ثیبى ع ػذ سا ثش ػذ داسد ووه هی هی
اخشا ؿد.:
<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>
Title of Page Come Here
Page | 11
</title>
</head>
<body>
Other Elements Come Here
</b0dy>
</html>
ا ا پاراگراف سرفصل 2.3
h1 h2 h3 h4 h5 h6 p
ؿذ: ایدبد هیh1-6 ثػیل HTMLب دس ػشفلل
<h1>Heading1</h1>
<h2>Heading2</h2>
<h3>Heading3</h3>
<h4>Heading4</h4>
<H5>Heading5</h5>
<H6>Heading6</h6>
ب: پبساگشاف
<p>This is a Paragraph.</p>
Page | 12
ترخی از صفات عوهی 2.4
<h1 id= class= . . . onclick= onmousedown= . . . >
؛وبسثشد داسذكفبت ػوهی كفبتی ؼتذ و تمشیجب دس توبم ػبكش
Idیه ػلش تؼلك ؿد، دلت ویذ و ایي بم تب تب ثش فشدی و ثش یه ػلش گزاسد هی : بم هطلشث
بػت. ثؼذا دس ساثغ ث هاسد هزوس ثطث خاذ ؿذ. ب، تؼبهل ب، ؿی آى دس ایدبد لیه گیشد. وبسثشد هی
Class :تاى ثیؾ اص یه ب ث ػبكش اػت. هی ب اص عشیك آى وبسثشد اكلی، تخلیق ؿیclass ث ش
ػلش افضد.
تاى ث اص دیگش كفبت ػوهی هیStyle Title .اؿبس وشد
افسدى تاکیذ 2.5
em strong
كشی خد داسذ و ػب HTMLب تبویذ وین. دس خاین ثش آى گبی البت دس هتى ىبتی خد داسد و هی
سا ثش ػذ داسذ. وبسایي هؼئلیت
emدذ. : ایي ػلش هتي داخل خد سا هسد تبویذ لشاس هی
Strongوذ. تشی ثش هتي هطلس ایدبد هی : تبویذ ثیؾ
<p>This is a <em>Point</em> and This is more
<strong>Imprtant.</strong></p>
This is a Point and This is more Important.
Page | 13
هذل الی 2.6
ثبیذ دس یه خظ خذاگب ب فللزذیي سؽ ثشای ط وبیؾ ػبكش دس اػبد خد داسد. ػش HTMLدس
ثبؿین، ثبیذ ث عس عجیؼی پبساگشاف ال لجل اص پبساگشاف دم ظبش ؿذ ثبیذ اتبی ظبشؿذ. اگش د پبساگشاف داؿت
پبساگشاف هؼتمل ،ثبؿذ. ثشای تبویذ، ثبیذ هـخق ثبؿذ و ولوبت هوذ پبساگشاف ال اثتذای پبساگشاف دم هـخق
هوذ دسى پبساگشاف ؼتذ. یؼتذ ثلى ولوبت
ؿذ: هی ؿد. ػبكش ث دػت تمؼین هی ثب اػالم ع ػلش ث هشسگش هطمك HTMLایي هن دس
ػبكشی و فمظ ؿبهل هتي یب دیگش ػبكش دسى خغی ؼتذ. ػبكش 6دسى خغی :em strong
خغی ؼتذ. دسى
تاذ ؿبهل ػبكش ی خد سا تؼییي وشد هی تاذ داه هیتشی ؼتذ، ثلوی: ػبكشی و داسای اویت ثیؾ
تش ؿجی ث بی ػبكش ثلوی ؼتذ. ثؼضی ػبكش ثلوی ؼتذو ثیؾ و p h1خغی ثبؿذ. ػبكش دسى
تاذ تاذ هطتی ػبكش ثلوی دیگش ثبؿذ. دس ایي هسد ػبختبس دسی هی ؼتذ تب ػبكش ثلوی هفشد و هی 7خؼج
تش ثبؿذ. پیسیذ
، ػبكش ثلوی ثبیذ اص یه دسى خغیػبكش ثش خالفدذ. سد و ایي د دػت سا هتوبیض وبیؾ اتظبسهی اص هشسگش
ؿد اهب دس ایدب تكیف ط هی تشی هغشش هؼبئل پیسیذ ب، دس ایي صهی ؿی دسگبم ثطث ؿذ. خظ خذیذ ؿشع
ب هشثط ث صهبی اػت و ػبكش ثلوی دسى خد ػبكشثلوی پیسیذگیاػت. وبیؾ ػبكش تػظ هشسگشوبفی
و ػبكش ثلوی این دیذ ایي ضب تب یه ػلش ثلوی اػت bodyتاى گفت و ػلش هیدیگشی سا خبی دذ.
تاذ دس آى لشاسگیشذ. دیگش هی
6 . Inline
5. Block-Level 7 . Container
Page | 14
ایي ػبكش اص ػبكشثلوی جد ثبثشایي سذ. وبسهی ػبكشی خدداسد و ثشای تؼشیف ط وبیؾ دیگش ػبكش ث
ب( اهب ذ اػىشیپتؿذ )هب تاذ دس ش خب ظبش زیي ػبكشی خدداسد و هی گیشذ. ن الی لشاسوی دس ثطث هذل
ب دس یه هىبى خبف ػذ فمظ ثشای تؼیل خابیی اػت. آى ؿتيوبسثشد ػشاػشی داسذ.
شکست خطط 2.7
<br />}}
ؿد. ثشای هثبل: هی اػتفبد brخغی دس ثیي یه پبساگشاف یبص ث اتمبل ث خظ ثؼذ ثبؿذ اص ػلش دسىاگش
<p>It is a Paragraph with <br>Line Breaks</p>
It is a Paragraph with Line Breaks.
ا لیست .3
هرتة اهرتة ای لیست 3.1
ul ol li
بی هشتت بهشتت ؼتذ. ، لیؼتبی هؼول دس اػبد د ع اص لیؼت
ul (Unorder Lists): ب ی هاسد داسای اویت ثد تشتیت دس آى ب و بی بهشتت؛ و دس آى لیؼت
اویت ذاسد.
ol (Order Lists:) ب تشتیت اویت داسد. ای اص هاسد و دس آى هدوػ
li :و اهىبى اػتفبد اص آى دسى ػبكش اػت تب ػلشیul ol ب دس آیتنثشای تؼشیف ش یه اص خد داسد
سد. ث وبس هی لیؼت
Page | 15
Teams in Group 1
<ul>
<li>Iran</li>
<li>Brazil</li>
<li>Italy</li>
<li>Africa</li>
</ul>
Qualified Teams from Group 1
<ol>
<li>Iran</li>
<li>Brazil</li>
</ol>
Teams in Group 1
Iran
Brazil
Italy
Africa
Qualified Teams from Group 1
Page | 16
1) Iran
2) Brazil
ای تعریف لیست 3.2
dl dt dd
dl (Defintion List): ب دس ع دیگشی اص لیؼتHTML ،و ث هظس تؼشیف هاسد ثىبس لیؼت بیی ؼتذ
تؼشیف ػلش تـىیل ؿذ ddلغت هسد ظش dtاص د ػلش سذ، یؼی ضبی ػاى آیتن تؼشیف آى ؼتذ. هی
اػت.
<p>The following definitions apply:</p>
<dl>
<dt>Unordered List</dt>
<dd>List in any order that has a bullet in front of
it</dd>
<dt>Ordered List</dt>
<dd>List in a precise order that are numbered</dd>
</dl>
Page | 17
پیذدی .4
لیک هثع 4.1
<a href= >
<h1 id= >
ظیف aػلش بی هختلف یه كفط اػت. ثیي كفطبت ضتی ثخؾ لیه دادىتشیي یظگی ة اهىبى هن
یه ػلش دس دسى یه وذ. هجغ لیه سا ث ػاى همذاس دسیبفت هی hrefایدبد ایي استجبط سا ثشػذ داسد. كفت
بی هختلف ث ؿی لیه تػظ هشسگشبیه ؿد. هی ث ػاى هملذ لیه تؼشیف idكفط اص عشیك كفت
اػت. داد ؿذ ث كست آذسالیي وبیؾ هد. ث ػاى هثبل دس صیش لیؿ هتوبیض هی
<a href="URL">For More Information See Our Page</a>
For More Information See Our Page
خاین ثب آى پیذ ػت و هی ای كفط URL (Uniform Resource Locator)همذاس دسیبفتی آى
یب یه همذاس هغلك ثبؿذ. همذاس هغلك ث كست وبهل دسثشداسذ آدسع اػت ؼجیتاذ یه همذاس ثشلشاس وین و هی
ؿد. دس ضبلی و همذاس ؼجی ث ؼجت هلؼیت هب دس دایشوتسی ػبیت تؼییي هی
یه آدسع هغلك:
http://www.monadianghadir.blogfa.com/post1.aspx#Myid
http ،پشتىل استجبط ثب ػشس :www.monadianghadir.blogfa.com ،بم ػشس :post1.aspx بم :
آى ثشاثش همذاس هزوس ثبؿذ. idهمذاس : تؼییي وذ ػلش خبكی اص كفط و Myid# هجغ هخد ثشسی ػشس،
Page | 18
یه آدسع ؼجی:
Post2.aspx
ای لشهض سگ كفط لؼوتاػت. ؿذ ت ؼجی ـبى داددس ؿىل ثبال آدسع كفطبتی اص دایشوتسی ػبیت ث كس
ب دسى آى لشاس داسذ. اػت و لیه
ریسهقصذا 4.2
وین. اػتفبد هیو ثبیذ دس كفط یىتب ثبؿذ، idثبؿذ، اص كفت ضبی لیه كفط اص ثخـیلتی هملذ لیه
Page | 19
<p>More information will be found in
<a
href="http://www.w3.org/fred/intro.htm#sec3">Section
3</a>.
Please visit it.</p>
. . .
<h1 id="sec3">3. Section Three of Document<h1>
baseعصر 4.3
< base href= />
اػت و هجبی توبهی hrefلشاسگشفت ثبیذ یىتب ثبؿذ. تب داسای یه كفت دس لؼوت ػش كفط baseػلش
وذ. هی بی ؼجی هخد دس ػذ سا تؼییي آدسع
عاصر تلکی دیگر .5
ترسین خط افقی 5.1
<hr />
یر پبساهتش اضبفی ذاسد ث .داسد سا ثشػذ بی اكلی دس كفط ثخؾ هـخق وشدىتشػین خظ افمی ث هظس
سد: وبسهی كست صیش ث
this is a section
<hr/>
Page | 20
this is an other
this is a section
this is an other
divعصر عوهی 5.2
div
یر كفبت اضبفی خغی یب ثلوی سا دسى خد خبی داد تاذ ش ػی اص ػبكش دسى یه ػلش ثلوی و هی
ب ی ؿی تاذ ث ػاى یه هدوػ ػول وذ. دس صهی وذ و هی ای خوغ هی ث گسا گشی اص ػبكش ذاسد.
ثبؿذ. اگش وبسثش یبص ث تؼبهل ثب ثخؾ خبكی اص داؿت classتاذ یه كفت ػت صیشا هی ایي ػلش ثؼیبس وبسثشدی
تؼییي ود. idهطلس وشد ثشای آى یه divتاى آى ثخؾ سا ثػیل یه ػذ داؿت ثبؿذ، هی
خطی دیگر عاصر درى .6
عاصر عثارتی هن 6.1
cite defn code samp var abbr acronym
ؿبهل تؼذادی اص ػبكش اػت و هؼبی HTML آیذ یؼتذ. ب هی ضبی اعالػبت هؼولی و دس پبسگشاف ایي ػبكش
ب یبة خؼتد غلظ اسائ ثتش تػظ هشسگش، هتسبیوذ، ایي ػبكش دس هی تؼشیفث دلت ػجبست دسى خد سا
ب: وبسثشد داسذ. ثؼضی اص آى
<p> As <cite>Bob Hopgood</cite> points out, <dfn>HTML
stands for Hypertext Markup Language</dfn>, which is a
<abbr title="World Wide Web Consortium">W3C</abbr>
Recommendation used by <acronym title="North Atlantic
Page | 21
Treaty Organisation">NATO</acronym> to markup
documents.
Something like <code>class="classified"</code> is
used to indicate that some text like <samp>In
Confidence</samp> is added to all the classified
paragraphs. If the <var>class</var> has a value of
<var>unclassified</var>, no additional text is
added.</p>
As Bob Hopgood points out, HTML stands for Hypertext Markup Language,
which is a W3C
Recommendation used by NATO to markup documents. Something like
class="classified" is
used to indicate that some text like In Confidence is added to all the
classified paragraphs. If the
class attribute has a value of unclassified no additional text is added.
Citeیب اسخبػی ث هجغ دیگش. : اػتبد
Dfn :دس هتس خؼتدی گگل، فشهل خؼتدی:هىبى تؼشیف یه لغت .
Difine: Some Thing
دس وذ dfnسػذ و ػولىشد خضذ ایي هتس ؿبػبیی ػجبست وذ، ث ظش هی تؼشیف ػجبست هسد ظش سا اسائ هی
كفطبت ثبؿذ.
Codeوذب. : ثجت تى
Page | 22
Samp.اسائ هثبل :
Var.آسگهبى یب هتغیش :
Abbr اختلبسات، كفت :title.داؿتي هبع سی ػاى وبهل ث گبم گب ، ضبی ػاى وبهل اختلبس اػت
ؿد. هی اختلبس وبیؾ داد
Acronym ػشبم، كفت :titleداؿتي هبع سی ػاى وبهل ث گبم گب بػت. ، ضبی ػبیي وبهل ػشبم
ؿد. هی ػشبم وبیؾ داد
تاى اذیس 6.2
sub ،sup
<p> x<sub>i</sub> = y<sub>i</sub> + 2<sup>a +
b<sup>2</sup></sup></p>
xi = yi + 2a + b2
spanعصر 6.3
span
ثب داؿتي یه كفت وذ. تاذ ث كست اضذ ػول آسد و هی هی نگشد سا خغی دسى هتى ای اص ػبكش هدوػ
class تاذ ثشای هدوػ یه ؿی هتفبت اص ػبیش ػذ ایدبد وذ. ثب اتؼبة یه هیid ،اهىبى تؼبهل ث آى
ؿد. فشان هی وبسثش ثب هدوػ
Page | 23
تصایر .7
imgعصر 7.1
<img src= alt= height= width= longdesc= usemap= />
:كفبت اكلی آىوبیؾ تلبیش اػت خغی دسىػلش
Src.ضبی آدسع تلیش :
Alt هسد ظش ـد، ث خبی تلیش وبیؾ : ؿت تكیفی تلیش. اگش هشسگش وبسثش هفك ث اخشای تلیش
ؿد. هی داد
Width ،heightوذ. : عل ػشم تلیش هسدظش سا تؼییي هی
Usemap).ثشای تؼییي مـ هشتجظ دس مـ تلیشی.)تضیطبت دس اداه خاذ آهذ :
<img width="174" height="45" alt="pic" src="pic.jpg"
/>
objectعصر 7.2
<object data= type= standby= height= width= >
دادى ثشای لشاسػلشی دسى خغی ثد تش اػت. ثبال دس وبیؾ وبسثشدی ث دلیل اؼغبف ػت ؿجی ث ػلش لجلی
.سد وبسهی ث دس كفطبت ة بی هختلف لبلت ثبب ااع فبیل
Data.ضبی آدسع تلیش هسدظش اػت :
Typeثشسػی وذ.تاذ ع فبیل سا وذ، هشسگش لجل اص دالد تلیش هی : ع تلیش سا هؼیي هی
Width ،heightوذ. : عل ػشم تلیش هسدظش سا تؼییي هی
Standbyؿد، ثشای هثبل: تلیش دس ضبل ثبسگزاسی اػت. هی : هتی و دس گبم دالد تلیش وبیؾ داد
Page | 24
تصیری قش 7.3
< img usemap= />
<map name= >
<area href= alt= shape= coords= />
گشدد. وبسثشد آى ایدبد لیه دس مبط هختلف یه تلیش اػت، ایدبد هی imgاص ػلش usemapثػیل كفت
ولیه سی وبسثش ثتاذ ثب و ای خاین تلیشی اص مـ ایشاى دس یه كفط ة ثگدبین، ث گ فشم ویذ هی
وشدى ثش بیی و گبم ولیه ػت ثخؾ وبفی ی هخلف آى اػتبى هتمل ؿد. ب ث كفط تلیش ش یه اص اػتبى
وین. خاذؿذ، سا تؼشیف ب فؼبل سی آى
<a href="#dummy">
<img alt="Robert and Murray" width="277" height="127"
src="photorcmm.jpg" usemap="#maprcmm" />
</a>
</p>
<map name="maprcmm">
<area
href="http://cern.web.cern.ch/CERN/Divisions/ETT/WPE/People/RobertCailli
au/"
shape="rect" coords="0, 0, 138, 127" />
Page | 25
<area href="http://www.muzmo.com/Murray/" shape="rect" coords="139, 0,
277, 127" />
</map>
mapػلش ؿد، تاذ ث وبس ثشد : ایي ػلش دس ش خبی ػذ هیimg اص عشیك كفتusemap تغبثك خد
ػبكشی ث بم ؿبهل mapػلش وذ. مـ هشتجظ سا ؿبػبیی هی ،mapاص ػلش nameآى ثب كفت همذاس
area وذ. ش ػلش سا هـخق هی هملذ لیه بی لبثل ولیه تلیش اػت و ثخؾarea داسای كفت
coords وذ. دیگش ػلش آى هسدظش سا هـخق هی اػت و هختلبت ثخؾshape اػت و ؿىل
لبثل اػتفبد: همبدیش وذ. ثخؾ هسدظش تؼییي هیذػی
Defaultوذ. : توبم ؿىل سا تؼییي هی
Rect( هؼتغیلی ؿىل؛ :minx miny maxx maxy.)
Circle( دایش ؿىل :centrex centrey radius.)
Poly( زذضلؼی :x1 y1 x2 y2 x3 y3.)
تاى فشػبػت یبص ث دلت صیبدی داسد هی بی تلیشی ثب دػت اػتفبد اص وذیؼی عبلت خب و ػبخت مـ اص آى
Adobe Imageتاى ث بی آى هی افضاسبیی و داسای ساثظ گشافیىی ؼتذ اػتفبد ود؛ اص ثتشیي و اص شم
Ready .اؿبس ود
Page | 26
ا جذل .8
هقذه 8.1
ػ دسوبساختیبسی اػت. زیي داسای یه ػاى اػت، ن ش خذل اص ػ لؼوت، هغلغ، ثذ، اتب تـىیل ؿذ
بیی ب اص ػلل خذل ذ.تؼؿد و خد داسای تؼذادی ػتى هی بیی تمؼین ثخؾ اكلی، خذل ث سدیف
تاى خذل دیگشی ل هیدس كست یبص دس ش ػلتاذ هطتی ش تؼذاد ػلش ثلوی ثبؿذ. اذ و هی ؿذ تـىیل
.ایدبد وشد
ساختار 8.2
<table summary= width= >
<caption>. . .</caption>
<colgroup align= span= width= />
<col align= span= width= />
<thead>
. . .
</thead>
<tfoot>
. . .
</tfoot>
<tbody>
. . .
</tbody>
Page | 27
</table>
<table title="group1" summary="5 column table with
header row and first column titles." width="90%">
<caption>Group 1</caption>
<thead>
<tr>
<th>country</th><th>Iran</th><th>Germany</th><th>Braz
il</th><th>Africa</th>
</tr>
</thead>
<tbody>
<tr>
<th>Games</th><td>2</td><td>2</td><td>2</td><td>2</td
>
</tr>
<tr>
<th>Wins</th><td>1</td><td>2</td><td>0</td><td>0</td>
</tr>
<tr>
Page | 28
<th>loses</th><td>0</td><td>0</td><td>1</td><th>2</th
>
</tr>
<tr>
<th>draws</th><td>1</td><td>0</td><td>1</td><th>0</th
>
</tr>
</tbody>
</table>
Group 1
country Iran Germany Brazil Africa
Games 2 2 2 2
Wins 1 2 0 0
loses 0 0 1 2
draws 1 0 1 0
اػت. هشسگش اعالػبت هغلغ سا ث كست تـىیل ؿذ th td تمؼیوبت آى trبی خذل اص ػغشب ثخؾ
bold دسكذ ػشم كفط داسد. 90دذ. دس ایي هثبل خذل ػشضی ثشاثش وبیؾ هی
Summary د.س ث وبس هیثتش خذل تػظ وبسثش ثشای دسن
Page | 29
ا فرم .9
هقذه 9.1
بی ب دس اؿىبل اذاص ب ػشوبس داسین. فشم بیی ؼتذ و هب دس صذگی سصهش ثب آى ؿجی ث فشم HTMLبی فشم
سا دس -خبادگی هبذ بم یب بم–ب داسای فیلذبی هتی ؼتذ و وبسثش ثبیذ هتی هتػی خدداسذ. ثؼضی اص آى
هبذ –ب سا اتخبة وذ خاذ تب یىی اص گضی ب اسد وذ، ثؼضی دیگش زذ گضی دس اختیبس وبسثش لشاس داد هی آى
دذ. تمشیجب توبم اؿىبل ثؼضی دیگش ث وبسثش اهىبى لشاسدادى تیه دس وبس هاسدی سا هی -بی وىس پشػؾ
ب ب سا ث ػشس اسػبل وذ. فشم ؿذ. وبسثش ثبیذ تؼذادی فیلذ سا پشوشد آى پـتیجبی هی HTMLاسد فشم تػظ اػتبذ
ؿذ. هوىي اػت فشم تب ثشای تؼبهل كفط ثب وبسثش یؼی تدضی تطلیل هی دس ػشس ثػیل یه صثبى ثشبه
ؿد.دس ایدب هب ثش عشاضی ظبش فشم توشوض هی اػتفبدبس فشم دس وایدبد ؿذ ثبؿذ و دس ایي كست اص یه اػىشیپت
داسین اسػبل پشداصؽ آى.
:form گیشد. توبم اخضای فشم سا دسثشهی
:input ؼتذ. گش ع فشم اغلت فیلذب سا ایدبد وشد كفبت آى ثیبى
:textarea سا اسد وبیذ. خاذ هتی عالی ثشای فیلذبیی عشاضی ؿذ و وبسثش هی
Selectبی آى اص ػلش ػت، ثشای ایدبد گضی بی لغضذ : ثشای ایدبد لیؼت option ؿد. هی اػتفبد
Buttonسد. وبس هی ث -ظیش اسػبل–ب : ثشای ایدبد دوو
Page | 30
پردازش فرم 9.2
<form method= action= onsubmit= >
<input name= type= value= size= maxlength= checked=
src= accesskey= >
<form method= "post" action
="mailto:[email protected]">
<p>Please type the mail to us:
<input name="MyMessage" type="text" >
<input type="submit" value="submit" name="submit">
</p>
</form>
Please type the mail to us: submit
ػلش فشم د ػلش اكلی داسد.
Methodوذ. داسای د ع همذاس : پشتىل تطیل اعالػبت فشم سا هـخق هی get post ثبؿذ. هی
o getفشم اػت. اگش یه : ضبلت پیؾURL ث ػاى همذاس كفتaction و ?ؿد، یه تؼییي
.خاذؿذ آیذ ث ػشس فشػتبد هی ث دجبل آى همذاس سدی
o postؿد. هی : دس ایي هسد همذاس سدی، دسى فشم ث ػشس فشػتبد
Page | 31
Actionوذ. هی ؿذ، هـخق : هىبی سا و اعالػبت فشم ثبیذ فشػتبد
ؿد: هی اسد وذ، ایي ػجبست ث آدسع فشػتبد Hello worldاگش وبسثش دس وبدس
MyMessage=Hello+world
اگش خظ ال ػجبست سا ث ایي كست تغییش دین وبسثش وبى ػجبست سا اسد وذ:
<form method= "get" action =
"www.monadianghadir.blogfa.com">
ؿد: ایي كفط دسخاػت هی
http:// www.monadianghadir.blogfa.com
/?MyMessage=Hello+world
اص ن خذا خاذؿذ: &ثبؿذ، ش یه اص ایي همبدیش ثب داؿت inputاگش فشم زذ همذاس
http://www.w3.org/?MyMessage=Hello+world&MySecondMess
age=From+me
اگش ثخاین اص عشیك فشم ثب كفط تؼبهل ثشلشاس ؿد:
<form onsubmit="process()">
بی تش دس ایي صهی هشثط ث صثبى ػول خاذوشد. ثیؾ processثب فـشدى دوو تطیل تػظ وبسثش، تبثغ
اػىشیپتی اػت.
Page | 32
inputعصر 9.3
<form method= action= onsubmit= >
<input name= type= value= size= maxlength= checked=
src= accesskey= >
ث ؿشش صیش اػت: زذ كفت دیگش name ،type valueداسای ػ كفت اكلی
Nameاص ودب آهذ اػت.اعالػبت ػت و گش آى ؿد ثیبى : همذاسی اػت و ث سدی افضد هی
Type :وذ. داسای ااع همبدیش: ع سدی سا هـخق هیtext ،submit ،radio ،
checkbox ،button ،rest ،password ،file ،hidden image .اػت
Text :
<input name ="MyMessage" type="text" value="Some
text:" size="40"
maxlength="10" />
Some text
Submit:
وذ. ظیف تطیل فشم سا ثش ػذ داسد یه دوو ث ایي هظس ایدبد هی
<form method= "post" action =
"mailto:[email protected]">
<p>Please type the mail to send message:
Page | 33
<input name="MyMessage" type="text" />
<input type = "submit" name="Mail" value = "Send
Mail" /></p>
</form>
Please type the mail to send message: Send Mail
Radio :
<p>Indicate your choice of language:</p>
<p>Persian: <input type ="radio" name="language"
value="persian"
checked="checked" /></p>
<p>English: <input type ="radio" name="language"
value="English"></p>
<p>Arabic: <input type ="radio" name="language"
value="Arabic" /></p>
Indicate your choice of language:
Persian:
English:
Arabic:
Page | 34
تب یىی اص ذ و ػول هییىؼبی ؼتذ، ث ػاى یه اثضاس اضذ Nameخب و توبم هاسد داسای كفت اص آى
اػت. تؼییي ؿذ Persianثبؿذ. همذاس الی تاذ اتخبة ؿذ دس ش صهبى هی ب گضی
Checkbox :
<p>Indicate all the choices of languages you
Know:</p>
<p>Persian: <input type = "checkbox" name="language"
value="Persian" /></p>
<p>Arabic: <input type="checkbox" name="language"
value="Arabic" /></p>
<p>English: <input type="checkbox" name="language"
value="English" /></p>
<input type="submit" name="Choice" value="Choices
Made" />
Indicate all the choices of languages you Know:
Persian:
Arabic:
English:
Choices Made
Page | 35
اگش د گضی ال اتخبة ؿذ، همذاس اسػبلی ث ػشس:
language=Persian&language=Arabic&Choice=Choices+Made
Button :
.ػبصد بی هطلی سا هوىي هی اخشای اػىشیپت
<input type="button" value="Click Me"
onclick="processclick()" />
Reset :
بی فشم سا ث ضبلت الی ثشگشداذ. تاذ توبم لؼوت اگش وبسثش دس سد اعالػبت اؿتجب وشد ثبؿذ، ثػیل ایي دوو هی
Password: لبثل هـبذ ثبؿذ، وبسثشد خاین و دس هاسدی و اعالػبت سدی هطشهب ثد وی
ؿد. هی داسد. ش وبساوتش سدی تػظ وبسثش ث كست * وبیؾ داد
Value وذ، ع همذاس الی فشم سا هـخق هی: دس اوثش هاسدradio اػت و همذاس الی تب ػی
ثشای آى ضشسی اػت.
File:
وبسثش آدسع آى، ثبؿذ. دس ایي كست ث خبی تبیپ بم فبیل هیگبی البت سدی خاػت ؿذ فبیلی اص سایب وبسثش
سایب دػتشػی داؿت ثبؿذ. 8یك ثشسػیاص عش ث فبیل هضثس تاذ هی
<p>Input name of picture to be processed:
<input type="file" name="imagefile"
value="C:\Files\test\photo.jpg" /></p>
8 . Browes
Page | 36
Input name of picture to be processed: Brow es
Hidden:
.ب سا اسد وذ خاذ وبسثش آى گبی البت یبص اػت و اعالػبتی ث ػشس فشػتبد ؿد و عشاش كفط وی
<input type="hidden" name="from" value="1" />
خاذ ثد. from=1 ،فشػتبد ؿد یىی اص همبدیشؿد اهب گبهی و فشم ث ػشس وی زیضی دس كفط وبیؾ داد
Valueوذ. هی : ایي كفت همذاس الی سا تؼییيradio اػت و دس آى تؼییي همذاس الی تب ػی
خاذؿذ. اخجبسی اػت. اگش فیلذبی فشم تػظ وبسثش پشـذ، ایي همذاس ث ػشس اسػبل
Size وذ. وبساوتش هـخق هی: ػشم فشم سا یب ث پیىؼل یب
Maxlengthع : ثشایtext password وبساوتشب سا ثشای تؼذاد وبسثشد داؿت ضذااوثش
وذ. سدی تؼییي هی
Checked هخلف ااع :text checkbox بػت. الی دوو وذ همذاس تؼییي
9.4 selection ا
<select name= size= multiple= >
<option value= label= >
<optgroup label= >
ػلش ب سا اتخبة وذ. خاذ یىی اص آى ب سا ایدبد وشد اص وبسثش هی ای اص گضی ب هدوػ فشم ثؼیبسی اص
select دذ. ب ثشای اتخبة دس اختیبس وبسثش لشاسهی لیؼتی اص گضی
<p>Please make your choice of color:</p>
Page | 37
<select name="colors" size="6" multiple="multiple">
<option value = "green">green</option>
<option value = "blue">blue</option>
<option value = "red">red</option>
<option value = "pink">pink</option>
<option value = "gray">graay</option>
<option value = "black"
selected="selected">black</option>
<option value = "yellow">yellow</option>
</select>
Please make your choice of color:
green
blue
red
pink
graay
black
آىبیی و دس تؼذاد گضی sizeوذ ؿذ سا هـخق هی ، بم اعالػبتی و ث ػشس فشػتبد هیnameكفت
وذ و یه یب زذگضی لبثل اتخبة ثبؿذ. اگش تؼییي هی Multipleوذ. كفت ؿذ سا تؼییي هی وبیؾ داد
ػبكش تاذ زذگضی سا اتخبة وذ. هی ctrlداؿتي اهىبى اتخبة زذگضی فشان ؿد وبسثش ثب گ
option دسى ػلشselect اگش كفت وذ. هی ب سا تؼییي گضیب یىی اص لشاسگشفت ش وذام اص آى
select ای تظین ؿد، آى گضی دس گبم وبیؾ كفط دس ضبل اتخبة خاذ ثد. دس هثبل ثبال ثشای گضی
black اگش اػت. تظین ؿذgreen اتخبة ؿد، همذاس فشػتبد ؿذ ث ػشس زیي خاذ ثد:تػظ وبسثش
Page | 38
color=green&color=black
optgroupوبس اص ػلش ثشای ایي ثذی وشد. ب سا تمؼین تاى گضی ثشای هبی ثب تؼذاد گضی ثبال هی
ؿد. هی اػتفبد
<p>Please make your choice of color:</p>
<select name="music" size="4" multiple="multiple">
<optgroup label="origin">
<option value = "green">green</option>
<option value = "red">red</option>
<option value = "blue">blue</option>
</optgroup>
<optgroup label="other">
<option value = "pink">pink</option>
<option value = "yellow"
selected="selected">yellow</option>
</optgroup>
</select>
Page | 39
هتی احی 9.5
<textarea name= rows= cols= readonly= />
سد. سد اعالػبت ثب زذیي خظ ث وبس هی ث هظس ایدبد بضی
<textarea name="para" rows="7" cols="60" ></textarea>
خغط سدی هطذدیت . الجت اص لطبػ تؼذادوذ وبساوتش داسد، ایدبد هی 60خغی و ش خظ گدبیؾ یه بضی فت
وذ. ثشای تؼییي همذاس الی: ؿد سا تؼییي هی هی ذاسد ثلى تؼذاد خغعی و وبیؾ داد
<textarea name="para" rows="7" cols="60"
readonly="readonly">This is the first row of the
input buffer
and this is the second line.</textarea>
This is the first row of the input buffer
and this is the second line.
، هتي اثتذایی غیش لبثل تغییش خاذ ثد.readonlyثب تظین كفت
Page | 40
buttonعصر 9.6
<button name= value= type= >
ب و ؿجی ث وبى دووبی دیگشی ایدبد ؿذ ؿذ دوو ایدبد هی inputبیی و ثب ث دلیل تاى ون دوو
ب اهىبى لشاسگشفتي ؼتذ. تفبت ػوذ ایي دوو button ،submit reset خبـیي ااع ؼتذ
بػت. ش هطتایی دسى آى
<button name="form" value="submit" type="submit" >
<h2>FORM</h2>
<h3>Submit to Server Now</h3>
</button>
بی صهی ش ب تلبیش، سگ تاى ث دوو ث ایي تشتیت ؿوب تؼلظ وبهلی ثش هطتای دوو خایذ داؿت. هی
افىت هسدیبصی افضد.
Page | 41
9سرسذ . 10
هقذه 10.1
ب، اعالػبت هشثط ؿذ، ؿبهل فشاداد اص هطتا هطؼة ویو ای اص ػبكش اػت ؿبهل هدوػ headػلش
آیذ: هدوػ ػبكشی و دس لؼوت ػش هی بػت. ب ط استجبط كفط ثب ػبیش كفط ؿیث
titleعصر 10.2
<title >
ظیف تؼییي یت اػت. الضاهی HTMLضضس ایي ػلش ثشای اػتبذاسد ثدى یه ػذ ضبی ػاى كفط اػت.
ای سا دس ؿد. لتی و وبسثش كفط هی ثبالی هشسگشب وبیؾ دادػذ سا ثشػذ داسد هؼوال ایي ػاى دس لؼوت
ؿد. فشم ثػیل ػاى تؼییي یت هی وذ ث عس پیؾ رخیش هی 10ب ب یب ـب هذی ػالل لیؼت
metaعصر 10.3
<meta name= content= http-equiv= scheme=/>
یظگی یه name contentؿذ. كفبت هی سدیبثیػت و كفطبت، تػظ هتسبی خؼتد سا اكلی
وذ. همذاس آى سا تؼییي هی
هسد اػتفبد هشسگشب، هتسبی خؼتد، اػت، -اعالػبت دسثبس اعالػبت–ب ای اص فشاداد هدوػ
یشایـگشبػت.
<meta name= content= http-equiv= scheme=/>
9 . Document Head
10 .bookmark
Page | 42
یؼی اؼبی شػتاص ف وذ ثؼضی دیگش اص خضذ دس ة خؼتد هی اػتفبدثؼضی اص هتسبی خؼتد ثب
بی وذ. خضذ كفطبت ة سا هـبذ لیه هی بی فق اػتفبد ب اص تشویت سؽ وذ، ع ػم آى هی اػتفبد
ب هوىي اػت تب یف آىوذ. ع ضؼ ب هوىي اػت توبم هتي كفط سا ثشسػی وذ. ع ثتش آى ب سا دجبل هی آى
داسذ. اهب یىی اص ػبكشی اػت و ثؼضی هتسبی خؼتد ث آى تخ metaلؼوت ػش سا ثشسػی وذ. ػلش
ثؼضی عشاضبى كفطبت ثشای ؿذ. ب ػذ ضتوب ؿبخت خاذ تضویی خد ذاسد و ثب اػتفبد اص تؼذاد صیبدی اص آى
spammingپشداصذ، ث ایي ػول افضایؾ ستج خد دس هتسبی خؼتد، ث اػتفبد اص ولوبت غیشهشتجظ هی
تشیي وذ. هن ب سا ثب هطتای كفطبت همبیؼ هی گیذ. ثشای همبثل ثب ایي هـىل هتسبی خؼتد فشاداد هی
ؼتذ. اگش هتس description keywordsسذ یوبسه ث nameهمبدیشی و ثشای كفت
كفط اػتفبد خاذ وشد. همذاس drscriptionبی دیگش اص خؼتد ث ة ػبیت اػتوبد پیذاوذ، ث خبی سؽ
keywords ؿد. ؿبهل هیشای پیذاوشدى كفط یبص داسذ، بیی سا و هشدم ث ولیذاط
index, followهثل : –خضذ اص تط ثشسػی تػظ یؼذ ثشای دسخاػت robotsهمذاس
ؿد خضذ اص كفط تؼییي noindexمذاس اگش ه سد. ث وبس هی -ب ػت وبی وشدى كفط ثشسػی لیهدرخا
ثبصدیذ خاذوشد.
<meta name="description" content=" سایت آهزشی از ج ایي ب
است.ایجاد صفحات ب ">
<meta name="keywords" content="html, ساخت صفحات ب,
ال ام تی اچ ,طراحی ب ">
<meta name="robots" content="index, follow">
Page | 43
ػجبستذ اص: nameكفت ػبیش همبدیش
Author :بم یؼذ كفط
Generator: كفط.ثشای ایدبد اثضاس هسد اػتفبد
Formatter :.ؿجی ث گضی لجل
Copyright:هلف. ػجبست ضك
Owner: هلف. ضك
Subject:.ؿجی ث ػاى
وذ هی وذ و فؼبلیت هشسگشی و كفط سا دسیبفت ػشكفط تؼشیف هی httpیه http-equivكفت
. ثؼضی ػشسب وبسثشد داسد httpبی فؼبل دس ثػیل ػشكفطتشل وشد ثشای تلفی اعالػبت هیبؿذ سا و
دیگش همبدیش هوىي:وذ. هی فؼبل تشخو httpبی ث عس خدوبس فشااعالػبت سا ث ػشكفط
<meta http-equiv="expires" content=" Wed 28 Feb 2002
23:59:59 GMT">
<meta http-equiv="Refresh"
content="0;URL=http://www.newurl.com">
<meta http-equiv="Set-Cookie"
content="cookievalue=xxx;expires=Wednesday, 28-Feb-02
18:12:20 GMT;
Page | 44
path=/">
م صهبی و وذ. خظ د خظ ال صهبی و كفط دیگش هؼتجش یؼت یب ث ػجبستی تبسیخ امضب كفط سا تؼییي هی
وذ. یه ووی سا تؼییي هی ػموذ. خظ سصسػبی ؿد آدسع كفط خذیذ سا هؼیي هی كفط ثبیذ ث
سد. وبسهی گش فشااعالػبت ث ث ػاى تكیف schemeكفت
<meta scheme="ISBN" name="identifier" content="0-201-
17805-2">
وذ. ثیبى هیسا Raggett on HTML 4وتبة و ؿبثه
یسی اسکریپت 10.4
<script type= src= >
<noscript >
یؼی خبسج اص داه ایي همبل لشاس داسد اهب ویي لذس وبفی اػت و اػىشیپتؿبهل اػىشیپتی هشتجظ ثب كفط اػت.
گیشذ تش دس لؼوت ػش لشاس هی ب ثیؾ وشد. اػىشیپت تاى اػتفبد ن ثذ هی ب سا ن دس لؼوت ػش ثذاین اػىشیپت
وذ اگش ؿوب اػىشیپتی عالی دس ثتشیي هىبى یؼت صیشا هتسبی خؼتد هؼوال لؼوت ػش سا ثشسػی هی اهب
ب سا د تلمی وذ. ایي لؼوت لشاس دیذ، هوىي اػت هتسبی خؼتد آى
<script type="text/vbscript"
src="http://.org/script/script.js" />
،srcثی اػىشیپت اػت ع آى و ی ،typeكفت ،-ی دیگشی ؿت ؿذ دس كفط–یه اػىشیپت خبسخی
وذ. آدسع كفط ضبی وذ سا هـخق هی
<script type="text/javascript">
Javascript Codes </script>
Page | 45
اػت. ؿذ گیشد، اػتفبد بی ؿشع پبیبى لشاس هی داخلی و ثیي تگاص اػىشیپت
<body onload="processscript()">
<body onunload="processscript()">
ؿد و دس گبم ثبسگزاسی یب تشن كفط اػىشیپت اخشا ؿد. تی داسد و ػجت هیكف bodyػلش
وشدى یب خبثدبیی هبع داسذ. گبم لبیغ هبذ ولیه ب دس اوثش ػبكش كفبتی ثشای اضضبس اػىشیپت
<h1 onclick="ps()">ABC</h1>
<p onmousedown="ps()">ABC</p>
لبیغ ػجبستذ اص:
Onload اختلبف ث ػلش :body داؿت گبهیى هشسگش كفط سا ث عس وبهل ثبسگزاسی وذ اتفبق
افتذ. هی
Onunload اختلبف ث ػلش :body افتذ. وذ اتفبق هی داؿت گبهیى هشگش كفط سا تشن
:Onclick افتذ. گبهی و هبع سی یه ػلش ولیه وذ، اتفبق هی
Ondblclickافتذ ولیه وذ، اتفبق هی : گبهی و هبع سی یه ػلش داثل.
Onmousedown :ؿد. داؿت گبو دوو هبع سی ػلشی گبهی
Onmouseupو دوو هبع سی ػلشی سبؿد. : گبهی
Onmouseover.گبهی و هبع اص ػلش ػجس وذ :
Onmousemove.گبهی و هبع سی ػلش ضشوت وذ :
Onmouseout: وذ. و هبع ث خبسج اص ػلش ضشوت گبهی
Onfocus: توشوض ؿد.هثال یه فشم و سی یه ػلش گبهی
Page | 46
Onblur: خبسج ؿد. 11گبهی و ػلشی اص ضبلت توشوض
Onkeypress: و یه ولیذ سی ػلشی صد ؿد. گبهی
Onkeydown: ؿد. داؿت و یه ولیذ سی ػلشی گب گبهی
Onkeyup: و ولیذی سی یه ػلش سب ؿد. گبهی
Onsubmit: ؿد. و یه فشم تطیل گبهی
Onreset: 12ؿد پبنو یه فشم گبم.
Onselect: و هتی دس ػلش گبهیinput یبtextarea ؿد. اتخبة
Onchange: اػت. همذاسؽ پغ اص توشوض تغییشوشد یه فشم اص ضبلت توشوض خبسج ؿد و گبهی
styleعصر 10.5
<style type= >
وذ. ؿد سا تؼییي هی هی ای و ثػیل ػذ اػتفبد 13ؿی ایي ػلش كفط
<style type="text/css" media="print"> . . . </style>
وذ. ع سػب سا تؼییي هی mediaع ؿی كفت typeكفت
<link rel="stylesheet" href="new_page_1.css"
media="all" type="text/css" />
linkعصر 10.6
<link href= type= media= hreflang= charset=/>
11
. focus 12
. reset 13
. stylesheet
Page | 47
ذف آى اسائ اعالػبت هشتجظ ثب تط استجبط ػذ ثب دیگش كفطبتؼت. لتی د كفط ث عس هتمبثل ث ن لیه
ضل ایي هـىل ووه ث دسایي ػلش وبسثشد دذ هـخق یؼت و وذام یه پذس وذام فشصذ اػت، هی
خؼتدبػت.ب افضایؾ ویفیت استجبط ثشای اعالػبت لیههتسبی خؼتد
<link href="../primerstyle.css" rel="stylesheet"
type="text/css"
media="print"/>
<link rel="alternate" hreflang="pt" type="text/html"
/>
<link rel="alternate" hreflang="ar" charset="ISO-
8859-6"
type="text/html" />
ؿد. خی ثشای صهبی و ػذ پشیت هیؿی خبس خظ ال لیه ث یه كفط
دذ. خظ دم یه لیه ث كفط خبیگضیي پشتمبلی اسائ هی
یض، یبص ث تؼشیف داسد. هتسبی وبساوتش ذ. دس ایي هسد هدوػد هی خظ ػم ث كفط خبیگضیي ػشثی لیه
اسائ دذ.خؼتد هوىي اػت ؼخ خبیگضیي سا دس كست یبص وبسثش ث صثبی دیگش
Page | 48
baseعصر 10.7
<base href= />
بی ؼجی هخد دس ػذ سا اػت و هجبی توبهی آدسع -href-دس ش ػذ یىتبػت تب داسای یه كفت
وذ. هی هؼیي
<base href= />
<base href="http://www.w3.org/nuts/index.htm" />
. . . < a href="../brazil/origin.htm" />
URL :هغلك آى زیي اػت http://www.w3.org/brazil/origin.htm