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_i = y_i + 2<sup>a +

b²</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:bhop@mailsara.ac.uk">

<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:monadianghadir@gmail.com">

<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