آموزش مقدماتی HTML و Css

1. ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫ﻫﺎي‬ ‫آﻣﻮزش‬ ‫ﻣﺮﺟﻊ‬ - ‫ﻟﺮن‬ ‫ﺳﻮن‬
www.7Learn.com
‫ﻟﺮن‬ ‫ﺳﻮن‬ HTML 5 ‫و‬ HTML ‫آﻣﻮزﺷﯽ‬ ‫ﺳﺮي‬
‫درﯾﺲ‬ ‫ﺳﺠﺎد‬ : ‫ﻧﻮﯾﺴﻨﺪه‬
‫ﻟﺮن‬ ‫ﺳﻮن‬ ‫ﺳﺎﯾﺖ‬ ‫از‬ ‫ﻣﺤﺼﻮﻟﯽ‬
. ‫ﻧﻤﺎﯾﯿﺪ‬ ‫ﺧﻮدداري‬ ‫آن‬ ‫ﻋﻤﻮﻣﯽ‬ ‫و‬ ‫اﺟﺎزه‬ ‫ﺑﺪون‬ ‫اﻧﺘﺸﺎر‬ ‫از‬ ‫ﺧﻮاﻫﺸﻤﻨﺪﯾﻢ‬ . ‫اﺳﺖ‬ ‫ﺷﺪه‬ ‫ﺗﻬﯿﻪ‬ ‫ﻟﺮن‬ ‫ﺳﻮن‬ VIP ‫ﮐﺎرﺑﺮان‬ ‫ﻣﺨﺼﻮص‬ ‫ﺳﻨﺪ‬ ‫اﯾﻦ‬
... ‫ﺷﻤﺎ‬ ‫اﻋﺘﻤﺎد‬ ‫از‬ ‫ﻓﺮاوان‬ ‫ﺗﺸﮑﺮ‬ ‫ﺑﺎ‬
، ‫وب‬ ‫ﺗﺤﺖ‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﻫﺎي‬ ‫زﺑﺎن‬ ‫و‬ ‫وب‬ ‫ﻃﺮاﺣﯽ‬ ‫ﻫﺎي‬ ‫آﻣﻮزش‬ ‫از‬ ‫ﮐﺎﻣﻠﯽ‬ ‫ي‬ ‫ﻣﺠﻤﻮﻋﻪ‬ ‫درﯾﺎﻓﺖ‬ ‫ﺑﺮاي‬
!‫ﺑﺎﺷﯿﺪ‬ ‫ﻟﺮن‬ ‫ﺳﻮن‬ ‫در‬ ‫ﻣﺎ‬ ‫ﻣﯿﻬﻤﺎن‬
1392 ‫دﯾﻤﺎه‬

2. HTML ‫ﺑﺮ‬ ‫اي‬ ‫ﻣﻘﺪﻣﻪ‬ : (1 ‫)ﻗﺴﻤﺖ‬ HTML ‫آﻣﻮزش‬
‫ﭼﯿﺴﺖ؟‬ HTML
‫دﺳﺘﻪ‬ ‫دو‬ ‫ﺑﻪ‬ ‫ﮐﻠﯽ‬ ‫ﺑﺼﻮرت‬ ‫وب‬ ‫ﺗﺤﺖ‬ ‫ھﺎی‬ ‫ﺑﺮﻧﺎﻣﻪ‬ .‫ﺑﺸﻨﺎﺳﯿﻢ‬ ‫رو‬ ‫وب‬ ‫ﺗﺤﺖ‬ ‫ھﺎی‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫اﻧﻮاع‬ ‫ﺑﺎﯾﺪ‬ ‫اول‬ HTML ‫ﺗﻌﺮﯾﻒ‬ ‫از‬ ‫ﻗﺒﻞ‬
:‫ﺷﻮﻧﺪ‬ ‫ﻣﯽ‬ ‫ﺗﻘﺴﯿﻢ‬
‫ﺗﺸﮑﯿﻞ‬ ... ‫و‬ ‫ﺗﺼﺎوﯾﺮ،ﺻﻮت‬ ،‫ﻣﺘﻦ‬ ‫از‬ ‫آﻧﮫﺎ‬ ‫ﺻﻔﺤﺎت‬ ‫ﮐﻪ‬ ‫ھﺴﺘﻨﺪ‬ ‫ھﺎﯾﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ :(Static) ‫اﺳﺘﺎﺗﯿﮏ‬ ‫ھﺎی‬ ‫ﺑﺮﻧﺎﻣﻪ‬
‫ﺗﻌﺎﻣﻠﯽ‬ ‫ﮐﺎرﺑﺮ‬ ‫ﺑﺎ‬ ‫ﺻﻔﺤﺎت‬ ‫ﻧﻮع‬ ‫اﯾﻦ‬ ‫واﻗﻊ‬ ‫در‬ .‫اﺳﺖ‬ ‫ﮔﺮﻓﺘﻪ‬ ‫ﻗﺮار‬ ‫آن‬ ‫در‬ ‫ھﺎ‬ ‫آدرس‬ ‫ﺳﺎﯾﺮ‬ ‫ﺑﻪ‬ ‫ﻟﯿﻨﮏ‬ ‫ﭼﻨﺪ‬ ً‫ﺎ‬‫اﺣﯿﺎﻧ‬ ‫و‬ .‫ﺷﺪه‬
.‫ﮐﻨﺪ‬ ‫ﻣﺸﺎھﺪه‬ ‫را‬ ‫ﺻﻔﺤﺎت‬ ‫اﯾﻦ‬ ‫داﺧﻞ‬ ‫ﻣﻮارد‬ ‫ﻣﯿﺘﻮاﻧﺪ‬ ‫ﮐﺎرﺑﺮ‬ ً‫ﺎ‬‫ﺻﺮﻓ‬ ‫و‬ ‫ﻧﺪارﻧﺪ‬
‫ﻣﯽ‬ ‫ﭘﺮدازش‬ ‫را‬ ‫آن‬ ‫و‬ ،‫ﮔﺮﻓﺘﻪ‬ ‫ﮐﺎرﺑﺮ‬ ‫از‬ ‫را‬ ‫ای‬ ‫داده‬ ‫ﮐﻪ‬ ‫ھﺴﺘﻨﺪ‬ ‫ھﺎﯾﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ :(Dynamic) ‫داﯾﻨﺎﻣﯿﮏ‬ ‫ھﺎی‬ ‫ﺑﺮﻧﺎﻣﻪ‬
.‫ﮔﯿﺮد‬ ‫ﻣﯽ‬ ‫ﻗﺮار‬ ‫ﮐﺎرﺑﺮ‬ ‫اﺧﺘﯿﺎر‬ ‫در‬ ‫آن‬ ‫ی‬‫ﻧﺘﯿﺠﻪ‬ ‫اﻧﺘﮫﺎ‬ ‫در‬ ‫و‬ ،‫ﮐﻨﻨﺪ‬
‫ﻋﮑﺲ‬ ‫از‬ ‫آن‬ ‫در‬ ‫ﮐﻪ‬ ‫ﺳﺎﺧﺖ‬ ‫وﺑﯽ‬ ‫ﺻﻔﺤﺎت‬ ‫ﻣﯿﺘﻮان‬ ‫اون‬ ‫وﺳﯿﻠﻪ‬ ‫ﺑﻪ‬ ‫ﮐﻪ‬ .‫ھﺴﺖ‬ ‫اﺳﺘﺎﺗﯿﮏ‬ ‫ﺻﻔﺤﺎت‬ ‫ﺳﺎﺧﺘﻦ‬ ‫ﺑﺮای‬ ‫زﺑﺎﻧﯽ‬ HTML
.‫ﮐﺮد‬ ‫اﺳﺘﻔﺎده‬ ...‫و‬ ‫ﺟﺪاول‬ ،‫ھﺎ‬ ‫ﭘﺎراﮔﺮاف‬ ،‫ھﺎ‬ ‫ﻣﻮزﯾﮏ‬ ،‫ھﺎ‬ ‫ﻓﯿﻠﻢ‬ ،‫ھﺎ‬
‫ھﺮ‬ ‫ﺗﻮﺿﯿﺢ‬ ‫ﺑﻪ‬ ‫اداﻣﻪ‬ ‫در‬ ‫ﮐﻪ‬ ،‫اﺳﺖ‬ (‫ﻣﺘﻦ‬ ‫اﺑﺮ‬ ‫ﮔﺬاری‬ ‫ﻧﺸﺎﻧﻪ‬ ‫)زﺑﺎن‬ Hyper Text Markup Language ‫ﻋﺒﺎرت‬ ‫ﻣﺨﻔﻒ‬ HTML
:‫ﻣﯿﭙﺮدازﯾﻢ‬ ‫ﻋﺒﺎرت‬ ‫اﯾﻦ‬ ‫ﮐﻠﻤﺎت‬ ‫از‬ ‫ﯾﮏ‬
‫ﺧﻮاھﯿﻢ‬ ‫اداﻣﻪ‬ ‫در‬ ‫اﻟﺒﺘﻪ‬ .‫اﺳﺖ‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ھﺎی‬ ‫زﺑﺎن‬ ‫از‬ ‫ﯾﮑﯽ‬ HTML ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫دھﻨﺪه‬ ‫ﻧﺸﺎن‬ ‫ﻋﺒﺎرت‬ ‫اﯾﻦ‬ :Language
.‫ﮐﻨﯿﻢ‬ ‫اﺳﺘﻔﺎده‬ "‫ﮔﺬاری‬ ‫"ﻧﺸﺎﻧﻪ‬ ‫از‬ "‫ﻧﻮﯾﺴﯽ‬ ‫"ﺑﺮﻧﺎﻣﻪ‬ ‫ﻋﺒﺎرت‬ ‫ﺟﺎی‬ ‫ﺑﻪ‬ ‫اﺳﺖ‬ ‫ﺑﮫﺘﺮ‬ ‫ﮐﻪ‬ ‫دﯾﺪ‬
‫ھﺎ‬ ‫ﻣﺮورﮔﺮ‬ ‫واﻗﻊ‬ ‫در‬ !‫ﻧﯿﺴﺖ‬ ‫ﺑﯿﺸﺘﺮ‬ ‫ﺳﺎده‬ ‫ﻣﺘﻨﯽ‬ ‫ﻓﺎﯾﻞ‬ ‫ﯾﮏ‬ HTML ‫زﺑﺎن‬ ‫ﺑﻪ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﯾﮏ‬ ‫ﮐﻪ‬ ‫دھﺪ‬ ‫ﻣﯽ‬ ‫ﻧﺸﺎن‬ ‫ﻋﺒﺎرت‬ ‫اﯾﻦ‬ :Text
‫و‬ ‫ھﺎ‬ ‫ھﺎ،ﭘﺎراﮔﺮاف‬ ‫ﻋﮑﺲ‬ ‫ھﻤﭽﻮن‬ ‫ﻣﺨﺘﻠﻒ‬ ‫ﻋﻨﺎﺻﺮ‬ ‫ﺑﻪ‬ ‫را‬ ‫آن‬ ،‫آن‬ ‫داﺧﻞ‬ ‫دﺳﺘﻮرات‬ ‫ﺑﻪ‬ ‫ﺗﻮﺟﻪ‬ ‫ﺑﺎ‬ ‫و‬ ‫ﺧﻮاﻧﺪه‬ ‫را‬ ‫ﻣﺘﻨﯽ‬ ‫ﺳﺎده‬ ‫ﻓﺎﯾﻞ‬ ‫اﯾﻦ‬
.‫ﻣﯿﮑﻨﻨﺪ‬ ‫ﺗﺒﺪﯾﻞ‬ ....
.‫ﻣﯿﮑﻨﻨﺪ‬ ‫ﺗﻘﺴﯿﻢ‬ ‫دﺳﺘﻪ‬ ‫دو‬ ‫ﺑﻪ‬ ‫رو‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ھﺎی‬ ‫زﺑﺎن‬ ‫ﮐﻪ‬ ‫ﺑﺪوﻧﯿﺪ‬ ‫ﺟﺎﻟﺒﻪ‬ .‫دارد‬ ‫ﻗﺮار‬ "liner" ‫ﻣﻘﺎﺑﻞ‬ ‫در‬ :Hyper
‫و‬ ‫اﻧﺪ‬ ‫ﺷﺪه‬ ‫ﻧﻮﺷﺘﻪ‬ ‫ﮐﻪ‬ ‫ﺗﺮﺗﯿﺒﯽ‬ ‫ﺑﻪ‬ ‫دﺳﺘﻮرات‬ ‫ﺑﺎﯾﺪ‬ ‫ﮐﻪ‬ ... ‫و‬ C,Pascal, Delphi, PHP ‫ھﻤﭽﻮن‬ ‫ھﺎﯾﯽ‬ ‫زﺑﺎن‬ ‫:ﺑﻪ‬Liner
‫اﻟﮕﻮی‬ ‫واﻗﻊ‬ ‫در‬ ‫و‬ ،‫ﺷﻮد‬ ‫ﻧﻤﯽ‬ ‫اﺟﺮا‬ ‫ﺑﻌﺪی‬ ‫ﺧﻂ‬ ‫ﻧﺸﺪه‬ ‫اﺟﺮا‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫از‬ ‫ﺧﻄﯽ‬ ‫ﺗﺎ‬ ‫و‬ ‫ﺷﻮﻧﺪ‬ ‫اﺟﺮا‬ ‫ﺧﻂ‬ ‫ﺑﻪ‬ ‫ﺧﻂ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬
‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﮐﻞ‬ ‫اﺟﺮای‬ ‫ﺗﻮﻗﻒ‬ ‫ﻣﻮﺟﺐ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫از‬ ‫ﺧﻂ‬ ‫ھﺮ‬ ‫در‬ ‫ﺧﻄﺎ‬ ‫وﺟﻮد‬ ‫ﮐﻪ‬ .‫ﻣﯿﺸﻮد‬ ‫ﮔﻔﺘﻪ‬ Liner ‫زﺑﺎﻧﮫﺎی‬ ‫دارﻧﺪ‬ ‫ﺧﻄﯽ‬
.‫ﻣﯿﺸﻮد‬
‫ﮐﻞ‬ ‫ﺗﻮﻗﻒ‬ ‫ﻣﻮﺟﺐ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫از‬ ‫ﺧﻂ‬ ‫ﯾﮏ‬ ‫در‬ ‫ﺧﻄﺎ‬ ‫و‬ ‫ﻧﺪارﻧﺪ‬ ‫ﺧﺎﺻﯽ‬ ‫اﻟﮕﻮی‬ ‫ﮐﻪ‬ ‫ھﺴﺘﻨﺪ‬ ‫زﺑﺎﻧﮫﺎﯾﯽ‬ ‫ﻣﻘﺎﺑﻞ‬ ‫در‬ :Hyper
.‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﮔﻔﺘﻪ‬ Hyper ‫ھﺎ‬ ‫زﺑﺎن‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ .‫ﺷﻮد‬ ‫ﻧﻤﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬
‫ﺳﺎﺧﺘﺎر‬ ‫ھﻤﭽﻮن‬ ‫ﺳﺎﺧﺘﺎر)دﺳﺘﻮر(ھﺎﯾﯽ‬ ‫ﻓﺎﻗﺪ‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ھﺎی‬ ‫زﺑﺎن‬ ‫از‬ ‫ﺑﺴﯿﺎری‬ ‫ﺧﻼف‬ ‫ﺑﺮ‬ HTML ‫زﺑﺎن‬ :Markup
(‫)ﺑﺮﭼﺴﺐ‬ Tag ‫اﺧﺘﺼﺎر‬ ‫ﺑﻪ‬ ‫ﯾﺎ‬ Markup Tag ‫ﻧﺎم‬ ‫ﺑﻪ‬ ‫ای‬‫ﺳﺎده‬ ‫ﺳﺎﺧﺘﺎر‬ ‫از‬ ‫زﺑﺎن‬ ‫اﯾﻦ‬ ‫ﻋﻮض‬ ‫در‬ .‫اﺳﺖ‬ ...‫و‬ ‫ﺗﻮاﺑﻊ‬ ،‫ﺣﻠﻘﻪ‬ ،‫ﺷﺮطﯽ‬

3. .‫ھﺴﺘﻨﺪ‬ ‫ھﺎ‬Tag ‫ھﻤﯿﻦ‬ ‫ھﻢ‬ ‫آن‬ ‫و‬ ‫ﻧﺪارد‬ ‫ﺑﯿﺸﺘﺮ‬ ‫دﺳﺘﻮر‬ ‫ﻧﻮع‬ ‫ﯾﻪ‬ HTML ‫واﻗﻊ‬ ‫در‬ .‫اﺳﺖ‬ ‫ﺷﺪه‬ ‫ﺗﺸﮑﯿﻞ‬
‫ﻣﺎﻧﻨﺪ‬ ‫ﮐﺮد‬ ‫اﺳﺘﻔﺎده‬ ‫ﻣﯿﺘﻮان‬ ‫ﻣﺘﻨﯽ‬ ‫وﯾﺮاﯾﺸﮕﺮ‬ ‫ھﺮ‬ ‫از‬ ‫وب‬ ‫ﺻﻔﺤﺎت‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﮐﺪ‬ ‫ﺑﺮای‬ ‫ﺑﻨﺎﺑﺮاﯾﻦ‬ ‫ھﺴﺘﻨﺪ‬ ‫ﻣﺘﻨﯽ‬ Html ‫ﻓﺎﯾﻠﮫﺎی‬ ‫ﭼﻮن‬
‫ھﺎی‬ ‫اﻓﺰار‬ ‫ﻧﺮم‬ Html ‫ﮐﺪھﺎی‬ ‫ﻧﻮﺷﺘﻦ‬ ‫ﺑﺮای‬ ‫اﻟﺒﺘﻪ‬ .‫ھﺴﺘﻨﺪ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫ﻗﺎﺑﻞ‬ ‫وﯾﻨﺪوزھﺎ‬ ‫ﺗﻤﺎﻣﯽ‬ ‫در‬ ‫ﮐﻪ‬ Wordpad ‫ﯾﺎ‬ Notepad
‫ﻧﺮم‬ ‫اﯾﻨﮑﺎر‬ ‫ﺑﺮای‬ ‫ﻣﻦ‬ ‫ﭘﯿﺸﻨﮫﺎد‬ ‫ﮐﻪ‬ .‫ﻣﯿﮑﻨﻨﺪ‬ ‫راھﻨﻤﺎﯾﯽ‬ ‫ھﺎ‬ ‫ﺗﮓ‬ ‫ﻧﻮﺷﺘﻦ‬ ‫در‬ ‫را‬ ‫ﻣﺎ‬ ‫ﮐﻪ‬ ‫دارد‬ ‫وﺟﻮد‬ ‫زﻣﯿﻨﻪ‬ ‫اﯾﻦ‬ ‫در‬ ‫زﯾﺎدی‬ ‫ﭘﯿﺸﺮﻓﺘﻪ‬
:‫ﮐﻨﯿﺪ‬ ‫داﻧﻠﻮد‬ ‫زﯾﺮ‬ ‫ﻟﯿﻨﮏ‬ ‫از‬ ‫رو‬ ‫اﻓﺰار‬ ‫ﻧﺮم‬ ‫اﯾﻦ‬ ‫ﻧﺴﺨﻪ‬ ‫آﺧﺮﯾﻦ‬ ‫ﻣﯿﺘﻮﻧﯿﺪ‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ++Notepad ‫اﻓﺰار‬
++Notepad ‫اﻓﺰار‬ ‫ﻧﺮم‬ ‫داﻧﻠﻮد‬
‫ﮐﺮوم‬ ‫ﮔﻮﮔﻞ‬ ‫از‬ ‫ﻣﻦ‬ ‫ﮐﻪ‬ ‫(دارﯾﺪ‬Opera,IE, Firefox, Google Chrome,....) ‫ﻣﺮورﮔﺮ‬ ‫ﯾﮏ‬ ‫ﺑﻪ‬ ‫ﻧﯿﺎز‬ ‫ھﻢ‬ ‫ﮐﺎر‬ ‫ﻧﺘﯿﺠﻪ‬ ‫ﻣﺸﺎھﺪه‬ ‫ﺑﺮای‬
.‫ﻣﯿﮑﻨﻢ‬ ‫اﺳﺘﻔﺎده‬
.‫ﻣﯿﭙﺮدازﯾﻢ‬ HTML ‫زﺑﺎن‬ ‫در‬ ‫ھﺎ‬ ‫آن‬ ‫ﻧﻮﺷﺘﻦ‬ ‫طﺮﯾﻘﻪ‬ ‫و‬ ‫ھﺎ‬ ‫ﺗﮓ‬ ‫ﺳﺎﺧﺘﺎر‬ ‫ﻣﻌﺮﻓﯽ‬ ‫ﺑﻪ‬ ‫ﺑﻌﺪی‬ ‫ﻣﻄﻠﺐ‬ ‫در‬
HTML ‫در‬ ‫ﻫﺎ‬ ‫ﺗﮓ‬ : (2 ‫)ﻗﺴﻤﺖ‬ HTML ‫آﻣﻮزش‬
:‫ﻫﺎ‬ ‫ﺗﮓ‬ ‫ﺳﺎﺧﺘﺎر‬
:‫ﺷﻮﻧﺪ‬ ‫ﻣﯽ‬ ‫ﺗﺸﮑﯿﻞ‬ ‫ﻗﺴﻤﺖ‬ ‫ﺳﻪ‬ ‫از‬ ‫ھﺎ‬ ‫ﺗﮓ‬
(<) ‫ﮐﻮﭼﮑﺘﺮ‬ ‫ﻋﻼﻣﺖ‬ ‫ﯾﮏ‬ . 1
‫ﺗﮓ‬ ‫ﻧﺎم‬ . 2
(>) ‫ﺑﺰرﮔﺘﺮ‬ ‫ﻋﻼﻣﺖ‬ ‫ﯾﮏ‬ . 3
<tagname>
‫ﻣﺜﺎل‬ ‫ﺑﻪ‬ .‫دھﻨﺪ‬ ‫ﻣﯽ‬ ‫ﺗﺸﮑﯿﻞ‬ ‫را‬ (element) ‫ﻋﻨﺼﺮ‬ ‫ﻧﺎم‬ ‫ﺑﻪ‬ ‫ﺟﺪﯾﺪی‬ ‫ﺳﺎﺧﺘﺎر‬ ‫و‬ ‫روﻧﺪ‬ ‫ﻣﯽ‬ ‫ﮐﺎر‬ ‫ﺑﻪ‬ ‫ﺟﻔﺘﯽ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫ﻣﻌﻤﻮﻻ‬ ‫ھﺎ‬ ‫ﺗﮓ‬
:‫ﮐﻨﯿﺪ‬ ‫دﻗﺖ‬ ‫زﯾﺮ‬
<tagname> content </tagname>
‫ﻣﯿﺘﻮاﻧﺪ‬ ‫)ﮐﻪ‬ ‫ﺗﮓ‬ ‫ﻣﺤﺘﻮای‬ ،‫آﻏﺎزﯾﻦ‬ ‫ﺗﮓ‬ :‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﺗﺸﮑﯿﻞ‬ ‫اﺻﻠﯽ‬ ‫ﻗﺴﻤﺖ‬ ‫ﺳﻪ‬ ‫از‬ ‫ﻋﻨﺼﺮ‬ ‫ﯾﮏ‬ ‫ﻣﯿﺒﯿﻨﯿﺪ‬ ‫ﺑﺎﻻ‬ ‫ﻣﺜﺎل‬ ‫در‬ ‫ﮐﻪ‬ ‫ھﻤﺎﻧﻄﻮر‬
.‫ﭘﺎﯾﺎﻧﯽ‬ ‫ﺗﮓ‬ ‫و‬ (‫ﺑﺎﺷﺪ‬ ‫ﺧﺎﻟﯽ‬ ‫ﯾﺎ‬ ‫و‬ ‫دﯾﮕﺮ‬ ‫ﻋﻨﺼﺮ‬ ‫ﯾﮏ‬ ،‫ﺳﺎده‬ ‫ﻣﺘﻦ‬ ‫ﯾﮏ‬

4. .‫آﯾﺪ‬ ‫ﻣﯽ‬ ‫ﭘﺎﯾﺎﻧﯽ‬ ‫ﺗﮓ‬ ‫در‬ ‫ﺗﮓ‬ ‫ﻧﺎم‬ ‫از‬ ‫ﻗﺒﻞ‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ "/" ‫در‬ ‫ﻓﻘﻂ‬ ‫آﻏﺎزﯾﻦ‬ ‫ﺗﮓ‬ ‫ﺑﺎ‬ ‫آن‬ ‫ﺗﻔﺎوت‬ ‫ﮐﻪ‬ ‫ﮐﻨﯿﺪ‬ ‫ﺗﻮﺟﻪ‬ ‫ﭘﺎﯾﺎﻧﯽ‬ ‫ﺗﮓ‬ ‫ﺳﺎﺧﺘﺎر‬ ‫ﺑﻪ‬
‫ﮐﻪ‬ ‫دارد‬ ‫وﺟﻮد‬ ‫ھﻢ‬ ‫اﺳﺘﺜﻨﺎﺋﺎﺗﯽ‬ ‫اﻟﺒﺘﻪ‬ ‫ﮐﻪ‬ .‫ﺷﻮد‬ ‫ﺑﺴﺘﻪ‬ ‫درﺟﺎﯾﯽ‬ ‫ﺑﺎﯾﺪ‬ ‫ﻣﯿﺸﻮد‬ ‫ﺑﺎز‬ ‫ﮐﻪ‬ ‫ﺗﮕﯽ‬ ‫ھﺮ‬ ‫ﮐﻪ‬ ‫ﺑﺎﺷﯿﺪ‬ ‫داﺷﺘﻪ‬ ‫دﻗﺖ‬ : ‫ﻧﮑﺘﻪ‬
.‫ﮐﺮد‬ ‫ﺧﻮاھﯿﻢ‬ ‫ﻣﻌﺮﻓﯽ‬ ‫ھﻢ‬ ‫را‬ ‫ھﺎ‬ ‫آن‬ ‫ﺑﻌﺪا‬
.‫ﻣﯿﺸﻮد‬ ‫ﭘﺮداﺧﺘﻪ‬ HTML ‫ھﺎی‬ ‫ﺗﮓ‬ ‫ﻣﻌﺮﻓﯽ‬ ‫ﺑﻪ‬ ‫ﺑﻌﺪ‬ ‫ﺑﻪ‬ ‫اﯾﻦ‬ ‫از‬ .‫ﺷﺪﯾﺪ‬ ‫آﺷﻨﺎ‬ ‫ھﺎ‬ ‫ﺗﮓ‬ ‫ﻧﻮﺷﺘﻦ‬ ‫طﺮﯾﻘﻪ‬ ‫ﺑﺎ‬ ‫اﯾﻨﺠﺎ‬ ‫ﺗﺎ‬ .‫ﺧﺐ‬ ‫ﺑﺴﯿﺎر‬
:‫وب‬ ‫ﺻﻔﺤﻪ‬ ‫ﯾﮏ‬ ‫اﺻﻠﯽ‬ ‫ﺳﺎﺧﺘﺎر‬
‫ﻣﯽ‬ ‫ﻣﺮورﮔﺮ‬ ‫ﺑﻪ‬ ‫ﻋﻨﺼﺮ‬ ‫اﯾﻦ‬ ‫ﺑﺎ‬ ‫واﻗﻊ‬ ‫در‬ .‫ﻣﯿﺸﻮد‬ ‫ﺧﺘﻢ‬ </html> ‫ﺑﺴﺘﻪ‬ ‫ﺗﮓ‬ ‫ﺑﻪ‬ ‫و‬ ‫ﺷﺮوع‬ <html> ‫ﺗﮓ‬ ‫ﺑﺎ‬ (HTML) ‫وب‬ ‫ﺻﻔﺤﻪ‬ ‫ھﺮ‬
‫ﭘﺎﯾﺎن‬ </html> ‫ﭘﺎﯾﺎﻧﯽ‬ ‫ﺗﮓ‬ ‫ﺑﺎ‬ ‫و‬ ‫ﺷﺮوع‬ <html> ‫ﺑﺎز‬ ‫ﺗﮓ‬ ‫ﺑﺎ‬ ‫ﺻﻔﺤﻪ‬ ً‫ﺎ‬‫ﺛﺎﻧﯿ‬ ،‫روﺑﺮوﺳﺖ‬ HTML ‫ﻧﻮع‬ ‫از‬ ‫ﺻﻔﺤﻪ‬ ‫ﯾﮏ‬ ‫ﺑﺎ‬ ً‫ﻻ‬‫او‬ ‫ﮐﻪ‬ ‫ﮔﻮﯾﯿﻢ‬
.‫ﯾﺎﺑﺪ‬ ‫ﻣﯽ‬
:‫دارﻧﺪ‬ ‫وﺟﻮد‬ ‫ﺻﻔﺤﻪ‬ ‫اﺻﻠﯽ‬ ‫ﻋﻨﺼﺮ‬ ‫دو‬ html ‫ﻋﻨﺼﺮ‬ ‫داﺧﻞ‬ ‫در‬
‫ﻣﻮرد‬ ‫در‬ ‫اطﻼﻋﺎﺗﯽ‬ ‫ﺣﺎوی‬ ‫ﻣﯿﮑﻨﺪ‬ ‫ﻣﺸﺨﺺ‬ ‫را‬ ‫ﺻﻔﺤﻪ‬ (‫)ﺳﺮ‬ head ‫ﻗﺴﻤﺖ‬ ‫ﮐﻪ‬ ‫ﻋﻨﺼﺮ‬ ‫اﯾﻦ‬ : <head> ‫ﻋﻨﺼﺮ‬
‫اﺳﺖ‬ ‫آﻣﺪه‬ ‫ﺑﺪﻧﻪ‬ ‫ﻗﺴﻤﺖ‬ ‫در‬ ‫آﻧﭽﻪ‬ ‫ﻣﻮرد‬ ‫در‬ ‫ﺗﻮﺿﯿﺤﺎﺗﯽ‬ ‫و‬ ‫ﻋﻨﻮان‬ ‫ﺷﺎﻣﻞ‬ ‫ﺗﻮاﻧﺪ‬ ‫ﻣﯽ‬ ‫ﻣﺜﺎل‬ ‫ﻋﻨﻮان‬ ‫ﺑﻪ‬ .‫اﺳﺖ‬ ‫ﺻﻔﺤﻪ‬
.‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﺗﺸﮑﯿﻞ‬ ‫آﻧﮫﺎﺳﺖ‬ ‫ﺑﯿﻦ‬ ‫ﮐﻪ‬ ‫ﭼﯿﺰی‬ ‫ھﺮ‬ ‫و‬ </head> ‫ﺑﺴﺘﻪ‬ ‫ﺗﮓ‬ ‫و‬ <head> ‫ﺗﮓ‬ ‫از‬ ‫ﻗﺴﻤﺖ‬ ‫اﯾﻦ‬ .‫ﺑﺎﺷﺪ‬
‫ﭘﻨﺠﺮه‬ ‫در‬ ‫اﺳﺖ‬ ‫ﻗﺮار‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اطﻼﻋﺎﺗﯽ‬ ‫ﺣﺎوی‬ ‫واﻗﻊ‬ ‫در‬ ‫و‬ ‫اﺳﺖ‬ ‫ﺻﻔﺤﻪ‬ ‫ﺑﺪﻧﻪ‬ ‫ﮐﻨﻨﺪه‬ ‫ﻣﺸﺨﺺ‬ :<body> ‫ﻋﻨﺼﺮ‬
‫آﻧﮫﺎﺳﺖ‬ ‫ﺑﯿﻦ‬ ‫ﮐﻪ‬ ‫ﭼﯿﺰی‬ ‫ھﺮ‬ ‫و‬ </body> ‫ﺑﺴﺘﻪ‬ ‫ﺗﮓ‬ ‫و‬ <body> ‫ﺗﮓ‬ ‫از‬ ‫ﻗﺴﻤﺖ‬ ‫اﯾﻦ‬ .‫ﺷﻮد‬ ‫داده‬ ‫ﻧﻤﺎﯾﺶ‬ ‫ﻣﺮورﮔﺮ‬
.‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﺗﺸﮑﯿﻞ‬
‫در‬ ‫ﮐﻪ‬ ‫آﻧﭽﻪ‬ ‫ھﺮ‬ ‫اﻣﺎ‬ ‫ﺷﻮد‬ ‫ﻧﻤﯽ‬ ‫داده‬ ‫ﻧﻤﺎﯾﺶ‬ ‫ﺻﻔﺤﻪ‬ ‫در‬ ‫ﻣﯿﮕﯿﺮد‬ ‫ﻗﺮار‬ ‫ﺻﻔﺤﻪ‬ head ‫ﻗﺴﻤﺖ‬ ‫در‬ ‫ﮐﻪ‬ ‫آﻧﭽﻪ‬ ‫ﻣﻌﻤﻮﻻ‬ : ‫ﻧﮑﺘﻪ‬
.‫ﺷﺪ‬ ‫ﺧﻮاھﺪ‬ ‫داده‬ ‫ﻧﻤﺎﯾﺶ‬ ‫ﺻﻔﺤﻪ‬ ‫در‬ ‫ﮔﯿﺮد‬ ‫ﻗﺮار‬ body ‫ﻗﺴﻤﺖ‬
‫ﺳﺎﺧﺘﺎر‬ ‫زﯾﺮ‬ ‫ﻣﺜﺎل‬ .‫دھﻨﺪ‬ ‫ﻣﯽ‬ ‫ﺗﺸﮑﯿﻞ‬ ‫را‬ ‫وب‬ ‫ﺻﻔﺤﻪ‬ ‫ﯾﮏ‬ ‫اﺻﻠﯽ‬ ‫ﺳﺎﺧﺘﺎر‬ ‫ھﻢ‬ ‫ﺑﺎ‬ <body> ‫و‬ <head> , <html> ‫ﻋﻨﺼﺮ‬ ‫ﺳﻪ‬
:‫ﻣﯿﺪھﺪ‬ ‫ﻧﻤﺎﯾﺶ‬ ‫را‬ ‫ﺻﻔﺤﻪ‬ ‫ﯾﮏ‬ ‫اﺻﻠﯽ‬
<html>
<head>
<title> Page title </title>
</head>
<body>
<p> This is a Paragtaph </p>
</body>
</html>

5. ‫ﻣﻨﺎﺳﺐ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫ﺑﺎﯾﺪ‬ ‫ھﺎ‬ ‫آن‬ ‫ﮔﺮﻓﺘﻦ‬ ‫ﻗﺮار‬ ‫ھﻢ‬ ‫ﺗﻮی‬ ،‫ﺑﺎﺷﻨﺪ‬ ‫دﯾﮕﺮی‬ ‫ﻋﻨﺎﺻﺮ‬ ‫ﺷﺎﻣﻞ‬ ‫ﻋﻨﺎﺻﺮ‬ ‫وﻗﺘﯽ‬ ‫ﮐﻪ‬ ‫دارد‬ ‫اھﻤﯿﺖ‬ ‫ﻧﮑﺘﻪ‬ ‫اﯾﻦ‬ ‫ذﮐﺮ‬
‫اﺳﺘﻔﺎده‬ ‫ﺑﺴﺘﻪ‬ ‫ﺗﮓ‬ ‫ﯾﮏ‬ ‫از‬ ‫ﮐﻪ‬ ‫وﻗﺖ‬ ‫ھﺮ‬ .‫ﮔﯿﺮد‬ ‫ﻗﺮار‬ ‫ﭘﺪرش‬ ‫ﻋﻨﺼﺮ‬ ‫درون‬ ‫ﺑﺎﯾﺪ‬ ‫ﮐﺎﻣﻞ‬ ‫طﻮر‬ ‫ﺑﻪ‬ ‫ﻋﻨﺼﺮ‬ ‫ھﺮ‬ ‫ﯾﻌﻨﯽ‬ ،‫ﺷﻮد‬ ‫اﻧﺠﺎم‬
.!‫ﻧﺸﺪه‬ ‫ﺑﺴﺘﻪ‬ ‫ھﻨﻮز‬ ‫ﮐﻪ‬ ‫ﺑﺎﺷﺪ‬ ‫ﺑﺎزی‬ ‫ﺗﮓ‬ ‫آﺧﺮﯾﻦ‬ ‫ﺑﻪ‬ ‫واﺑﺴﺘﻪ‬ ‫ﺑﺎﯾﺪ‬ ،‫ﺑﺴﺘﻪ‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ ،‫ﻣﯿﮑﻨﯿﺪ‬
‫ﻋﻨﻮان‬ ‫ﺑﻪ‬ .‫ﺑﺒﻨﺪﯾﺪ‬ ‫را‬ A ‫ﺗﮓ‬ ‫آﺧﺮ‬ ‫در‬ ‫و‬ ‫ﺑﺒﻨﺪﯾﺪ‬ ‫را‬ B ‫ﺗﮓ‬ ‫ﺳﭙﺲ‬ ،‫ﮐﻨﯿﺪ‬ ‫ﺑﺎز‬ ‫را‬ B ‫ﺗﮓ‬ ‫ﺳﭙﺲ‬ ،‫ﮐﻨﯿﺪ‬ ‫ﺑﺎز‬ ‫را‬ A ‫ﺗﮓ‬ ‫اول‬ ،‫دﯾﮕﺮ‬ ‫ﻋﺒﺎرﺗﯽ‬ ‫ﺑﻪ‬
:‫ﺑﺎﯾﺴﺘﯽ‬ ،‫درﺑﯿﺎﯾﺪ‬ ‫ﺿﺨﯿﻢ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ "‫"ﭘﺎراﮔﺮاف‬ ‫ﮐﻠﻤﻪ‬ ‫ﻓﻘﻂ‬ ‫ﺑﺨﻮاھﯿﻢ‬ ‫اﮔﺮ‬ ‫ﻣﺜﺎل‬
<p> ‫ﮏ‬‫ﯾ‬ ‫ﻦ‬‫ﯾ‬‫ا‬ <b>‫ف‬‫ا‬‫ﺮ‬‫ﮔ‬‫ا‬‫ر‬‫ﺎ‬‫ﭘ‬</b> ‫ﺖ‬‫ﺳ‬‫ا‬ </p>
: ‫اﺳﺖ‬ ‫ﻧﮕﺮﻓﺘﻪ‬ ‫ﻗﺮار‬ <p> ‫ﺗﮓ‬ ‫داﺧﻞ‬ </b> ‫ﺑﺴﺘﻪ‬ ‫ﺗﮓ‬ ‫زﯾﺮا‬ ،‫اﺳﺖ‬ ‫ﻧﺎدرﺳﺖ‬ ‫زﯾﺮ‬ ‫ﮐﺪ‬ ‫اﻣﺎ‬
<p> ‫ﮏ‬‫ﯾ‬ ‫ﻦ‬‫ﯾ‬‫ا‬ <b>‫ﺖ‬‫ﺳ‬‫ا‬ ‫ف‬‫ا‬‫ﺮ‬‫ﮔ‬‫ا‬‫ر‬‫ﺎ‬‫ﭘ‬ </p></b>
‫اﻣﺮ‬ ‫اﯾﻦ‬ ‫ﮐﻪ‬ ،‫درآﯾﺪ‬ ‫ﺿﺨﯿﻢ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫ﻧﯿﺰ‬ ‫ﺑﯿﺎﯾﺪ‬ ‫آن‬ ‫از‬ ‫ﺑﻌﺪ‬ ‫ﮐﻪ‬ ‫ای‬ ‫ﮐﻠﻤﻪ‬ ‫ھﺮ‬ ‫ﺑﻠﮑﻪ‬ "‫"ﭘﺎراﮔﺮاف‬ ‫ﮐﻠﻤﻪ‬ ‫ﻓﻘﻂ‬ ‫ﻧﻪ‬ ‫ﮐﻪ‬ ‫ﻣﯿﺸﻮد‬ ‫ﺑﺎﻋﺚ‬ ‫و‬
.‫آﯾﺪ‬ ‫ﻣﯽ‬ ‫ﺣﺴﺎب‬ ‫ﺑﻪ‬ ‫ﮐﺪ‬ ‫در‬ ‫اﺷﮑﺎل‬ ‫ﯾﮏ‬
‫ﺗﮕﮫﺎ‬ ‫ﻋﻤﻮﻣﯽ‬ ‫ﺻﻔﺎت‬ ‫ﻣﻌﺮﻓﯽ‬ ‫ﺑﻪ‬ ‫ﺑﻌﺪی‬ ‫ﻣﻄﻠﺐ‬ ‫در‬ .‫ﺷﺪﯾﺪ‬ ‫آﺷﻨﺎ‬ ‫ﻗﻮاﻋﺪﺷﻮن‬ ‫و‬ ‫ﻧﻮﺷﺘﻦ‬ ‫طﺮﯾﻘﻪ‬ ‫و‬ ‫ھﺎ‬ ‫ﺗﮓ‬ ‫ﺳﺎﺧﺘﺎر‬ ‫ﺑﺎ‬ ‫اﯾﻨﺠﺎ‬ ‫ﺗﺎ‬
.‫ﻣﯿﭙﺮدازﯾﻢ‬
HTML ‫در‬ ‫ﻫﺎ‬ ‫ﺻﻔﺖ‬ : (3 ‫)ﻗﺴﻤﺖ‬ HTML ‫آﻣﻮزش‬
‫ﭼﯿﺴﺖ؟‬ ‫ﻫﺎ‬ ‫ﺻﻔﺖ‬ ‫ﮐﺎر‬
‫ﻣﻨﺤﺼﺮ‬ ‫ھﺎی‬ ‫ﺻﻔﺖ‬ ‫ھﺎ‬ ‫ﺗﮓ‬ ‫از‬ ‫ﺑﺴﯿﺎری‬ .‫ﺑﺎﺷﯿﻢ‬ ‫داﺷﺘﻪ‬ ‫ھﺎ‬ ‫ﺗﮓ‬ ‫ﺑﺮ‬ ‫ﺑﯿﺸﺘﺮی‬ ‫ﮐﻨﺘﺮل‬ ‫ﻣﯿﺘﻮاﻧﯿﻢ‬ HTML ‫در‬ ‫ھﺎ‬ ‫ﺻﻔﺖ‬ ‫وﺳﯿﻠﻪ‬ ‫ﺑﻪ‬ ‫ﻣﺎ‬
‫اﺳﺖ‬ ‫ﻣﺸﺘﺮک‬ ‫ھﺎ‬ ‫ﺗﮓ‬ ‫ﺑﯿﻦ‬ ‫ﻧﯿﺰ‬ ‫ﺻﻔﺎت‬ ‫از‬ ‫ﺑﻌﻀﯽ‬ ‫اﻣﺎ‬ .‫ﻣﯿﮕﻮﯾﻨﺪ‬ ‫اﺧﺘﺼﺎﺻﯽ‬ ‫ھﺎی‬ ‫ﺻﻔﺖ‬ ،‫ھﺎ‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ ‫ﮐﻪ‬ ‫دارﻧﺪ‬ ‫را‬ ‫ﻓﺮدﺧﻮد‬ ‫ﺑﻪ‬
‫ﺗﮓ‬ ‫در‬ ‫ھﻤﯿﺸﻪ‬ ‫ھﺎ‬ ‫ﺻﻔﺖ‬ .‫ﻣﯿﺸﻮد‬ ‫ﮔﻔﺘﻪ‬ ‫ﻋﻤﻮﻣﯽ‬ ‫ھﺎی‬ ‫ﺻﻔﺖ‬ ،‫ھﺎ‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ .‫ﻣﯿﺪھﻨﺪ‬ ‫اﻧﺠﺎم‬ ‫را‬ ‫ﮐﺎر‬ ‫ﯾﮏ‬ ‫آﻧﮫﺎ‬ ‫ھﻤﻪ‬ ‫در‬ ‫و‬
:‫ﺷﻮﻧﺪ‬ ‫ﻣﯽ‬ ‫ﺗﺸﮑﯿﻞ‬ ‫اﺻﻠﯽ‬ ‫ﻗﺴﻤﺖ‬ ‫دو‬ ‫از‬ ‫و‬ ‫ﻣﯿﺮوﻧﺪ‬ ‫ﮐﺎر‬ ‫ﺑﻪ‬ ‫آﻏﺎزﯾﻦ‬
‫را‬ ‫ﭘﺎراﮔﺮاف‬ ‫ﻣﺘﻦ‬ ‫ﭼﯿﻨﺶ‬ ‫ﻧﺤﻮه‬ p ‫ﺗﮓ‬ ‫ﺑﺮای‬ align ‫ﺻﻔﺖ‬ ‫ﻣﺜﻼ‬ .‫ﮐﻨﯿﺪ‬ ‫ﮐﻨﺘﺮل‬ ‫ﻣﯿﺨﻮاھﯿﺪ‬ ‫ﮐﻪ‬ ‫ﺻﻔﺘﯽ‬ ‫ﻧﺎم‬ : Name
.‫ﮐﻨﺪ‬ ‫ﻣﯽ‬ ‫ﮐﻨﺘﺮل‬
‫ﺑﺎﻋﺚ‬ ،p ‫ﺗﮓ‬ ‫در‬ align ‫ﺻﻔﺖ‬ ‫ﺑﺮای‬ right ‫ﻣﻘﺪار‬ ‫ﻣﺜﻼ‬ .‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﺗﻌﯿﯿﻦ‬ ‫ﺻﻔﺖ‬ ‫ﺑﺮای‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫ﻣﻘﺪاری‬ : Value
‫ﻗﺮار‬ (single ‫ﯾﺎ‬ double) ‫ھﺎ‬ ‫ﮐﻮﺗﯿﺸﻦ‬ ‫داﺧﻞ‬ ‫در‬ ‫ﺑﺎﯾﺪ‬ ‫ھﻤﯿﺸﻪ‬ ‫ھﺎ‬Value .‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﭘﺎراﮔﺮاف‬ ‫ﻣﺘﻦ‬ ‫ﺷﺪن‬ ‫ﭼﯿﻦ‬ ‫راﺳﺖ‬
.‫ﺷﻮﻧﺪ‬ ‫ﻣﻨﺘﺴﺐ‬ ‫ﺻﻔﺖ‬ ‫ﻧﺎم‬ ‫ﺑﻪ‬ = ‫ﻋﻼﻣﺖ‬ ‫ﺑﺎ‬ ‫و‬ ‫ﺑﮕﯿﺮﻧﺪ‬

6. :‫اﺳﺖ‬ ‫ﺻﻮرت‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ ‫ﻋﻨﺎﺻﺮ‬ ‫ﺑﺮای‬ ‫ﺻﻔﺎت‬ ‫ﺗﻌﺮﯾﻒ‬ ‫ﮐﻠﯽ‬ ‫ﺷﮑﻞ‬
<tagname attribute1='value' attribute2='value'> content </tagname>
:‫ﮐﻨﺪ‬ ‫ﻣﯽ‬ ‫ﭼﯿﻦ‬ ‫راﺳﺖ‬ ‫را‬ ‫ﭘﺎراﮔﺮاف‬ ‫زﯾﺮ‬ ‫ﻣﺜﺎل‬
<p align='right'>‫ﺖ‬‫ﺳ‬‫ا‬ ‫ﻦ‬‫ﯿ‬‫ﭼ‬ ‫ﺖ‬‫ﺳ‬‫ا‬‫ر‬ ‫ف‬‫ا‬‫ﺮ‬‫ﮔ‬‫ا‬‫ر‬‫ﺎ‬‫ﭘ‬ ‫ﮏ‬‫ﯾ‬ ‫ﻦ‬‫ﯾ‬‫ا‬</p>
‫ھﺎ‬ ‫ﺗﮓ‬ ‫ﺗﻤﺎم‬ ‫در‬ ‫ﺷﻮﻧﺪ‬ ‫ﻣﯽ‬ ‫ﺷﻨﺎﺧﺘﻪ‬ ‫ﻋﻤﻮﻣﯽ‬ ‫ھﺎی‬ ‫ﺻﻔﺖ‬ ‫ﻋﻨﻮان‬ ‫ﺑﻪ‬ ‫ﮐﻪ‬ ‫ھﺎ‬ ‫ﺻﻔﺖ‬ ‫از‬ ‫ﺑﻌﻀﯽ‬ ‫ﺷﺪ‬ ‫اﺷﺎره‬ ‫ﻗﺒﻞ‬ ‫در‬ ‫ﮐﻪ‬ ‫ھﻤﺎﻧﻄﻮر‬
:‫ﺷﺪ‬ ‫ﺧﻮاھﯿﺪ‬ ‫آﺷﻨﺎ‬ ‫ﮐﺪام‬ ‫ھﺮ‬ ‫ﮐﺎر‬ ‫و‬ ‫ھﺎ‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫ﺑﺎ‬ ‫ﻣﻄﻠﺐ‬ ‫اداﻣﻪ‬ ‫در‬ .‫ﻣﯿﺪھﻨﺪ‬ ‫اﻧﺠﺎم‬ ‫را‬ ‫ﯾﮑﺴﺎﻧﯽ‬ ‫ﮐﺎر‬
‫ﻋﻤﻮﻣﯽ‬ ‫ﺻﻔﺎت‬ ‫ﻣﻌﺮﻓﯽ‬
‫ﯾﮑﺘﺎ‬ ‫ﺻﻔﺤﻪ‬ ‫در‬ ‫ﺑﺎﯾﺴﺖ‬ ‫ﻣﯽ‬ ‫ﺷﻨﺎﺳﻪ‬ ‫اﯾﻦ‬ .‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫اﺳﺘﻔﺎده‬ ‫ﻋﻨﺼﺮ‬ ‫ﯾﮏ‬ ‫ﺑﺮای‬ ‫ﺷﻨﺎﺳﻪ‬ ‫ﯾﮏ‬ ‫ﺗﻌﯿﯿﻦ‬ ‫ﺑﺮای‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫از‬ :id
‫ﯾﮏ‬ ‫دادن‬ ‫ﻧﺴﺒﺖ‬ ‫ﺑﺮای‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫از‬ .‫ﮐﻨﯿﻢ‬ ‫اﻧﺘﺨﺎب‬ ‫ﻣﺴﺎوی‬ ‫ﻣﻘﺪار‬ ‫ﻣﺨﺘﻠﻒ،ﯾﮏ‬ ‫ﻋﻨﺼﺮ‬ ‫دو‬ ،id ‫ﺻﻔﺖ‬ ‫ﺑﺮای‬ ‫ﻧﺒﺎﯾﺪ‬ ‫ﯾﻌﻨﯽ‬ .‫ﺑﺎﺷﺪ‬
:‫ﻣﺜﺎل‬ .‫ﻣﯿﺸﻮد‬ ‫اﺳﺘﻔﺎده‬ ‫ﻧﯿﺰ‬ ‫ﻋﻨﺼﺮ‬ ‫ﯾﮏ‬ ‫ﺑﻪ‬ ID ‫ﮔﺰﯾﻨﺸﮕﺮ‬
<p id='p1'> ‫ﺖ‬‫ﺳ‬‫ا‬ ‫ف‬‫ا‬‫ﺮ‬‫ﮔ‬‫ا‬‫ر‬‫ﺎ‬‫ﭘ‬ ‫ﮏ‬‫ﯾ‬ ‫ﻦ‬‫ﯾ‬‫ا‬ </p>
.‫ﻣﯿﺸﻮد‬ ‫اﺳﺘﻔﺎده‬ ‫ﻋﻨﺼﺮ‬ ‫ﯾﮏ‬ ‫ﺑﻪ‬ ‫اﺳﺖ‬ ‫ﺷﺪه‬ ‫ﻧﻮﺷﺘﻪ‬ CSS ‫زﺑﺎن‬ ‫ﺑﻪ‬ ‫ﮐﻪ‬ ‫ﮐﻼﺳﯽ‬ ‫دادن‬ ‫ﻧﺴﺒﺖ‬ ‫ﺑﺮای‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫از‬ :class
:‫ﻣﺜﺎل‬
<p class='p-red'> ‫ﺖ‬‫ﺳ‬‫ا‬ ‫ف‬‫ا‬‫ﺮ‬‫ﮔ‬‫ا‬‫ر‬‫ﺎ‬‫ﭘ‬ ‫ﮏ‬‫ﯾ‬ ‫ﻦ‬‫ﯾ‬‫ا‬ </p>
: ‫اﺳﺖ‬ ‫ﻣﻘﺪار‬ ‫دو‬ ‫دارای‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ .‫ﻣﯿﮑﻨﺪ‬ ‫ﮐﻨﺘﺮل‬ ‫را‬ ‫ﻋﻨﺼﺮ‬ ‫ﯾﮏ‬ ‫داﺧﻞ‬ ‫ﻣﺘﻦ‬ ‫ﮔﯿﺮی‬ ‫ﺟﮫﺖ‬ :dir
‫ﭼﭗ‬ ‫ﺑﻪ‬ ‫راﺳﺖ‬ ‫از‬ ‫ﻋﻨﺼﺮ‬ ‫ﮔﯿﺮی‬ ‫ﺟﮫﺖ‬ ‫ﺑﺮای‬ :rtl
‫راﺳﺖ‬ ‫ﺑﻪ‬ ‫ﭼﭗ‬ ‫از‬ ‫ﻋﻨﺼﺮ‬ ‫ﮔﯿﺮی‬ ‫ﺟﮫﺖ‬ ‫ﺑﺮای‬ :ltr
:‫ﻣﺜﺎل‬
<p dir='rtl'> ‫ﺖ‬‫ﺳ‬‫ا‬ ‫ﭗ‬‫ﭼ‬ ‫ﮫ‬‫ﺑ‬ ‫ﺖ‬‫ﺳ‬‫ا‬‫ر‬ ‫ف‬‫ا‬‫ﺮ‬‫ﮔ‬‫ا‬‫ر‬‫ﺎ‬‫ﭘ‬ ‫ﮏ‬‫ﯾ‬ ‫ﻦ‬‫ﯾ‬‫ا‬ </p>
‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫ﻣﺎ‬ ‫ﻋﻨﺼﺮ‬ ‫ﮔﯿﺮی‬ ‫ﺟﮫﺖ‬ ،‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ ‫ﻧﺪادن‬ ‫ﻣﻘﺪار‬ ‫ﺻﻮرت‬ ‫در‬ ‫ﯾﻌﻨﯽ‬ .‫اﺳﺖ‬ ltr ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫ﻓﺮض‬ ‫ﭘﯿﺶ‬ ‫ﻣﻘﺪار‬ : ‫ﻧﮑﺘﻪ‬
.‫ﺑﻮد‬ ‫ﺧﻮاھﺪ‬ ‫راﺳﺖ‬ ‫ﺑﻪ‬ ‫ﭼﭗ‬ ‫از‬ ‫ﭘﯿﺸﻔﺮض‬
‫ﺷﻤﺎ‬ .‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫اﺳﺘﻔﺎده‬ <html> ‫ﺗﮓ‬ ‫ﺑﺮای‬ ‫و‬ ‫ﺻﻔﺤﻪ‬ ‫در‬ ‫رﻓﺘﻪ‬ ‫ﮐﺎر‬ ‫ﺑﻪ‬ ‫اﺻﻠﯽ‬ ‫زﺑﺎن‬ ‫ﺗﻌﯿﯿﻦ‬ ‫ﺑﺮای‬ ‫ﻣﻌﻤﻮﻻ‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫از‬ :lang

7. ‫اﺳﺖ‬ ‫ﺷﺪه‬ ‫ﺗﻌﺮﯾﻒ‬ <html> ‫ﺗﮓ‬ ‫در‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫ﭼﯿﺰی‬ ‫آن‬ ‫از‬ ‫ﻏﯿﺮ‬ ‫آن‬ ‫زﺑﺎن‬ ‫ﮐﻪ‬ ‫دﯾﮕﺮی‬ ‫ﻋﻨﺼﺮ‬ ‫ﻧﻮع‬ ‫ھﺮ‬ ‫ﺑﺮای‬ ‫را‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫ﻣﯿﺘﻮاﻧﯿﺪ‬
:‫ﻣﺜﺎل‬ .‫ﺑﻮد‬ ‫ﺧﻮاھﺪ‬ en , fa , fr , ar , .... ‫ﻣﺎﻧﻨﺪ‬ ‫زﺑﺎﻧﯽ‬ ‫ﮐﺪھﺎی‬ ‫از‬ ‫ﯾﮑﯽ‬ ،‫ﻣﯿﭙﺬﯾﺮد‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫ﮐﻪ‬ ‫ﻣﻘﺪاری‬ .‫ﮐﻨﯿﺪ‬ ‫اﺳﺘﻔﺎده‬ ‫ﻧﯿﺰ‬
<html lang='fa'>
<p lang='en'>This is a English Paragraph</p>
</html>
‫ﻣﯿﺘﻮان‬ ‫ﻋﻨﺼﺮ‬ ‫ﯾﮏ‬ ‫ﺑﺮای‬ ‫ﺷﻮﻧﺪ‬ ‫ﻣﯽ‬ ‫ﺗﻌﺮﯾﻒ‬ CSS ‫زﺑﺎن‬ ‫در‬ ‫ﮐﻪ‬ ‫ﻣﻘﺎدﯾﺮﺷﺎن‬ ‫و‬ ‫ﻗﻮاﻋﺪ‬ ‫ﯾﮑﺴﺮی‬ ‫ﺗﻌﯿﯿﻦ‬ ‫ﺑﺮای‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫از‬ :style
:‫ﻣﺜﺎل‬ .‫ﮐﺮد‬ ‫اﺳﺘﻔﺎده‬
<p style='background-color: #ff00ff;'>‫ﺖ‬‫ﺳ‬‫ا‬ ‫ف‬‫ا‬‫ﺮ‬‫ﮔ‬‫ا‬‫ر‬‫ﺎ‬‫ﭘ‬ ‫ﮏ‬‫ﯾ‬ ‫ﻦ‬‫ﯾ‬‫ا‬</p>
.‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫اﺳﺘﻔﺎده‬ HTML ‫زﺑﺎن‬ ‫ھﺎی‬ ‫ﺗﮓ‬ ‫و‬ ‫ﻋﻨﺎﺻﺮ‬ ‫ﺑﻪ‬ ‫دھﯽ‬ ‫اﺳﺘﺎﯾﻞ‬ ‫ﺑﺮای‬ CSS ‫زﺑﺎن‬ ‫از‬ : ‫ﻧﮑﺘﻪ‬
‫روی‬ ‫ﺑﺮ‬ ‫ﻣﻮس‬ ‫ﻧﺸﺎﻧﮕﺮ‬ ‫ﮐﻪ‬ ‫ھﻨﮕﺎﻣﯽ‬ tooltip ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫را‬ ‫آن‬ ‫و‬ ‫ﮐﺮده‬ ‫درﯾﺎﻓﺖ‬ ‫را‬ ‫ﺳﺎده‬ ‫رﺷﺘﻪ‬ ‫ﻧﻮع‬ ‫از‬ ‫ﻣﻘﺪاری‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ :title
:‫ﻣﺜﺎل‬ .‫ﻣﯿﺪھﺪ‬ ‫ﻧﻤﺎﯾﺶ‬ ،‫ﮔﯿﺮد‬ ‫ﻗﺮار‬ ‫ﻋﻨﺼﺮ‬
<p title='‫ﻞ‬‫ﮔ‬‫ﻮ‬‫ﮔ‬ ‫ﺖ‬‫ﯾ‬‫ﺎ‬‫ﺳ‬'>Google</p>
‫ﻗﺎﺑﻞ‬ ‫ﻣﻮردﻧﻈﺮ‬ ‫ﻋﻨﺼﺮ‬ ‫آﯾﺎ‬ ‫ﮐﻪ‬ ‫ﻣﯿﮑﻨﺪ‬ ‫ﻣﺸﺨﺺ‬ ،‫ﻣﯿﮑﻨﺪ‬ ‫اﺧﺘﯿﺎر‬ ‫را‬ false ‫و‬ true ‫ﻣﻘﺎدﯾﺮ‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫ﮐﻪ‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ :contenteditable
:‫ﻣﺜﺎل‬ .‫اﺳﺖ‬ ‫ﻋﻨﺼﺮ‬ ‫ﺑﻮدن‬ ‫وﯾﺮاﯾﺶ‬ ‫ﻗﺎﺑﻞ‬ ‫ﻣﻌﻨﯽ‬ ‫ﺑﻪ‬ true ‫ﺧﯿﺮ؟‬ ‫ﯾﺎ‬ ‫ﺑﺎﺷﺪ‬ ‫ﮐﺎرﯾﺮ‬ ‫ﺗﻮﺳﻂ‬ ‫وﯾﺮاﯾﺶ‬
<p contenteditable='true'>‫ﺖ‬‫ﺳ‬‫ا‬ ‫ﺶ‬‫ﯾ‬‫ا‬‫ﺮ‬‫ﯾ‬‫و‬ ‫ﻞ‬‫ﺑ‬‫ﺎ‬‫ﻗ‬ ‫ف‬‫ا‬‫ﺮ‬‫ﮔ‬‫ا‬‫ر‬‫ﺎ‬‫ﭘ‬ ‫ﮏ‬‫ﯾ‬ ‫ﻦ‬‫ﯾ‬‫ا‬.</p>
‫ﻣﻌﻨﯽ‬ ‫ﺑﻪ‬ true ‫ﮐﻪ‬ false ‫و‬ true ‫ﻣﻘﺪار‬ ‫دو‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫و‬ .‫ﻣﯿﺸﻮد‬ ‫اﺳﺘﻔﺎده‬ ‫ﻋﻨﺎﺻﺮ‬ ‫ﮐﺮدن‬ ‫ﻣﺨﻔﯽ‬ ‫ﺑﺮای‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ :hidden
‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫از‬ .‫ﻧﻤﯿﺸﻮﻧﺪ‬ ‫داده‬ ‫ﻧﻤﺎﯾﺶ‬ ‫ﺻﻔﺤﻪ‬ ‫در‬ hidden ‫ﻋﻨﺎﺻﺮ‬ .‫ﭘﺬﯾﺮد‬ ‫ﻣﯽ‬ ‫ﻣﻘﺪار‬ ‫ﻋﻨﻮان‬ ‫ﺑﻪ‬ ‫را‬ ،‫اﺳﺖ‬ ‫ﻋﻨﺼﺮ‬ ‫ﺷﺪن‬ ‫ﻣﺨﻔﯽ‬
‫ﺣﺎﻟﺖ‬ ‫اﯾﻦ‬ ‫در‬ .‫ﻧﻤﻮد‬ ‫اﺳﺘﻔﺎده‬ ‫ﺷﺮط‬ ‫ﯾﮏ‬ ‫ﺑﺮﻗﺮاری‬ ‫زﻣﺎن‬ ‫ﺗﺎ‬ ‫ﮐﺎرﺑﺮ‬ ‫دﯾﺪ‬ ‫از‬ ‫ﻋﻨﺼﺮ‬ ‫ﯾﮏ‬ ‫داﺷﺘﻦ‬ ‫ﻧﮕﻪ‬ ‫ﻣﺨﻔﯽ‬ ‫ﺑﺮای‬ ‫ﻣﯿﺘﻮان‬
:‫ﻣﺜﺎل‬ .‫دھﺪ‬ ‫ﻧﻤﺎﯾﺶ‬ ً‫ا‬‫ﻣﺠﺪد‬ ‫را‬ ‫ﻋﻨﺼﺮ‬ ،‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫ﻣﻘﺪار‬ ‫ﺗﻐﯿﯿﺮ‬ ‫ﯾﺎ‬ ‫ﺣﺬف‬ ‫ﺑﺎ‬ ‫ﺗﻮاﻧﺪ‬ ‫ﻣﯽ‬ ‫ﺟﺎوااﺳﮑﺮﯾﭙﺖ‬
<p hidden='true'>‫د‬‫ﻮ‬‫ﺸ‬‫ﯿ‬‫ﻤ‬‫ﻧ‬ ‫ه‬‫د‬‫ا‬‫د‬ ‫ﺶ‬‫ﯾ‬‫ﺎ‬‫ﻤ‬‫ﻧ‬ ‫ﺮ‬‫ﮔ‬‫ر‬‫و‬‫ﺮ‬‫ﻣ‬ ‫ﮫ‬‫ﺤ‬‫ﻔ‬‫ﺻ‬ ‫ر‬‫د‬ ‫ف‬‫ا‬‫ﺮ‬‫ﮔ‬‫ا‬‫ر‬‫ﺎ‬‫ﭘ‬ ‫ﻦ‬‫ﯾ‬‫ا‬.</p>
‫در‬ ،‫ﺷﺪﯾﺪ‬ ‫آﺷﻨﺎ‬ ‫ﮐﺮد‬ ‫اﺳﺘﻔﺎده‬ ‫ھﺎ‬ ‫آن‬ ‫از‬ ‫ﻣﯿﺘﻮان‬ HTML ‫ھﺎی‬ ‫ﺗﮓ‬ ‫ی‬ ‫ھﻤﻪ‬ ‫ﺑﺮای‬ ‫ﮐﻪ‬ ‫ﻣﺸﺘﺮک‬ ‫ﺻﻔﺎت‬ ‫ﺑﺎ‬ ‫اﯾﻨﺠﺎ‬ ‫ﺗﺎ‬ ،‫ﺧﺐ‬ ‫ﺑﺴﯿﺎر‬
.‫ﺷﺪ‬ ‫ﺧﻮاھﯿﺪ‬ ‫آﺷﻨﺎ‬ ‫ﻣﺘﻦ‬ ‫ﺑﻨﺪی‬ ‫ﻗﺎﻟﺐ‬ ‫ھﺎی‬ ‫ﺗﮓ‬ ‫ﺑﺎ‬ ‫ﺑﻌﺪی‬ ‫ﻣﻄﻠﺐ‬

8. (‫اول‬ ‫)ﺟﻠﺴﻪ‬ ‫ﻣﺘﻦ‬ ‫ﺑﻨﺪي‬ ‫ﻗﺎﻟﺐ‬ ‫ﻫﺎي‬ ‫ﺗﮓ‬ : (4 ‫)ﻗﺴﻤﺖ‬ HTML ‫آﻣﻮزش‬
‫ﻣﺘﻦ‬ ‫ﻧﻤﺎﯾﺶ‬ ‫ﻧﺤﻮه‬ ‫ﮐﻨﺘﺮل‬ ‫ﺑﺮای‬ ‫ھﺎ‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ ‫اﮐﺜﺮ‬ .‫ﺷﺪ‬ ‫ﺧﻮاھﯿﺪ‬ ‫آﺷﻨﺎ‬ HTML ‫در‬ ‫ﻣﻮﺟﻮد‬ ‫ھﺎی‬ ‫ﺗﮓ‬ ‫ﺗﺮﯾﻦ‬ ‫ﺳﺎده‬ ‫ﺑﺎ‬ ‫ﻣﻄﻠﺐ‬ ‫اﯾﻦ‬ ‫در‬
.‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﮔﻔﺘﻪ‬ ‫ﻣﺘﻦ‬ ‫ﺑﻨﺪی‬ ‫ﻗﺎﻟﺐ‬ ‫ھﺎی‬ ‫ﺗﮓ‬ ‫ھﺎ‬ ‫آن‬ ‫ﺑﻪ‬ ‫رو‬ ‫اﯾﻦ‬ ‫از‬ ‫ﮐﻪ‬ .‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫اﺳﺘﻔﺎده‬ ‫ھﺎ‬
‫ﻣﺘﻦ‬ ‫ﺑﻨﺪي‬ ‫ﻗﺎﻟﺐ‬ ‫ﻫﺎي‬ ‫ﺗﮓ‬ ‫اﻧﻮاع‬ ‫ﺑﺎ‬ ‫آﺷﻨﺎﯾﯽ‬
‫و‬ ‫ھﺎ‬ ‫آن‬ ‫از‬ ‫ﯾﮏ‬ ‫ھﺮ‬ ‫ﺑﺮرﺳﯽ‬ ‫ﺑﻪ‬ ‫اداﻣﻪ‬ ‫در‬ ‫ﮐﻪ‬ ‫دارد‬ ‫وﺟﻮد‬ ‫ﺻﻔﺤﻪ‬ ‫در‬ ‫ﻧﻤﺎﯾﺸﯽ‬ ‫ھﺎی‬ ‫ﻣﺘﻦ‬ ‫ﺑﻨﺪی‬ ‫ﻗﺎﻟﺐ‬ ‫ﻣﺨﺼﻮص‬ ‫ﺗﮓ‬ ‫ﭼﻨﺪﯾﻦ‬
.‫ﭘﺮداﺧﺖ‬ ‫ﺧﻮاھﯿﻢ‬ ‫ﻣﻘﺎدﯾﺮﺷﺎن‬ ‫و‬ ‫ﺻﻔﺎت‬
‫ﻣﺸﺎھﺪه‬ ‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫را‬ ‫ﮐﺎرﺗﺎن‬ ‫ﻧﺘﯿﺠﻪ‬ ‫و‬ ‫ﮐﺮده‬ ‫ﺗﺎﯾﭗ‬ ‫ﻣﺘﻦ‬ ‫وﯾﺮاﯾﺸﮕﺮ‬ ‫در‬ ‫را‬ ‫ﮐﺪھﺎ‬ ‫ﻧﯿﺰ‬ ‫ﺷﻤﺎ‬ ‫ﻣﻦ‬ ‫ﺑﺎ‬ ‫ھﻤﺮاه‬ ‫ﺑﻌﺪ‬ ‫ﺑﻪ‬ ‫اﯾﻦ‬ ‫از‬ : ‫ﻧﮑﺘﻪ‬
.‫ﮐﻨﯿﺪ‬
"7Lrean.com" ‫ﻋﺒﺎرت‬ ‫زﯾﺮ‬ ‫ﮐﺪ‬ ‫در‬ .‫ﺷﺪ‬ ‫ﺧﻮاھﺪ‬ ‫داده‬ ‫ﻧﻤﺎﯾﺶ‬ ‫ﺿﺨﯿﻢ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫ﺻﻔﺤﻪ‬ ‫در‬ b ‫ﻋﻨﺼﺮ‬ ‫ﯾﮏ‬ ‫داﺧﻞ‬ ‫ﻣﺘﻦ‬ :<b> ‫ﺗﮓ‬
:‫ﺷﺪ‬ ‫ﺧﻮاھﺪ‬ ‫داده‬ ‫ﻧﻤﺎﯾﺶ‬ ‫ﺿﺨﯿﻢ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫ﺻﻔﺤﻪ‬ ‫در‬
<p><b>7Learn.com :<b> Web Design Javascript Tutorials<p>
:‫ﮐﻨﯿﺪ‬ ‫دﻗﺖ‬ ‫زﯾﺮ‬ ‫ﻧﮑﺎت‬ ‫ﺑﻪ‬ ‫اﺳﺖ‬ ‫ﺑﮫﺘﺮ‬ ++Notepad ‫اﻓﺰار‬ ‫ﻧﺮم‬ ‫در‬ Html ‫ﮐﺪھﺎی‬ ‫ﻧﻮﺷﺘﻦ‬ ‫ﺑﺮای‬ : ‫ﻧﮑﺘﻪ‬
‫ﺑﻪ‬ ‫ﮐﻠﻤﺎت‬ ‫ﻓﺎرﺳﯽ‬ ‫ﺗﺎﯾﭗ‬ ‫ھﻨﮕﺎم‬ ‫ﺗﺎ‬ ‫ﮐﻨﯿﺪ‬ ‫اﻧﺘﺨﺎب‬ ‫را‬ Encode in UTF-8 ‫ﮔﺰﯾﻨﻪ‬ (‫ﮔﺬاری‬ ‫)رﻣﺰ‬ Encoding ‫ﻣﻨﻮی‬ ‫از‬
.‫ﺷﻮﻧﺪ‬ ‫داده‬ ‫ﻧﻤﺎﯾﺶ‬ ‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫درﺳﺘﯽ‬
‫و‬ H ‫ﮔﺰﯾﻨﻪ‬ Language ‫ﻣﻨﻮی‬ ‫از‬ ‫ھﺴﺘﯿﻢ‬ HTML ‫زﺑﺎن‬ ‫ﮐﺪھﺎی‬ ‫ﻧﻮﺷﺘﻦ‬ ‫ﺣﺎل‬ ‫در‬ ‫ﺑﻔﮫﻤﺎﻧﯿﻢ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫ﺑﻪ‬ ‫اﯾﻨﮑﻪ‬ ‫ﺑﺮای‬
.‫ﮐﻨﯿﺪ‬ ‫اﻧﺘﺨﺎب‬ ‫را‬ HTML ‫ﮔﺰﯾﻨﻪ‬ ‫ﺳﭙﺲ‬
‫ﺳﺎزی‬ ‫ذﺧﯿﺮه‬ ‫ﻣﺤﻞ‬ ‫اﺑﺘﺪا‬ ‫ﻣﯿﺸﻮد‬ ‫ﺑﺎز‬ ‫ﮐﻪ‬ ‫ای‬ ‫ﭘﻨﺠﺮه‬ ‫در‬ .‫ﮐﻨﯿﺪ‬ ‫اﻧﺘﺨﺎب‬ ‫را‬ save ‫ﮔﺰﯾﻨﻪ‬ file ‫ﻣﻨﻮی‬ ‫از‬ ‫ﺑﺎﻻ‬ ‫ﮐﺪ‬ ‫ﻧﻮﺷﺘﻦ‬ ‫از‬ ‫ﭘﺲ‬ ‫ﺣﺎﻻ‬
.‫ﮐﻨﯿﺪ‬ ‫ذﺧﯿﺮه‬ .html ‫ﻓﺮﻣﺖ‬ ‫ﺑﺎ‬ ‫را‬ ‫ﻓﺎﯾﻞ‬ ‫و‬ ‫ﺑﻨﻮﯾﺴﯿﺪ‬ ‫را‬ ‫ﻓﺎﯾﻞ‬ ‫ﻧﺎم‬ file name ‫ﻋﺒﺎرت‬ ‫ﻣﻘﺎﺑﻞ‬ ‫ﮐﺎدر‬ ‫در‬ ‫ﺳﭙﺲ‬ ،.‫ﮐﻨﯿﺪ‬ ‫اﻧﺘﺨﺎب‬ ‫را‬ ‫ﻓﺎﯾﻠﺘﺎن‬

9. :‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﮐﺪ‬ ‫ﻧﺘﯿﺠﻪ‬
‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫زﯾﺮ‬ ‫ﮐﺪ‬ ‫در‬ "7Learn.com" ‫ﮐﻠﻤﻪ‬ .‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫اﺳﺘﻔﺎده‬ ‫ﻣﺘﻦ‬ ‫ﮐﺮدن‬ ‫ﻣﻮرب‬ ‫ﺑﺮای‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ ‫از‬ :<i> ‫ﺗﮓ‬
‫ﺷﺪ‬ ‫ﺧﻮاھﺪ‬ ‫داده‬ ‫ﻧﻤﺎﯾﺶ‬ (italic) ‫ﻣﻮرب‬
<p><i>7Learn.com :</i> Web Design Javascript Tutorials</p>
:‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﮐﺪ‬ ‫ﻧﺘﯿﺠﻪ‬

10. ‫ﻋﻨﺎﺻﺮ‬ ‫ﺟﺰء‬ ‫ﻋﻨﺼﺮ‬ ‫اﯾﻦ‬ ‫ھﺮﭼﻨﺪ‬ .‫دھﺪ‬ ‫ﻣﯽ‬ ‫ﻧﻤﺎﯾﺶ‬ (underline)‫دار‬ ‫ﺧﻂ‬ ‫زﯾﺮ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫را‬ ‫ﺧﻮد‬ ‫ﻣﺤﺘﻮای‬ ‫ﻋﻨﺼﺮ‬ ‫اﯾﻦ‬ :<u> ‫ﺗﮓ‬
.‫ﮐﻨﻨﺪ‬ ‫ﻣﯽ‬ ‫ﭘﺸﺘﯿﺒﺎﻧﯽ‬ ‫ﺧﻮﺑﯽ‬ ‫ﺑﻪ‬ ‫آن‬ ‫از‬ ‫ﻣﺮورﮔﺮھﺎ‬ ‫ھﻤﻪ‬ ‫ھﻨﻮز‬ ‫اﻣﺎ‬ ‫آﯾﺪ‬ ‫ﻣﯽ‬ ‫ﺣﺴﺎب‬ ‫ﺑﻪ‬ ‫ﺷﺪه‬ ‫ﻣﻨﺴﻮخ‬
<p><u>7Learn.com :</u> Web Design Javascript Tutorials</p>
:‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﻧﺘﯿﺠﻪ‬
‫روی‬ ‫ﺑﺮ‬ ‫ﻧﺎزک‬ ‫ﺧﻂ‬ ‫ﯾﮏ‬ ‫واﻗﻊ‬ ‫در‬ .‫دھﻨﺪ‬ ‫ﻣﯽ‬ ‫ﻧﺸﺎن‬ ‫ﺧﻮرده‬ ‫ﺧﻂ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫را‬ ‫ﺧﻮد‬ ‫ﻣﺤﺘﻮای‬ ‫ﺗﮓ‬ ‫دو‬ ‫اﯾﻦ‬ : <strike> ‫و‬ <s> ‫ﺗﮓ‬
‫ﻣﯿﮑﻨﻨﺪ‬ ‫اﯾﺠﺎد‬ ‫ﻣﺘﻦ‬
<p><s>7Learn.com :</s> Web Design Javascript Tutorials</p>
:‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﻧﺘﯿﺠﻪ‬
‫ارﺗﻔﺎع‬ ‫ﻧﺼﻒ‬ ‫اﻧﺪازه‬ ‫ﺑﻪ‬ ‫ﻣﻌﻤﻮﻻ‬ ‫ھﺎ‬ ‫ﺑﺎﻻﻧﻮﯾﺲ‬ .‫ﺷﺪ‬ ‫ﺧﻮاھﺪ‬ ‫داده‬ ‫ﻧﺸﺎن‬ ‫ﻧﻮﯾﺲ‬ ‫ﺑﺎﻻ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ ‫ﻣﺤﺘﻮای‬ : <sup> ‫ﺗﮓ‬
:‫ﮐﻨﯿﺪ‬ ‫دﻗﺖ‬ ‫زﯾﺮ‬ ‫ﻣﺜﺎل‬ ‫ﺑﻪ‬ .‫ھﺴﺘﻨﺪ‬ ‫اطﺮاﻓﺸﺎن‬ ‫ﻣﺘﻮن‬ ‫از‬ ‫ﮐﻮﭼﮑﺘﺮ‬ ‫ﮐﻤﯽ‬ ‫و‬ ‫ﻣﯿﮕﯿﺮﻧﺪ‬ ‫ﻗﺮار‬ ‫ھﺎ‬ ‫ﮐﺎراﮐﺘﺮ‬ ‫ﺑﻘﯿﻪ‬ ‫از‬ ‫ﺑﺎﻻﺗﺮ‬ ‫ﮐﺎراﮐﺘﺮ‬ ‫ﯾﮏ‬

11. <p>7Learn.com : ^{Web Design & Javascript Tutorials}</p>
:‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﻧﺘﯿﺠﻪ‬
‫اﻧﺪازه‬ ‫ﺑﻪ‬ ‫ﻣﻌﻤﻮﻻ‬ ‫ھﺎ‬ ‫ﻧﻮﯾﺲ‬ ‫زﯾﺮ‬ .‫ﺷﺪ‬ ‫ﺧﻮاھﺪ‬ ‫داده‬ ‫ﻧﺸﺎن‬ (‫)اﻧﺪﯾﺲ‬ ‫زﯾﺮﻧﻮﯾﺲ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫ﻋﻨﺼﺮ‬ ‫اﯾﻦ‬ ‫ﻣﺤﺘﻮای‬ : <sub> ‫ﺗﮓ‬
.‫ھﺴﺘﻨﺪ‬ ‫اطﺮاﻓﺸﺎن‬ ‫ﻣﺘﻮن‬ ‫از‬ ‫ﮐﻮﭼﮑﺘﺮ‬ ‫ﮐﻤﯽ‬ ‫و‬ ‫ﻣﯿﮕﯿﺮﻧﺪ‬ ‫ﻗﺮار‬ ‫ھﺎ‬ ‫ﮐﺎراﮐﺘﺮ‬ ‫ﺑﻘﯿﻪ‬ ‫از‬ ‫ﮐﺎراﮐﺘﺮ‬ ‫ﯾﮏ‬ ‫ارﺗﻔﺎع‬ ‫ﻧﺼﻒ‬
<p>7Learn.com : _{Web Design & Javascript Tutorials}</p>
:‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﻧﺘﯿﺠﻪ‬
‫ﻣﺤﺘﻮای‬ <big> ‫ﻋﻨﺼﺮ‬ .‫داﺷﺖ‬ ‫وﺟﻮد‬ ‫ﻣﺘﻦ‬ ‫ﺑﺮای‬ ‫اﺳﺘﺎﻧﺪارد‬ ‫اﻧﺪازه‬ ‫ھﻘﺖ‬ ،HTML ‫ﺗﺮ‬ ‫ﻗﺪﯾﻤﯽ‬ ‫ھﺎی‬ ‫ﻧﺴﺨﻪ‬ ‫در‬ : <big> ‫ﺗﮓ‬
.‫دھﺪ‬ ‫ﻣﯽ‬ ‫ﻧﻤﺎﯾﺶ‬ ‫اطﺮاﻓﺶ‬ ‫ﻣﺘﻮن‬ ‫از‬ ‫ﺑﯿﺸﺘﺮ‬ ‫واﺣﺪ‬ ‫ﯾﮏ‬ ‫را‬ ‫ﺧﻮد‬
<p><big>7Learn.com :</big> Web Design Javascript Tutorials</p>
:‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﻧﺘﯿﺠﻪ‬

12. ‫اطﺮاﻓﺶ‬ ‫ﻣﺘﻮن‬ ‫از‬ ‫ﮐﻮﭼﮑﺘﺮ‬ ‫واﺣﺪ‬ ‫ﯾﮏ‬ ‫را‬ ‫ﻣﺤﺘﻮاﯾﺶ‬ ‫و‬ ‫ﮐﻨﺪ‬ ‫ﻣﯽ‬ ‫ﻋﻤﻞ‬ <big> ‫ﻋﻨﺼﺮ‬ ‫ﻋﮑﺲ‬ ‫دﻗﯿﻘﺎ‬ ‫ﻋﻨﺼﺮ‬ ‫اﯾﻦ‬ : <small> ‫ﺗﮓ‬
.‫دھﺪ‬ ‫ﻣﯽ‬ ‫ﻧﻤﺎﯾﺶ‬
<p><small>7Learn.com :</small> Web Design Javascript Tutorials</p>
:‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﻧﺘﯿﺠﻪ‬
‫از‬ ‫ﮐﻪ‬ ‫ﻣﺤﺘﻮاﯾﯽ‬ ،‫ﺻﻔﺤﻪ‬ ‫ﻧﻮﯾﺴﻨﺪه‬ ‫دھﺪ‬ ‫ﻣﯽ‬ ‫ﻧﺸﺎن‬ ‫ﮐﻪ‬ ‫ﺗﻐﯿﯿﺮاﺗﯽ‬ ‫ﮐﺮدن‬ ‫ﻣﺸﺨﺺ‬ ‫ﺑﺮای‬ <del> ‫ﺗﮓ‬ ‫از‬ : <ins> ‫و‬ <del> ‫ﺗﮓ‬
‫وظﯿﻔﻪ‬ ‫ﮐﻪ‬ <ins> ‫ﺗﮓ‬ ‫ﻣﻘﺎﺑﻞ‬ ‫در‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ .‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫اﺳﺘﻔﺎده‬ ،‫اﺳﺖ‬ ‫ﮐﺮده‬ ‫ﺣﺬف‬ ‫را‬ ‫اﺳﺖ‬ ‫ﺑﻮده‬ ‫ﻣﻮﺟﻮد‬ ‫ﺻﻔﺤﻪ‬ ‫در‬ ‫ﻗﺒﻞ‬
‫ﺧﻄﯽ‬ ‫ﻧﻤﺎﯾﺶ‬ ‫ﻣﻮﺟﺐ‬ <del> ‫ﺗﮓ‬ .‫ﻣﯿﮕﯿﺮد‬ ‫ﻗﺮار‬ ،‫دارد‬ ‫را‬ ‫اﺳﺖ‬ ‫ﺷﺪه‬ ‫اﺿﺎﻓﻪ‬ ‫ﺻﻔﺤﻪ‬ ‫ﺑﻪ‬ ‫ﺗﺎزﮔﯽ‬ ‫ﺑﻪ‬ ‫ﮐﻪ‬ ‫ﻣﺤﺘﻮاﯾﯽ‬ ‫ﮐﺮدن‬ ‫ﻣﺸﺨﺺ‬
.‫ﺷﺪ‬ ‫ﺧﻮاھﺪ‬ ‫ﺧﻮد‬ ‫ﻣﺤﺘﻮای‬ ‫ﻣﺘﻦ‬ ‫دار‬ ‫ﺧﻂ‬ ‫زﯾﺮ‬ ‫ﻧﻤﺎﯾﺶ‬ ‫ﻣﻮﺟﺐ‬ <ins> ‫ﺗﮓ‬ ‫و‬ ‫ﺧﻮد‬ ‫ﻣﺤﺘﻮای‬ ‫روی‬ ‫ﺑﺮ‬
<p><del>7Learn.com :</del> <ins> Web Design Javascript Tutorials</ins></p>
:‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﻧﺘﯿﺠﻪ‬

13. ‫ﺷﺪه‬ ‫ﮐﻮﺗﺎه‬ ‫و‬ ‫ﻣﺨﺘﺼﺮ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫ﮐﻪ‬ ‫ﮐﻠﻤﺎﺗﯽ‬ ‫ﮐﺎﻣﻞ‬ ‫ھﺎی‬ ‫ﻋﺒﺎرت‬ ‫ﺗﻌﯿﯿﻦ‬ ‫ﺑﺮای‬ ‫ھﺎ‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ ‫از‬ : <acronym> ‫و‬ <abbr> ‫ﺗﮓ‬
‫ﮐﻠﻤﺎت‬ ‫ﮔﻮﻧﻪ‬ ‫اﯾﻦ‬ ‫ﮐﺎﻣﻞ‬ ‫ﻋﺒﺎرت‬ ‫ﺗﻌﯿﯿﻦ‬ ‫ﺑﺮای‬ title ‫ﺻﻔﺖ‬ ‫از‬ ‫ھﺎ‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ ‫دو‬ ‫ھﺮ‬ .‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫اﺳﺘﻔﺎده‬ ‫اﻧﺪ‬ ‫ﺷﺪه‬ ‫ذﮐﺮ‬ ‫ﺻﻔﺤﻪ‬ ‫در‬
:‫دھﺪ‬ ‫ﻣﯽ‬ ‫ﻧﺸﺎن‬ ‫را‬ ‫آن‬ title ‫ﺻﻔﺖ‬ ‫ھﻤﺮاه‬ ‫ﺑﻪ‬ <abbr> ‫ﺗﮓ‬ ‫ﮐﺎرﺑﺮد‬ ‫از‬ ‫ﻧﻤﻮﻧﻪ‬ ‫ﯾﮏ‬ ‫زﯾﺮ‬ ‫ﻣﺜﺎل‬ .‫ﮐﻨﻨﺪ‬ ‫ﻣﯽ‬ ‫ﭘﺸﺘﯿﺒﺎﻧﯽ‬
<p> Learn <abbr title='Hyper Text Markup Language'>HTML</abbr></p>
:‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﻧﺘﯿﺠﻪ‬
‫ﺑﻨﺪی‬ ‫ﻗﺎﻟﺐ‬ ‫ھﺎی‬ ‫ﺗﮓ‬ ‫ﺑﻘﯿﻪ‬ ‫ﺑﺎ‬ ‫دوم‬ ‫ﺟﻠﺴﻪ‬ ‫در‬ .‫ﺷﺪﯾﻢ‬ ‫آﺷﻨﺎ‬ html ‫در‬ ‫ﻣﺘﻮن‬ ‫ﺑﻨﺪی‬ ‫ﻗﺎﻟﺐ‬ ‫ﺑﺮای‬ ‫ﺗﮓ‬ 10 ‫ﺑﺎ‬ ‫اﯾﻨﺠﺎ‬ ‫ﺗﺎ‬ . ‫ﺧﺐ‬ ‫ﺑﺴﯿﺎر‬
.‫ﺷﺪ‬ ‫ﺧﻮاھﯿﻢ‬ ‫آﺷﻨﺎ‬
(‫دوم‬ ‫)ﺟﻠﺴﻪ‬ ‫ﻣﺘﻦ‬ ‫ﺑﻨﺪي‬ ‫ﻗﺎﻟﺐ‬ ‫ﻫﺎي‬ ‫ﺗﮓ‬ : (4 ‫)ﻗﺴﻤﺖ‬ HTML ‫آﻣﻮزش‬

14. : ‫از‬ ‫ﻋﺒﺎرﺗﻨﺪ‬ ‫ﮐﻪ‬ ‫ﺷﺪﯾﺪ‬ ‫آﺷﻨﺎ‬ ‫ﻣﺘﻦ‬ ‫ﺑﻨﺪی‬ ‫ﻗﺎﻟﺐ‬ ‫ھﺎی‬ ‫ﺗﮓ‬ ‫از‬ ‫ﺗﮓ‬ 10 ‫ﺑﺎ‬ ‫ﻗﺒﻠﯽ‬ ‫ﭘﺴﺖ‬ ‫در‬ : ‫ﻳﺎدآوري‬
<b> </b>
<i> </i>
<u> </u>
<s> </s> ‫ﺎ‬‫ﯾ‬ <strike> </strike>


<big> </big>
<small> </small>
<del> </del> ‫و‬ <ins> </ins>
<abbr> </abbr> ‫و‬ <acronym> </acronym>
:‫ﮐﺮد‬ ‫ﺧﻮاھﯿﻢ‬ ‫آﺷﻨﺎ‬ ‫ﻣﺘﻦ‬ ‫ﺑﻨﺪی‬ ‫ﻗﺎﻟﺐ‬ ‫ھﺎی‬ ‫ﺗﮓ‬ ‫ﺑﻘﯿﻪ‬ ‫ﺑﺎ‬ ‫را‬ ‫ﺷﻤﺎ‬ ‫اداﻣﻪ‬ ‫در‬
‫و‬ <h2> ‫و‬ <h1> ‫ھﺎی‬ ‫ﺗﮓ‬ ‫ﺑﺎ‬ ‫ﺳﻄﺢ‬ 6 ‫اﯾﻦ‬ .‫ﻣﯿﮑﻨﺪ‬ ‫ﭘﺸﺘﯿﺒﺎﻧﯽ‬ ‫ھﺎ‬ (Heading) ‫ﺗﯿﺘﺮ‬ ‫ﺳﻄﺢ‬ ‫ﺷﺶ‬ ‫از‬ HTML ‫زﺑﺎن‬ :<hn> ‫ﺗﮓ‬
‫در‬ ‫را‬ <h6> ‫ﻋﻨﺼﺮ‬ ‫و‬ ‫ﺑﺰرﮔﺘﺮﯾﻦ‬ ‫در‬ ‫را‬ <h1> ‫ﻋﻨﺼﺮ‬ ‫ﻣﺮورﮔﺮھﺎ‬ .‫ﺷﻮﻧﺪ‬ ‫ﻣﯽ‬ ‫اﯾﺠﺎد‬ <h6> ‫و‬ <h5> ‫و‬ <h4> ‫و‬ <h3>
:‫ﮐﻨﯿﺪ‬ ‫دﻗﺖ‬ ‫زﯾﺮ‬ ‫ﻣﺜﺎل‬ ‫ﺑﻪ‬ .‫دھﻨﺪ‬ ‫ﻣﯽ‬ ‫ﻧﻤﺎﯾﺶ‬ ‫ﺳﻄﺢ‬ 6 ‫اﯾﻦ‬ ‫ﺑﯿﻦ‬ ‫از‬ ‫اﻧﺪازه‬ ‫ﮐﻮﭼﮑﺘﺮﯾﻦ‬
<h1>7 Learn</h1>
<h2>7 Learn</h2>
<h3>7 Learn</h3>
<h4>7 Learn</h4>
<h5>7 Learn</h5>
<h6>7 Learn</h6>
:‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﮐﺪ‬ ‫ﻧﺘﯿﺠﻪ‬

15. . 6 ‫ﺗﺎ‬ 1 ‫ﺑﯿﻦ‬ ‫اﺳﺖ‬ ‫ﻣﺘﻐﯿﯿﺮی‬ ‫ﻋﺪد‬ n ‫ﺣﺮف‬ ،<hn> ‫ﺗﮓ‬ ‫از‬ ‫ﻣﺎ‬ ‫ﻣﻨﻈﻮر‬ ‫ﮐﻪ‬ ‫ﺑﺎﺷﯿﺪ‬ ‫داﺷﺘﻪ‬ ‫ﺗﻮﺟﻪ‬ : ‫ﻧﮑﺘﻪ‬
:‫ﮐﺮد‬ ‫ﺧﻮاھﯿﻢ‬ ‫ﺑﺮرﺳﯽ‬ ‫ادﻣﻪ‬ ‫در‬ ‫ﮐﻪ‬ ‫ھﺴﺘﻨﺪ‬ ‫زﯾﺮ‬ ‫ھﺎی‬ ‫ﺻﻔﺖ‬ ‫دارای‬ ‫ﻓﻮق‬ ‫ﻋﻨﺼﺮ‬ ‫ﺷﺶ‬ ‫ھﺮ‬
align class id style title dir lang
:‫ﭘﺬﯾﺮد‬ ‫ﻣﯽ‬ ‫را‬ ‫زﯾﺮ‬ ‫ﻣﻘﺪار‬ ‫ﭼﮫﺎر‬ ‫و‬ ،‫ﻣﯿﮑﻨﺪ‬ ‫ﮐﻨﺘﺮل‬ ‫را‬ heading ‫داﺧﻞ‬ ‫ﻣﺘﻦ‬ ‫ﭼﯿﻨﺶ‬ ‫ﻧﺤﻮه‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ :align
.‫ﻣﯿﮕﯿﺮد‬ ‫ﻗﺮار‬ ‫ﺻﻔﺤﻪ‬ ‫ﭼﭗ‬ ‫ﺳﻤﺖ‬ ‫در‬ ‫ﺗﯿﺘﺮ‬ :left
.‫ﻣﯿﮕﯿﺮد‬ ‫ﻗﺮار‬ ‫ﺻﻔﺤﻪ‬ ‫وﺳﻂ‬ ‫در‬ ‫ﺗﯿﺘﺮ‬ :center
.‫ﻣﯿﮕﯿﺮد‬ ‫ﻗﺮار‬ ‫ﺻﻔﺤﻪ‬ ‫راﺳﺖ‬ ‫ﺳﻤﺖ‬ ‫در‬ ‫ﺗﯿﺘﺮ‬ :right
.‫ﻣﯿﮑﻨﺪ‬ ‫ﺗﺮاز‬ ‫طﺮف‬ ‫دو‬ ‫ھﺮ‬ ‫از‬ ‫را‬ heading ‫داﺧﻞ‬ ‫ﻣﺘﻦ‬ :justify
:‫ﻣﺜﺎل‬
<h1 align="left">Left-Aligned Heading</h1>
<p>This heading uses the align attribute with a value of left.</p>
<h1 align="center">Centered Heading</h1>
<p>This heading uses the align attribute with a value of center.</p>
<h1 align="right">Right-Aligned Heading</h1>
<p>This heading uses the align attribute with a value of right.</p>
:‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﻧﺘﯿﺠﻪ‬

16. .‫اﯾﻢ‬ ‫ﮐﺮده‬ ‫ﻣﻌﺮﻓﯽ‬ ‫را‬ ‫آﻧﮫﺎ‬ ‫ﻗﺒﻼ‬ ‫ﮐﻪ‬ ‫ھﺴﺘﻨﺪ‬ ‫ﻋﻤﻮﻣﯽ‬ ‫ﺻﻔﺎت‬ ‫ﺟﺰء‬ ‫ﻧﯿﺰ‬ ‫ھﺎ‬ ‫ﺻﻔﺖ‬ ‫ﺑﻘﯿﻪ‬
‫ﺟﺪﯾﺪ‬ ‫ﺧﻂ‬ ‫از‬ ‫ھﺎ‬ ‫ﭘﺎراﮔﺮاف‬ ‫ھﻤﯿﺸﻪ‬ ‫ﻣﻌﻤﻮﻻ‬ .‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫اﺳﺘﻔﺎده‬ ‫ﺻﻔﺤﻪ‬ ‫در‬ ‫ھﺎ‬ ‫ﭘﺎراﮔﺮاف‬ ‫اﯾﺠﺎد‬ ‫ﺑﺮای‬ <p> ‫ﺗﮓ‬ ‫از‬ : <p> ‫ﺗﮓ‬
:‫ﮐﻨﻨﺪ‬ ‫ﻣﯽ‬ ‫اﯾﺠﺎد‬ ‫ﺧﻮد‬ ‫از‬ ‫ﺑﻌﺪ‬ ‫و‬ ‫ﻗﺒﻞ‬ ‫ﺧﺎﻟﯽ‬ ‫ﻓﻀﺎی‬ ‫ﯾﮏ‬ ‫و‬ ‫ﺷﻮﻧﺪ‬ ‫ﻣﯽ‬ ‫ﺷﺮوع‬
<p>This is a Paragraph</p>
<p>This is Another Paragraph</p>
:‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﻧﺘﯿﺠﻪ‬
‫ﺗﮫﯽ‬ ‫ﻋﻨﺎﺻﺮ‬ ‫ﺟﺰء‬ ‫ﻋﻨﺼﺮ‬ ‫اﯾﻦ‬ .‫ﻣﯿﮑﻨﯿﻢ‬ ‫اﺳﺘﻔﺎده‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ ‫از‬ ‫ﺟﺪﯾﺪ‬ ‫ﺧﻂ‬ ‫ﺑﻪ‬ ‫رﻓﺘﻦ‬ ‫و‬ ‫ﺧﻂ‬ ‫در‬ ‫ﺷﮑﺴﺖ‬ ‫اﯾﺠﺎد‬ ‫ﺑﺮای‬ :<br /> ‫ﺗﮓ‬
‫ﻧﺴﺨﻪ‬ ‫ﻣﺨﺼﻮص‬ ‫ﮐﻪ‬ ‫ﮐﻨﯿﺪ‬ ‫اﺳﺘﻔﺎده‬ ‫ﻧﯿﺰ‬ <br> ‫ﺷﮑﻞ‬ ‫ﺑﻪ‬ ‫ﺗﻮاﻧﯿﺪ‬ ‫ﻣﯽ‬ ‫ﻋﻨﺼﺮ‬ ‫اﯾﻦ‬ ‫از‬ ‫ﺷﻤﺎ‬ .‫ﻧﺪارد‬ ‫اﺣﺘﯿﺎج‬ ‫ﭘﺎﯾﺎﻧﯽ‬ ‫ﺗﮓ‬ ‫ﺑﻪ‬ ‫و‬ ‫ﺑﻮده‬
‫ﯾﮏ‬ ‫اﻧﺘﮫﺎ‬ ‫در‬ ‫و‬ / ‫ﺳﭙﺲ‬ ‫و‬ ،‫ﺧﺎﻟﯽ‬ ‫ﻓﺎﺻﻠﻪ‬ ‫ﯾﮏ‬ <br ‫از‬ ‫ﺑﻌﺪ‬ ‫ﺑﺎﯾﺴﺖ‬ ‫ﻣﯽ‬ XHTML ‫ﻧﺴﺨﻪ‬ ‫در‬ ‫اﻣﺎ‬ .‫ﺑﻮده‬ HTML ‫ﻗﺪﯾﻤﯽ‬ ‫ھﺎی‬

17. .‫ﮔﯿﺮد‬ ‫ﻗﺮار‬ > ‫ﻋﻼﻣﺖ‬
<p>7Learn.com :<br />Web Design and Javascript Tutorials</p>
:‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﻧﺘﯿﺠﻪ‬
‫ﻧﺨﻮاھﺪ‬ ‫ﺷﮑﺴﺘﻪ‬ ‫ﻋﻨﻮان‬ ‫ھﯿﭻ‬ ‫ﺑﻪ‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ ‫داﺧﻞ‬ ‫ﻣﺘﻦ‬ ‫ﮐﻪ‬ ‫دﻟﯿﻞ‬ ‫ﺑﻪ‬ .‫دارد‬ ‫ﻗﺮار‬ <br /> ‫ﻣﻘﺎﺑﻞ‬ ‫در‬ ‫ﻧﻮﻋﯽ‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ :<nobr> ‫ﺗﮓ‬
‫اﯾﺠﺎد‬ ‫ﻣﻮﺟﺐ‬ ‫اﺳﺖ‬ ‫ﻣﻤﮑﻦ‬ ‫زﯾﺮا‬ ‫ﺷﻮد‬ ‫اﻧﺠﺎم‬ ‫اﺣﺘﯿﺎط‬ ‫ﺑﺎ‬ ‫ﺑﺎﯾﺪ‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ .‫ﮔﯿﺮد‬ ‫ﻗﺮار‬ ‫آن‬ ‫داﺧﻞ‬ <br /> ‫ﺗﮓ‬ ‫اﯾﻨﮑﻪ‬ ‫ﻣﮕﺮ‬ ‫ﺷﺪ‬
!‫ﺑﻮد‬ ‫ﺧﻮاھﺪ‬ ‫ﮐﺎرﺑﺮ‬ ‫ﺑﺮای‬ ‫آور‬ ‫ﻋﺬاب‬ ‫ﺣﺎﻟﺘﯽ‬ ‫ﻣﻌﻤﻮﻻ‬ ‫ﮐﻪ‬ ‫ﺷﻮد‬ ‫ﻣﺮورﮔﺮ‬ ‫ﭘﻨﺠﺮه‬ ‫در‬ ‫اﻓﻘﯽ‬ ‫اﺳﮑﺮول‬
<p><nobr>7Learn.com : Web Design and Javascript Tutorials</nobr></p>
:‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﻧﺘﯿﺠﻪ‬
.‫اﺳﺖ‬ ‫آﻣﺪه‬ ‫در‬ ‫اﺳﮑﺮول‬ ‫ﺣﺎل‬ ‫ﺑﻪ‬ ‫ﻣﺮورﮔﺮ‬ ‫ﭘﻨﺠﺮه‬ ‫و‬ ،‫ﺷﻮد‬ ‫ﻧﻤﯽ‬ ‫ﺷﮑﺴﺘﻪ‬ ‫ﻣﺎ‬ ‫ﻣﺘﻦ‬ ‫ﮐﻪ‬ ‫ﺑﯿﻨﯿﺪ‬ ‫ﻣﯽ‬
‫ﻧﻤﺎﯾﺶ‬ ‫در‬ ‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﻧﻮﺷﺘﻪ‬ ‫ﮐﻪ‬ ‫ﺷﮑﻠﯽ‬ ‫ھﻤﺎن‬ ‫ﺑﻪ‬ ‫دﻗﯿﻘﺎ‬ ‫ﻣﺘﻨﻤﺎن‬ ‫ﺧﻮاھﯿﻢ‬ ‫ﻣﯽ‬ ‫اوﻗﺎت‬ ‫ﮔﺎھﯽ‬ :<code> ‫و‬ <pre> ‫ﺗﮕﮫﺎی‬
‫ﺗﮓ‬ ‫ﺑﯿﻦ‬ ‫ﮐﻪ‬ ‫آﻧﭽﻪ‬ ‫ھﺮ‬ .‫ﻧﺸﻮد‬ ‫ﭘﻮﺷﯽ‬ ‫ﭼﺸﻢ‬ ‫ﺧﻂ‬ ‫ھﺎی‬ ‫ﺷﮑﺴﺖ‬ ‫و‬ Tab ‫ھﺎی‬ ‫ﻓﺎﺻﻠﻪ‬ ،‫ﺧﺎﻟﯽ‬ ‫ھﺎی‬ ‫ﻓﺎﺻﻠﻪ‬ ‫از‬ ‫و‬ ‫ﺷﻮد‬ ‫داده‬
‫داده‬ ‫ﻧﺸﺎن‬ ‫ﺻﻔﺤﻪ‬ ‫در‬ ‫اﺳﺖ‬ ‫ﺷﺪه‬ ‫ﻧﻮﺷﺘﻪ‬ ‫ﺻﻔﺤﻪ‬ source ‫در‬ ‫ﮐﻪ‬ ‫ﺷﮑﻠﯽ‬ ‫ھﻤﺎن‬ ‫ﺑﻪ‬ ‫دﻗﯿﻘﺎ‬ ‫ﮔﯿﺮد‬ ‫ﻣﯽ‬ ‫ﻗﺮار‬ </pre> ‫و‬ <pre>
monospace ‫ﻧﻮع‬ ‫از‬ ‫ھﺎی‬ ‫ﻓﻮﻧﺖ‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫ﺑﻪ‬ ‫آن‬ ‫داﺧﻞ‬ ‫ﻣﺘﻦ‬ ‫ﮐﻪ‬ <code> ‫ﻧﺎم‬ ‫ﺑﺎ‬ ‫ﺗﮕﯽ‬ ‫ھﻤﺮاه‬ ‫ﺑﻪ‬ ‫ﻣﻌﻤﻮﻻ‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ .‫ﺷﺪ‬ ‫ﺧﻮاھﺪ‬
‫ھﺮ‬ ‫ﮐﻪ‬ ‫ھﺴﺘﻨﺪ‬ ‫ھﺎﯾﯽ‬ ‫ﻓﻮﻧﺖ‬ monospace ‫ﻧﻮع‬ ‫ھﺎی‬ ‫)ﻓﻮﻧﺖ‬ .‫رود‬ ‫ﻣﯽ‬ ‫ﮐﺎر‬ ‫ﺑﻪ‬ ‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫داده‬ ‫ﻧﺸﺎن‬ courier new ‫ھﻤﺎﻧﻨﺪ‬
(.‫ﮐﻨﻨﺪ‬ ‫ﻣﯽ‬ ‫اﺷﻐﺎل‬ ‫ﻓﻀﺎ‬ ‫اﻧﺪازه‬ ‫ﯾﮏ‬ ‫ﺑﻪ‬ ‫ھﺎ‬ ‫آن‬ ‫ﮐﺎراﮐﺘﺮ‬

18. ‫زﺑﺎن‬ ‫ﺑﻪ‬ ‫ﮐﺪی‬ ‫ﻧﻤﻮﻧﻪ‬ ‫زﯾﺮ‬ ‫ﻣﺜﺎل‬ ‫در‬ .‫اﺳﺖ‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﺑﺮﻧﺎﻣﻪ‬ ‫و‬ ‫ﮐﺎﻣﭙﯿﻮﺗﺮی‬ ‫ﮐﺪھﺎی‬ ‫ﻧﻤﺎﯾﺶ‬ ‫در‬ ‫ھﺎ‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﺑﯿﺸﺘﺮﯾﻦ‬
‫ﺧﻮاھﺪ‬ ‫داده‬ ‫ﻧﻤﺎﯾﺶ‬ ‫ﺷﮑﻞ‬ ‫ھﻤﺎن‬ ‫ﺑﻪ‬ ‫دﻗﯿﻘﺎ‬ ‫ﺻﻔﺤﻪ‬ ‫در‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫ﮔﺮﻓﺘﻪ‬ ‫ﻗﺮار‬ <code> ‫و‬ <pre> ‫ﺗﮓ‬ ‫داﺧﻞ‬ ‫در‬ ‫ﺟﺎوااﺳﮑﺮﯾﭙﺖ‬
:‫ﺷﺪ‬
<code>
<pre>
function testFunction(strText) {
alert (strText)
}
</pre>
</code>
:‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﻧﺘﯿﺠﻪ‬
‫ﺑﻪ‬ ‫ﺑﺎﯾﺪ‬ ‫و‬ ‫ﺑﻮده‬ ‫ﺗﮫﯽ‬ ‫ھﺎی‬ ‫ﺗﮓ‬ ‫ﺟﺰء‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ .‫ﻣﯿﺸﻮد‬ ‫اﺳﺘﻔﺎده‬ ‫ﺻﻔﺤﺎت‬ ‫در‬ ‫اﻓﻘﯽ‬ ‫ﺧﻄﻮط‬ ‫اﯾﺠﺎد‬ ‫ﺑﺮای‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ ‫از‬ :<hr /> ‫ﺗﮓ‬
‫ﮐﻪ‬ ‫ﮐﺮد‬ ‫اﺳﺘﻔﺎده‬ ‫ﻧﯿﺰ‬ <hr> ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫ﻋﻨﺼﺮ‬ ‫اﯾﻦ‬ ‫از‬ ‫ﺗﻮان‬ ‫ﻣﯽ‬ ‫اﻟﺒﺘﻪ‬ ‫ﻧﺪارد‬ ‫اﺣﺘﯿﺎج‬ ‫ﭘﺎﯾﺎﻧﯽ‬ ‫ﺗﮓ‬ ‫ﺑﻪ‬ ‫و‬ ‫ﺷﻮد‬ ‫اﺳﺘﻔﺎده‬ ‫ﺷﮑﻞ‬ ‫ھﻤﯿﻦ‬
:‫ﺑﺎﺷﺪ‬ ‫ﻣﯽ‬ HTML ‫ﻗﺪﯾﻤﯽ‬ ‫ھﺎی‬ ‫ﻧﺴﺨﻪ‬ ‫ﺑﻪ‬ ‫ﻣﺮﺑﻮط‬
<p>7Learn.com : Web Design and Javascript Tutorials <hr /> </p>
:‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﻧﺘﯿﺠﻪ‬

19. :‫اﺳﺖ‬ ‫زﯾﺮ‬ ‫ﺻﻔﺎت‬ ‫دارای‬ ‫ﻋﻨﺼﺮ‬ ‫اﯾﻦ‬
.‫ﮐﺮد‬ ‫دھﯽ‬ ‫ﻣﻘﺪار‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ ‫ﺗﻮان‬ ‫ﻣﯽ‬ ‫طﺮﯾﻖ‬ ‫دو‬ ‫ﺑﻪ‬ .‫ﮐﺮد‬ ‫ﮐﻨﺘﺮل‬ ‫را‬ <hr /> ‫ﻋﻨﺼﺮ‬ ‫ﻋﺮض‬ ‫ﺗﻮان‬ ‫ﻣﯽ‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫ﺑﺎ‬ :Width
‫ﺳﻨﺠﯿﺪه‬ (‫دارد‬ ‫ﻗﺮار‬ ‫درآن‬ hr ‫ﮐﻪ‬ ‫ﻋﻨﺼﺮی‬ ‫)ﯾﺎ‬ ‫ﺻﻔﺤﻪ‬ ‫ﮐﻞ‬ ‫ﭘﮫﻨﺎی‬ ‫ﺑﻪ‬ ‫ﻧﺴﺒﺖ‬ ‫ﮐﻪ‬ ‫درﺻﺪ‬ ‫ﺣﺴﺐ‬ ‫ﺑﺮ‬ ‫دﯾﮕﺮی‬ ‫و‬ px ‫ﺑﺮﺣﺴﺐ‬ ‫ﯾﮑﯽ‬
:‫ﻣﯿﺸﻮد‬
‫ﭘﺬﯾﺮﻧﺪ‬ ‫ﻣﯽ‬ ‫ﻣﻘﺪار‬ ‫ﻋﻨﻮان‬ ‫ﺑﻪ‬ ‫را‬ ‫رﻧﮓ‬ ‫ﯾﮏ‬ ‫ﮐﻪ‬ HTML ‫در‬ ‫دﺳﺖ‬ ‫اﯾﻦ‬ ‫از‬ ‫ﺻﻔﺎﺗﯽ‬ .‫ﻣﯿﮑﻨﺪ‬ ‫ﻣﺸﺨﺺ‬ ‫را‬ ‫ﺧﻂ‬ ‫رﻧﮓ‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ : Color
:.‫ﻧﻤﻮد‬ ‫دھﯽ‬ ‫ﻣﻘﺪار‬ ‫روش‬ ‫ﺳﻪ‬ ‫ﺑﻪ‬ ‫ﺗﻮان‬ ‫ﻣﯽ‬ ‫را‬
.‫ﮐﻨﯿﻢ‬ ‫اﺳﺘﻔﺎده‬ ‫ھﺎ‬ ‫ﺻﻔﺖ‬ ‫ﺑﻪ‬ ‫ﻣﻘﺪاردھﯽ‬ ‫ﺑﺮای‬ ‫ﻣﯿﺘﻮاﻧﯿﻢ‬ ‫اﺳﺘﺎﻧﺪارد‬ ‫رﻧﮓ‬ 16 ‫ﻧﺎم‬ ‫از‬ ‫ﻣﺎ‬ : ‫ھﺎ‬ ‫رﻧﮓ‬ ‫ﻧﺎم‬ ‫از‬ ‫اﺳﺘﻔﺎده‬
:‫ھﺴﺘﻨﺪ‬ ‫زﯾﺮ‬ ‫ﺷﺮح‬ ‫ﺑﻪ‬ ‫ھﺎ‬ ‫رﻧﮓ‬ ‫اﯾﻦ‬
Black, Silver, Gray, White, Maroon, Red, Purple, Fushia
Green, Lime, Olive, Yellow, Navy, Blue, Teal, Aque
‫ﺑﻪ‬ ‫را‬ ‫آﺑﯽ‬ ‫و‬ ‫ﺳﺒﺰ‬ ،‫ﻗﺮﻣﺰ‬ ‫رﻧﮓ‬ ‫ﺳﻪ‬ ‫ﺗﺮﺗﯿﺐ‬ ‫ﺑﻪ‬ ‫ﮐﻪ‬ ‫دارد‬ ‫وﺟﻮد‬ rgb ‫ﻧﺎم‬ ‫ﺑﺎ‬ ‫ﺗﺎﺑﻌﯽ‬ HTML ‫در‬ :rgb ‫ﺗﺎﺑﻊ‬ ‫از‬ ‫اﺳﺘﻔﺎده‬
:‫ﻣﺜﺎل‬ ‫طﻮر‬ ‫ﺑﻪ‬ .‫ﺷﻮﻧﺪ‬ ‫ﻣﯽ‬ ‫ﺑﯿﺎن‬ ‫درﺻﺪ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫ﯾﺎ‬ ‫ھﺴﺘﻨﺪ‬ ‫ﺻﺤﯿﺢ‬ ‫اﻋﺪاد‬ ‫ﯾﺎ‬ ‫ﻣﻘﺎدﯾﺮ‬ ‫اﯾﻦ‬ .‫ﻣﯿﭙﺬﯾﺮد‬ ‫ﻣﻘﺪار‬ ‫ﻋﻨﻮان‬
rgb(0,160,255) ‫ﺎ‬‫ﯾ‬ rgb(0%,63%,100%)
.‫اﺳﺖ‬ 255 ‫ﺗﺎ‬ 0 ‫ﺑﯿﻦ‬ ‫ﺻﺤﯿﺢ‬ ‫اﻋﺪاد‬ ‫ﻣﺤﺪوده‬ RGB ‫رﻧﮓ‬ ‫ﻣﺪ‬ ‫در‬ .‫اﺳﺖ‬ 100% ‫ﻣﻌﺎدل‬ 255 ‫ﻋﺪد‬ ‫ﻋﺒﺎرت‬ ‫اوﻟﯿﻦ‬ ‫در‬
‫ھﺎ‬ ‫آن‬ ‫ﻣﺘﻨﺎظﺮ‬ ‫ﻋﺒﺎرت‬ ‫ﻣﺒﻨﺎی‬ ‫ﺑﺮ‬ ‫ﺗﻮان‬ ‫ﻣﯽ‬ ‫را‬ ‫ھﺎ‬ ‫ھﺎ:رﻧﮓ‬ ‫رﻧﮓ‬ (16 ‫)ﻣﺒﻨﺎی‬ ‫دﺳﯿﻤﺎل‬ ‫ھﮕﺰا‬ ‫ﻣﺒﻨﺎی‬ ‫از‬ ‫اﺳﺘﻔﺎده‬
‫ﻋﺪد‬ ،‫ﻗﺮﻣﺰ‬ ‫رﻧﮓ‬ ‫ﻣﻌﺮف‬ ‫اول‬ ‫ﻋﺪد‬ .‫ﻧﻮﺷﺖ‬ ‫را‬ ‫ﻣﺒﻨﺎی‬ ‫در‬ ‫ﻋﺪد‬ ‫ﺳﻪ‬ ‫ﻣﯿﺘﻮان‬ ‫ﻋﺒﺎرت‬ ‫اﯾﻦ‬ ‫در‬ .‫ﺑﺮد‬ ‫ﮐﺎر‬ ‫ﺑﻪ‬ 16 ‫ﻣﺒﻨﺎی‬ ‫در‬
‫ﺣﺮف‬ ‫دو‬ ‫از‬ .‫ﺗﻮاﻧﻨﺪ‬ ‫ﻣﯽ‬ ‫اﻋﺪاد‬ ‫اﯾﻦ‬ ‫ﮐﻪ‬ ‫ﮐﻨﯿﺪ‬ ‫دﻗﺖ‬ .‫اﺳﺖ‬ ‫آﺑﯽ‬ ‫رﻧﮓ‬ ‫ﻣﻌﺮف‬ ‫ﺳﻮم‬ ‫ﻋﺪد‬ ‫و‬ ‫ﺳﺒﺰ‬ ‫رﻧﮓ‬ ‫ﻣﻌﺮف‬ ‫دوم‬
‫ﻧﻮع‬ ‫اﯾﻦ‬ ‫ﮐﻠﯽ‬ ‫ﻓﺮم‬ .‫ﺷﻮﻧﺪ‬ ‫ﺗﺸﮑﯿﻞ‬ ‫ﻣﯿﺘﻮاﻧﻨﺪ‬ ‫ﻧﯿﺰ‬ F ‫ﺗﺎ‬ A ‫ﺣﺮوف‬ ‫از‬ 16 ‫ﻣﺒﻨﺎی‬ ‫در‬ ‫اﻋﺪاد‬ ‫زﯾﺮا‬ .‫ﺑﺎﺷﻨﺪ‬ ‫ﺷﺪه‬ ‫ﺗﺸﮑﯿﻞ‬
‫آﺑﯽ‬ ‫رﻧﮓ‬ ‫ﻣﻌﺮف‬ #0000ff ‫و‬ ‫ﺳﯿﺎه‬ ‫رﻧﮓ‬ ‫ﻣﻌﺮف‬l #000000 ‫ﻋﺒﺎرت‬ ‫ﻣﺜﺎل‬ ‫اﺳﺖ‬ #rrggbb ‫ﺷﮑﻞ‬ ‫ﺑﻪ‬ .‫ھﺎ‬ ‫ﻋﺒﺎرت‬
‫اﺳﺖ‬
.‫ﭘﺬﯾﺮد‬ ‫ﻣﯽ‬ ‫ﻣﻘﺪار‬ ‫ﻋﻨﻮان‬ ‫ﺑﻪ‬ ‫را‬ px ‫ﺣﺴﺐ‬ ‫ﺑﺮ‬ ‫ﻋﺪد‬ ‫ﯾﮏ‬ ‫ﺗﻮاﻧﺪ‬ ‫ﻣﯽ‬ ‫و‬ ‫ﮐﻨﺪ‬ ‫ﻣﯽ‬ ‫ﮐﻨﺘﺮل‬ ‫را‬ ‫ﺧﻂ‬ ‫ﯾﮏ‬ ‫ارﺗﻔﺎع‬ ‫ﺻﻔﺖ‬ ‫:اﯾﻦ‬ Size
‫ﺳﺎﯾﻪ‬ ‫ﻋﻨﻮان‬ ‫ﺑﻪ‬ ‫ﺧﻮد‬ ‫زﯾﺮ‬ ‫در‬ ‫ﺧﻄﯽ‬ ‫دارای‬ ‫ﻓﺮض‬ ‫ﭘﯿﺶ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫ﮐﻨﯿﻢ‬ ‫ﻣﯽ‬ ‫اﯾﺠﺎد‬ ‫ﺻﻔﺤﻪ‬ ‫در‬ ‫ﮐﻪ‬ ‫ھﺎﯾﯽ‬ ‫:ﺧﻂ‬ noshadow
.‫ﮐﻨﯿﻢ‬ ‫اﺳﺘﻔﺎده‬ ‫ﺳﺎﯾﻪ‬ ‫اﯾﻦ‬ ‫ﺣﺬف‬ ‫ﺑﺮای‬ ‫ﺑﻮﻟﯿﻦ‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫از‬ ‫ﻣﯿﺘﻮﻧﯿﻢ‬ ‫ا‬ ‫ھﺴﺘﻨﺪ‬

20. ‫از‬ ‫ﻗﺒﻞ‬ ‫ھﺎی‬ ‫)ﻧﺴﺨﻪ‬ HTML ‫ﻗﺪﯾﻤﯽ‬ ‫ھﺎی‬ ‫ﻧﺴﺨﻪ‬ ‫در‬ ‫ﮐﻪ‬ ‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﮔﻔﺘﻪ‬ ‫ھﺎﯾﯽ‬ ‫ﺻﻔﺖ‬ ‫ﺑﻪ‬ Boolean ‫ھﺎی‬ ‫ﺻﻔﺖ‬ : ‫ﻧﮑﺘﻪ‬
noshade :‫ﻣﺜﻼ‬ ‫اﺳﺖ‬ ‫ﮐﺎﻓﯽ‬ ‫ھﺎ‬ ‫آن‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﺑﺮای‬ ‫آﻧﮫﺎ‬ ‫ﻧﺎم‬ ‫ذﮐﺮ‬ ‫و‬ ‫ﭘﺬﯾﺮﻧﺪ‬ ‫ﻧﻤﯽ‬ ‫را‬ ‫ﻣﻘﺪاری‬ (XHTML
‫ﺑﻮد‬ ‫ﺧﻮاھﺪ‬ ‫آﻧﮫﺎ‬ ‫ﺧﻮد‬ ‫ﻧﺎم‬ ‫ھﺎ‬ ‫آن‬ ‫ﻣﻘﺪار‬ ‫و‬ .‫ﮐﻨﯿﻢ‬ ‫دھﯽ‬ ‫ﻣﻘﺪار‬ ‫ﻧﯿﺰ‬ ‫را‬ ‫ھﺎ‬ ‫ﺻﻔﺖ‬ ‫ﮔﻮﻧﻪ‬ ‫اﯾﻦ‬ ‫ﺑﺎﯾﺴﺖ‬ ‫ﻣﯽ‬ XHTML ‫ﻧﺴﺨﻪ‬ ‫در‬ ‫اﻣﺎ‬
:‫ﻣﺜﻼ‬
noshade="noshade"
‫ﻣﻘﺪار‬ ‫ﻋﻨﻮان‬ ‫ﺑﻪ‬ ‫را‬ left ‫و‬ right, center ‫ﻣﻮاد‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫ﻣﯿﺘﻮاﻧﺪ‬ ‫و‬ ‫ﮐﻨﺪ‬ ‫ﻣﯽ‬ ‫ﮐﻨﺘﺮل‬ ‫را‬ ‫ﺻﻔﺤﻪ‬ ‫در‬ ‫ﺧﻂ‬ ‫ﮔﯿﺮی‬ ‫ﻗﺮار‬ ‫ﻣﺤﻞ‬ :align
.‫ﺑﭙﺬﯾﺮد‬
‫را‬ ‫ﺷﻤﺎ‬ ‫ﻣﺘﻦ‬ ‫ﺑﻨﺪی‬ ‫ﻗﺎﻟﺐ‬ ‫ھﺎی‬ ‫ﺗﮓ‬ ‫آﺧﺮ‬ ‫و‬ ‫ﺳﻮم‬ ‫ﺟﻠﺴﻪ‬ ‫در‬ .‫ﺷﺪﯾﺪ‬ ‫آﺷﻨﺎ‬ ‫ﻣﺘﻦ‬ ‫ﺑﻨﺪی‬ ‫ﻗﺎﻟﺐ‬ ‫ھﺎی‬ ‫ﺗﮓ‬ ‫از‬ ‫دﯾﮕﺮ‬ ‫ﺗﮓ‬ ‫ﭘﻨﺞ‬ ‫ﺑﺎ‬ ‫اﯾﻨﺠﺎ‬ ‫ﺗﺎ‬
.‫ﮐﺮد‬ ‫ﺧﻮاھﯿﻢ‬ ‫آﺷﻨﺎ‬ ‫دﯾﮕﺮ‬ ‫ﺗﮓ‬ ‫ﭘﻨﺞ‬ ‫ﺑﺎ‬
!!!‫ﻧﺮه‬ ‫ﯾﺎدﺗﻮن‬ ‫ﺗﻤﺮﯾﻦ‬ : ‫ﻧﮑﺘﻪ‬
(‫ﺳﻮم‬ ‫)ﺟﻠﺴﻪ‬ ‫ﻣﺘﻦ‬ ‫ﺑﻨﺪي‬ ‫ﻗﺎﻟﺐ‬ ‫ﻫﺎي‬ ‫ﺗﮓ‬ : (4 ‫)ﻗﺴﻤﺖ‬ HTML ‫آﻣﻮزش‬
:‫از‬ ‫ﻋﺒﺎرﺗﻨﺪ‬ ‫ﮐﻪ‬ ‫ﺷﺪﯾﻢ‬ ‫آﺷﻨﺎ‬ HTML ‫در‬ ‫ﻣﺘﻦ‬ ‫ﺑﻨﺪی‬ ‫ﻗﺎﻟﺐ‬ ‫ھﺎی‬ ‫ﺗﮓ‬ ‫از‬ ‫دﯾﮕﺮ‬ ‫ﺗﮓ‬ 5 ‫ﺑﺎ‬ ‫ﻗﺒﻠﯽ‬ ‫ﻣﻄﻠﺐ‬ ‫در‬ : ‫ﻳﺎدآوري‬
<hn> </hn>
<br />
<nobr> </nobr>
<pre> </pre> ‫و‬ <code> </code>
<br />
‫ﺧﻮاھﯿﻢ‬ ‫آﺷﻨﺎ‬ ،‫دﯾﮕﺮ‬ ‫ﺗﮓ‬ ‫ﭘﻨﺞ‬ ‫ﺑﺎ‬ ‫را‬ ‫ﺷﻤﺎ‬ ‫ھﺴﺖ‬ ‫ﻧﯿﺰ‬ ‫ﻣﺘﻦ‬ ‫ﺑﻨﺪی‬ ‫ﻗﺎﻟﺐ‬ ‫ھﺎی‬ ‫ﺗﮓ‬ ‫از‬ ‫ﺟﻠﺴﻪ‬ ‫آﺧﺮﯾﻦ‬ ‫ﮐﻪ‬ ‫ﻣﻄﻠﺐ‬ ‫اﯾﻦ‬ ‫اداﻣﻪ‬ ‫در‬
.‫ﮐﺮد‬
‫ﻣﺮورﮔﺮھﺎی‬ ‫در‬ ‫ﺗﻨﮫﺎ‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ .‫آﻣﺪ‬ ‫ﺧﻮاھﺪ‬ ‫در‬ ‫زن‬ ‫ﭼﺸﻤﮏ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﻋﻨﺼﺮ‬ ‫اﯾﻦ‬ ‫داﺧﻞ‬ ‫ﻣﺘﻦ‬ :<blink> ‫ﺗﮓ‬
.‫ﻧﻤﯿﮑﻨﺪ‬ ‫ﭘﺸﺘﯿﺒﺎﻧﯽ‬ ‫آن‬ ‫از‬ ‫اﮐﺴﭙﻠﻮرر‬ ‫اﯾﻨﺘﺮﻧﺖ‬ ‫ﻣﺮورﮔﺮ‬ ‫و‬ ،‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﭘﺸﺘﯿﺒﺎﻧﯽ‬ ‫اوﭘﺮا‬ ‫و‬ ‫ﮐﺮوم‬ ‫ﮔﻮﮔﻞ‬ ،‫ﻓﺎﯾﺮﻓﺎﮐﺲ‬
<blink> 7Learn.com : Web Design and Javascript Tutorials </blink>
‫ﺑﺎز‬ ‫ﺗﮓ‬ ‫اﺳﺖ‬ ‫ﮐﺎﻓﯽ‬ ‫ﮐﺎر‬ ‫اﯾﻦ‬ ‫ﺑﺮای‬ .‫ﻣﯿﺸﻮد‬ ‫اﺳﺘﻔﺎده‬ ‫ﻋﻨﺼﺮی‬ ‫ﻧﻮع‬ ‫ھﺮ‬ ‫ﮐﺮدن‬ ‫ﭼﯿﻦ‬ ‫وﺳﻂ‬ ‫ﺑﺮای‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ ‫از‬ :<center> ‫ﺗﮓ‬
.‫دھﯿﺪ‬ ‫ﻗﺮار‬ ‫ﻧﻈﺮﺗﺎن‬ ‫ﻣﻮرد‬ ‫ﻋﻨﺼﺮ‬ ‫از‬ ‫ﺑﻌﺪ‬ ‫را‬ </center> ‫ﺑﺴﺘﻪ‬ ‫ﺗﮓ‬ ‫و‬ ‫ﻗﺒﻞ‬ ‫را‬ <center>

21. <center> <p>7Learn.com : Web Design and Javascript Tutorials</p> </center>
:‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﻧﺘﯿﺠﻪ‬
‫اﺳﺘﻔﺎده‬ HTML ‫در‬ ‫ﻣﻮﺟﻮد‬ ‫ﻣﺘﻨﯽ‬ ‫ﻋﻨﺎﺻﺮ‬ ‫ﺳﺎﯾﺮ‬ ‫و‬ ‫ﻣﺘﻮن‬ ‫ﻓﻮﻧﺖ‬ ‫ﺗﻐﯿﯿﺮ‬ ‫و‬ ‫اﻧﺪازه‬ ‫ﺗﻐﯿﯿﺮ‬ ،‫رﻧﮓ‬ ‫ﺗﻐﯿﯿﺮ‬ ‫ﺑﺮای‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ ‫از‬ :<font> ‫ﺗﮓ‬
.‫ﻣﯿﮑﻨﺪ‬ ‫ﭘﺸﺘﯿﺒﺎﻧﯽ‬ ‫زﯾﺮ‬ ‫ھﺎی‬ ‫ﺻﻔﺖ‬ ‫از‬ ‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﻣﺤﺴﻮب‬ ‫ﺧﻄﯽ‬ ‫درون‬ ‫ھﺎی‬ ‫ﺗﮓ‬ ‫ﺟﺰء‬ ‫ﮐﻪ‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ .‫ﺷﻮد‬ ‫ﻣﯽ‬
‫ﺧﺎﺻﯽ‬ ‫ﻓﻮﻧﺖ‬ ‫را‬ ‫ﻣﺘﻨﯽ‬ ‫ﺑﺨﻮاھﯿﻢ‬ ‫اﮔﺮ‬ ‫ﯾﻌﻨﯽ‬ .‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫اﺳﺘﻔﺎده‬ ‫ﺧﺎﺻﯽ‬ ‫ﻓﻮﻧﺖ‬ ‫ﮐﺮدن‬ ‫ﻣﺸﺨﺺ‬ ‫ﺑﺮای‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫از‬ : face
‫از‬ (‫)ﮐﺎﻣﺎ‬ "," ‫ﺑﺎ‬ ‫ﮐﻪ‬ ‫ھﺎ‬ ‫ﻓﻮﻧﺖ‬ ‫از‬ ‫ﻟﯿﺴﺘﯽ‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ .‫ﮐﻨﯿﻢ‬ ‫ﻣﯽ‬ ‫اﺳﺘﻔﺎده‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫ﺑﺎ‬ ‫ھﻤﺮاه‬ <font> ‫ﺗﮓ‬ ‫از‬ ‫دھﯿﻢ‬ ‫ﻧﻤﺎﯾﺶ‬
‫دوم‬ ‫ﻓﻮﻧﺖ‬ ،‫دوم‬ ‫ﻓﻮﻧﺖ‬ ،‫ﻧﺒﻮد‬ ‫ﻧﺼﺐ‬ ‫ﮐﺎرﺑﺮ‬ ‫ﺳﯿﺴﺘﻢ‬ ‫روی‬ ‫ﺑﺮ‬ ‫ﻓﻮﻧﺖ‬ ‫اوﻟﯿﻦ‬ ‫اﮔﺮ‬ .‫ﭘﺬﯾﺮد‬ ‫ﻣﯽ‬ ‫ﻣﻘﺪار‬ ‫ﻋﻨﻮان‬ ‫ﺑﻪ‬ ‫را‬ ‫اﻧﺪ‬ ‫ﺷﺪه‬ ‫ﺟﺪا‬ ‫ھﻢ‬
:‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫اﻋﻤﺎل‬ ‫ﻣﺘﻦ‬ ‫روی‬ ‫ﺑﺮ‬ ... ‫و‬ ‫ﺳﻮم‬ ‫ﻓﻮﻧﺖ‬ ‫ﻧﺒﻮد‬ ‫ﻧﺼﺐ‬
<p> <font face='Tahoma,Arial,Serif'>7Learn.com : Web Design and Javascript Tutorials</font
> </p>
‫ﻧﺼﺐ‬ ‫ﮐﺎرﺑﺮ‬ ‫ﺳﯿﺴﺘﻢ‬ ‫روی‬ Tahoma ‫ﻓﻮﻧﺖ‬ ‫اﮔﺮ‬ .‫ﮐﻨﺪ‬ ‫اﻋﻤﺎل‬ ‫ﻣﺘﻦ‬ ‫روی‬ ‫ﺑﺮ‬ ‫را‬ Tahoma ‫ﻓﻮﻧﺖ‬ ‫اول‬ ‫ﮐﻪ‬ ‫ﻣﻌﻨﺎﺳﺖ‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ ‫ﺑﺎﻻ‬ ‫ﮐﺪ‬
!‫ﻣﻨﻮال‬ ‫ھﻤﯿﻦ‬ ‫ﺑﻪ‬ ‫و‬ .....‫اﮔﺮ‬ .‫ﮐﻦ‬ ‫اﻋﻤﺎل‬ ‫را‬ Serif ‫ﻓﻮﻧﺖ‬ ‫ﻧﺒﻮد‬ ‫ﻣﻮﺟﻮد‬ ‫ﻧﯿﺰ‬ ‫ﻓﻮﻧﺖ‬ ‫اﯾﻦ‬ ‫اﮔﺮ‬ ،‫ﮐﻨﺪ‬ ‫اﻋﻤﺎل‬ ‫را‬ Arial ‫ﻓﻮﻧﺖ‬ ،‫ﻧﺒﻮد‬
‫داﺧﻞ‬ ‫در‬ ‫را‬ ‫ﻓﻮﻧﺖ‬ ‫ﻧﺎم‬ ‫ﺑﺎﯾﺪ‬ ‫ھﺴﺖ‬ ‫ﻧﯿﺰ‬ (space) ‫ﻓﺎﺻﻠﻪ‬ ‫دارای‬ ‫آن‬ ‫ﻧﺎم‬ ‫ﮐﻪ‬ ‫ﮐﻨﯿﺪ‬ ‫اﺳﺘﻔﺎده‬ ‫ﻓﻮﻧﺘﯽ‬ ‫از‬ ‫ﺧﻮاھﯿﺪ‬ ‫ﻣﯽ‬ ‫اﮔﺮ‬ : ‫ﻧﮑﺘﻪ‬
:‫ﻣﺎﻧﻨﺪ‬ ‫دھﯿﺪ‬ ‫ﻗﺮار‬ (" ")‫ﮐﻮﺗﯿﺸﻦ‬
<font face='Tahoma, "Times New Roman"'>
:‫داد‬ ‫ﻣﻘﺪار‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ ‫ﺗﻮان‬ ‫ﻣﯽ‬ ‫دوﺷﮑﻞ‬ ‫ﺑﻪ‬ ‫و‬ .‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫اﺳﺘﻔﺎده‬ ‫ﻣﺘﻮن‬ (‫اﻧﺪازه)ﺳﺎﯾﺰ‬ ‫ﺗﺎﯾﯿﻦ‬ ‫ﺑﺮای‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫از‬ :size
.7 ‫ﺗﺎ‬ 1 ‫ﺑﯿﻦ‬ ‫ﻣﻘﺎدﯾﺮی‬ :‫ﻣﻄﻠﻖ‬ ‫ﻣﻘﺎدﯾﺮ‬
‫ﺷﺪه‬ ‫ﻣﺸﺨﺺ‬ ‫ﻓﻮﻧﺖ‬ ‫اﻧﺪازه‬ ‫ﺑﻪ‬ ‫ﻧﺴﺒﺖ‬ ‫ﻓﻮﻧﺖ‬ ‫اﻧﺪازه‬ ‫ﺻﻮرت‬ ‫اﯾﻦ‬ ‫در‬ ‫ﮐﻪ‬ +7 ‫ﺗﺎ‬ -7 ‫ﺑﯿﻦ‬ ‫ﻣﻘﺎدﯾﺮی‬ :‫ﻧﺴﺒﯽ‬ ‫ﻣﻘﺎدﯾﺮ‬
‫ﺷﺪه‬ ‫ﻣﺸﺨﺺ‬ ‫ﻋﺪد‬ ‫اﮔﺮ‬ (.‫ﮐﺮد‬ ‫ﺧﻮاھﯿﻢ‬ ‫ﻣﻌﺮﻓﯽ‬ ‫اداﻣﻪ‬ ‫را‬ ‫ﺗﮓ‬ ‫)اﯾﻦ‬ .‫ﺷﺪ‬ ‫ﺧﻮھﺪ‬ ‫ﺳﻨﺠﯿﺪه‬ <basefont /> ‫ﺗﮓ‬ ‫در‬
‫ﻋﺪد‬ ‫اﮔﺮ‬ ‫و‬ ‫اﺿﺎﻓﻪ‬ <basefont /> ‫در‬ ‫ﺷﺪه‬ ‫ﻣﺸﺨﺺ‬ ‫اﻧﺪازه‬ ‫ﺑﻪ‬ ‫ﺗﻌﺪاد‬ ‫ھﻤﺎن‬ ‫ﺑﻪ‬ ‫ﮐﻪ‬ ‫ﻣﻌﻨﺎس‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ ،‫ﺑﺎﺷﺪ‬ ‫ﻣﺜﺒﺖ‬

22. <basefont /> ‫در‬ ‫ﺷﺪه‬ ‫ﻣﺸﺨﺺ‬ ‫اﻧﺪازه‬ ‫از‬ ‫ﺗﻌﺪاد‬ ‫ھﻤﺎن‬ ‫ﺑﻪ‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫ﻣﻌﻨﯽ‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ ،‫ﺑﺎﺷﺪ‬ ‫ﻣﻨﻔﯽ‬ ‫ﺷﺪه‬ ‫ﻣﺸﺨﺺ‬
.‫ﮔﺮدد‬ ‫اﻋﻤﺎل‬ ‫ﻣﺘﻦ‬ ‫روی‬ ‫ﺑﺮ‬ ‫ﺳﭙﺲ‬ ‫و‬ ‫ﺷﻮد‬ ‫ﮐﻢ‬
‫ﻣﺘﻦ‬ ‫رﻧﮓ‬ ‫و‬ ‫ﭘﺬﯾﺮد‬ ‫ﻣﯽ‬ ‫ھﺎ‬ ‫رﻧﮓ‬ ‫اﻧﻮاع‬ ‫از‬ ‫ﻣﻘﺪاری‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ .‫ﻣﯿﺸﻮد‬ ‫اﺳﺘﻔﺎده‬ ‫ﻣﺘﻦ‬ ‫ﯾﮏ‬ ‫رﻧﮓ‬ ‫ﺗﻌﯿﯿﻦ‬ ‫ﺑﺮای‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫از‬ : color
.‫دادﯾﻢ‬ ‫آﻣﻮزش‬ ‫را‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ ‫دھﯽ‬ ‫ﻣﻘﺪار‬ ‫طﺮﯾﻘﻪ‬ ‫ﻗﺒﻞ‬ ‫ﺟﻠﺴﻪ‬ ‫در‬ ‫ﮐﻪ‬ ‫ﮐﻨﺪ‬ ‫ﻣﯽ‬ ‫ﻣﺸﺨﺺ‬ ‫را‬
<p> <font face='Tahoma, Arial,"Times New Roman"' size='+2' color='#ff0000'> 7Learn.com : W
eb Design and Javascript Tutorials</font> </p>
:‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﻧﺘﯿﺠﻪ‬
‫رﻧﮓ‬ ‫و‬ ‫ﻧﻮع‬ ‫و‬ ‫اﻧﺪازه‬ ‫ﺗﻌﯿﯿﻦ‬ ‫ﺑﺮای‬ ‫ﺷﻮد‬ ‫اﺳﺘﻔﺎده‬ head ‫ﻗﺴﻤﺖ‬ ‫در‬ ‫ﺑﺎﯾﺪ‬ ‫ﺣﺘﻤﺎ‬ ‫ﮐﻪ‬ ‫ﺗﮫﯽ‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ ‫از‬ :<basefont /> ‫ﺗﮓ‬
‫اﻧﺪازه‬ ‫ﺗﻤﺎم‬ ‫ﺗﺎ‬ ‫اﺳﺖ‬ ‫ﺻﻔﺤﻪ‬ ‫ﭘﺎﯾﻪ‬ Font ‫اﻧﺪازه‬ ‫ﺗﻌﯿﯿﻦ‬ ‫ﺑﺮای‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﺑﯿﺸﺘﺮﯾﻦ‬ .‫ﻣﯿﺸﻮد‬ ‫اﺳﺘﻔﺎده‬ ‫ﺻﻔﺤﻪ‬ ‫ﭘﺎﯾﻪ‬ ‫ﻓﻮﻧﺖ‬
.‫ﺷﻮد‬ ‫ﺳﻨﺠﯿﺪه‬ ‫آن‬ ‫ﺑﻪ‬ ‫ﻧﺴﺒﺖ‬ ‫ﺻﻔﺤﻪ‬ ‫داﺧﻞ‬ <font> ‫ھﺎی‬ ‫ﺗﮓ‬ ‫ﺻﻔﺤﻪ‬ ‫ﻧﺴﺒﯽ‬ ‫ھﺎی‬
.‫ﻣﯿﺸﻮد‬ ‫ﮔﺮﻓﺘﻪ‬ ‫ﻧﻈﺮ‬ ‫در‬ 3 ‫ﻓﺮض‬ ‫ﭘﯿﺶ‬ ‫ﺻﻮرت‬ ‫ﺑﻪ‬ ‫اﻧﺪازه‬ ‫ﻧﺸﻮد‬ ‫ﺗﻌﯿﯿﻦ‬ <basefont> ‫ﺗﮓ‬ ‫در‬ ‫ﺧﺎﺻﯽ‬ ‫اﻧﺪازه‬ ‫ﮐﻪ‬ ‫ﺻﻮرﺗﯽ‬ ‫در‬
‫اﯾﻨﮑﻪ‬ ‫ز‬ .‫ﻣﯿﮑﻨﺪ‬ ‫ﭘﺸﺘﯿﺒﺎﻧﯽ‬ ‫ﻣﻘﺎدﯾﺮ‬ ‫ﻧﻮع‬ ‫ھﻤﺎن‬ ‫ﺑﺎ‬ (size, color, face ‫)ﯾﻌﻨﯽ‬ <font> ‫ﺗﮓ‬ ‫ھﺎی‬ ‫ﺻﻔﺖ‬ ‫ﺗﻤﺎم‬ ‫از‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ : ‫ﻧﮑﺘﻪ‬
.‫ﻧﯿﺴﺘﻨﺪ‬ ‫ﻣﺠﺎز‬ ‫ﻧﺴﺒﯽ‬ ‫ﻣﻘﺎدﯾﺮ‬ ‫و‬ ‫داد‬ ‫ﻣﻄﻠﻖ‬ ‫ﻣﻘﺎدﯾﺮ‬ ‫ﺗﻮان‬ ‫ﻣﯽ‬ ‫ﻓﻘﻂ‬ ‫آن‬ size ‫ﺻﻔﺖ‬ ‫ﺑﻪ‬
‫اﯾﻦ‬ ‫ھﺎی‬ ‫ﺻﻔﺖ‬ .‫ﻣﯿﺸﻮد‬ ‫اﺳﺘﻔﺎده‬ ‫ﻋﻨﺎﺻﺮ‬ ‫ﺳﺎﯾﺮ‬ ‫و‬ ‫ھﺎ‬ ‫ﻋﮑﺲ‬ ،‫ﻣﺘﻮن‬ ‫آوردن‬ ‫در‬ ‫ﺣﺮﮐﺖ‬ ‫ﺑﻪ‬ ‫ﺑﺮای‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ ‫از‬ : <marquee> ‫ﺗﮓ‬
:‫اﺳﺖ‬ ‫زﯾﺮ‬ ‫ﺷﺮح‬ ‫ﺑﻪ‬ ‫ﺗﮓ‬
‫ﺑﻪ‬ ‫آن‬ ‫ﻣﻘﺪار‬ ‫ﻧﺪادن‬ ‫ﻣﻘﺪار‬ ‫ﺻﻮرت‬ ‫در‬ ‫و‬ .‫ﮐﻨﺪ‬ ‫ﻣﯽ‬ ‫ﻣﺸﺨﺺ‬ ‫ﭘﯿﮑﺴﻞ‬ ‫ﯾﺎ‬ ‫درﺻﺪ‬ ‫ﺣﺴﺐ‬ ‫ﺑﺮ‬ ‫را‬ marquee ‫ﻣﺤﺪوده‬ ‫ﻋﺮض‬ : Width
.‫ﺑﻮد‬ ‫ﺧﻮاھﺪ‬ ‫ﺻﻔﺤﻪ‬ ‫ﻋﺮض‬ ‫اﻧﺪازه‬
‫ﺑﻪ‬ ‫آن‬ ‫ارﺗﻔﺎع‬ ‫ﻧﺪادن‬ ‫ﻣﻘﺪار‬ ‫ﺻﻮرت‬ ‫در‬ ‫و‬ .‫ﮐﻨﺪ‬ ‫ﻣﯽ‬ ‫ﻣﺸﺨﺺ‬ ‫ﭘﯿﮑﺴﻞ‬ ‫ﯾﺎ‬ ‫درﺻﺪ‬ ‫ﺣﺴﺐ‬ ‫ﺑﺮ‬ ‫را‬ marquee ‫ﻣﺤﺪوده‬ ‫ارﺗﻔﺎع‬ : Height
‫ﺑﻮد‬ ‫ﺧﻮاھﺪ‬ ‫اﺳﺖ‬ ‫آن‬ ‫داﺧﻞ‬ ‫در‬ ‫ﮐﻪ‬ ‫ﻣﺘﻨﯽ‬ ‫ﻧﺪازه‬
‫ﻣﺒﻨﺎی‬ ،rgb ‫ﺗﺎﺑﻊ‬ ،‫رﻧﮓ‬ ‫)ﻧﺎم‬ ‫روﺷﯽ‬ ‫ﺳﻪ‬ ‫ﺑﻪ‬ .‫ﻣﯿﮑﻨﺪ‬ ‫ﻣﺸﺨﺺ‬ ‫را‬ marquee ‫ﻣﺤﺪوده‬ ‫زﻣﯿﻨﻪ‬ ‫ﭘﺲ‬ ‫رﻧﮓ‬ : Bgcolor
.‫داد‬ ‫ﻣﻘﺪار‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ ‫ﻣﯿﺘﻮان‬ .‫اﺳﺖ‬ ‫ﺷﺪه‬ ‫اﺷﺎره‬ ‫ھﺎ‬ ‫آن‬ ‫ﺑﻪ‬ ‫ﻗﺒﻼ‬ ‫ﮐﻪ‬ (‫ھﮕﺰادﺳﯿﻤﺎل‬

23. :‫ﺑﺎﺷﺪ‬ ‫زﯾﺮ‬ ‫ﻣﻘﺎدﯾﺮ‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫ﻣﯿﺘﻮﻧﺎد‬ ‫ﮐﻪ‬ ‫ﻣﯿﮑﻨﺪ‬ ‫ﻣﺸﺨﺺ‬ ‫را‬ marquee ‫ﻣﺤﺘﻮﯾﺎت‬ ‫ﺣﺮﮐﺖ‬ ‫ﯾﺎ‬ ‫رﻓﺘﺎر‬ ‫ﻧﺤﻮه‬ :Behavior
.‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﺧﺎرج‬ ‫دﯾﮕﺮ‬ ‫طﺮف‬ ‫از‬ ‫و‬ ‫وارد‬ ‫طﺮف‬ ‫ﯾﮏ‬ ‫از‬ ‫ﻣﺘﻦ‬ : Scroll
.‫اﯾﺴﺘﺪ‬ ‫ﻣﯽ‬ ‫دﯾﮕﺮ‬ ‫طﺮف‬ ‫در‬ ‫و‬ ‫وارد‬ ‫طﺮف‬ ‫ﯾﮏ‬ ‫از‬ ‫ﻣﺘﻦ‬ :Slide
.‫داﺷﺖ‬ ‫ﺧﻮاھﺪ‬ marquee ‫ﻣﺤﺪوده‬ ‫در‬ ‫ﺑﺮﮔﺸﺘﯽ‬ ‫و‬ ‫رﻓﺖ‬ ‫ﺣﺮﮐﺖ‬ ‫ﯾﮏ‬ ‫ﻣﺘﻦ‬ :Alternate
.‫ﺑﻮد‬ ‫ﺧﻮاھﺪ‬ scroll ‫ﺑﺎ‬ ‫ﻣﺴﺎوی‬ ‫آن‬ ‫ﻣﻘﺪار‬ ‫ﻧﺪادن‬ ‫ﻣﻘﺪار‬ ‫ﺻﻮرت‬ ‫در‬ ‫و‬
‫ﻗﺪم‬ ‫ھﺮ‬ ‫ﺑﯿﻦ‬ ‫ﻓﺎﺻﻠﻪ‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ،‫ﺑﮕﯿﺮﯾﻢ‬ ‫ﻧﻈﺮ‬ ‫در‬ ‫زدن‬ ‫ﻗﺪم‬ ‫ﻣﺎﻧﻨﺪ‬ ‫را‬ marquee ‫ﺗﮓ‬ ‫ﺑﻮﺳﯿﻠﻪ‬ ‫ﻣﺘﻦ‬ ‫ﺣﺮﮐﺖ‬ ‫اﮔﺮ‬ : Scrollamount
.‫ﻣﯿﭙﺬﯾﺮد‬ ‫را‬ px ‫ﺣﺴﺐ‬ ‫ﺑﺮ‬ ‫ﻋﺪدی‬ ‫ﻣﻘﺪاری‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ .‫ﻣﯿﮑﻨﺪ‬ ‫ﮐﻨﺘﺮل‬ ‫را‬
‫اﯾﻦ‬ ‫ﺑﺮای‬ 1000 ‫ﻣﻘﺪار‬ ‫ﻣﺜﻼ‬ .‫ﻣﯿﮑﻨﺪ‬ ‫ﻣﺸﺨﺺ‬ ‫ﺛﺎﻧﯿﻪ‬ ‫ﻣﯿﻠﯽ‬ ‫ﺣﺴﺐ‬ ‫ﺑﺮ‬ ‫را‬ ‫ﻗﺪم‬ ‫ھﺮ‬ ‫ﺑﯿﻦ‬ ‫زﻣﺎﻧﯽ‬ ‫ﺗﺎﺧﯿﺮ‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ : Scrolldelay
.‫ﺑﻮد‬ ‫ﺧﻮاھﺪ‬ ‫ﻗﺪم‬ ‫ھﺮ‬ ‫ﺑﺮداﺷﺘﻦ‬ ‫ﺑﺮای‬ ‫ﭘﺎﻧﯿﻪ‬ ‫ﯾﮏ‬ ‫ﺗﺎﺧﯿﺮ‬ ‫ﻣﻌﻨﯽ‬ ‫ﺑﻪ‬ ‫ﺻﻔﺖ‬
‫ﺑﯽ‬ ‫ﺣﺮﮐﺖ‬ ‫ﺑﺨﻮاھﯿﺪ‬ ‫ﮐﻪ‬ ‫ﺻﻮرﺗﯽ‬ ‫در‬ .‫ﺑﺎﺷﺪ‬ ‫ﺻﺤﯿﺢ‬ ‫ﻋﺪد‬ ‫ﯾﮏ‬ ‫ﺗﻮاﻧﺪ‬ ‫ﻣﯽ‬ ‫و‬ .‫ﻣﯿﮑﻨﺪ‬ ‫ﮐﻨﺘﺮل‬ ‫را‬ ‫ﻣﺘﻦ‬ ‫ﺣﺮﮐﺖ‬ ‫ﺗﮑﺮار‬ ‫ﺗﻌﺪاد‬ :Loop
.‫ﺑﺪھﯿﺪ‬ ‫ﻗﺮار‬ infinite ‫ﻋﺒﺎرت‬ ‫ﯾﺎ‬ (-1 ‫)ﻣﺜﻼ‬ ‫ﻣﻨﻔﯽ‬ ‫ﻋﺪد‬ ‫ﯾﮏ‬ ‫ﺑﺮاﺑﺮ‬ ‫را‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫ﻣﻘﺪار‬ ‫ﺷﻮد‬ ‫ﺗﮑﺮار‬ ‫ﺑﺎر‬ ‫ﻧﮫﺎﯾﺖ‬
:‫ﺑﺎﺷﺪ‬ ‫زﯾﺮ‬ ‫ﻣﻘﺎدﯾﺮ‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫ﺗﻮاﻧﺪ‬ ‫ﻣﯽ‬ ‫و‬ .‫ﻣﯿﮑﻨﺪ‬ ‫ﻣﺸﺨﺺ‬ ‫را‬ marquee ‫ﻣﺤﺘﻮﯾﺎت‬ ‫ﺣﺮﮐﺖ‬ ‫ﺟﮫﺖ‬ : Direction
‫ﺑﺎﻻ‬ ‫ﺳﻤﺖ‬ ‫ﺑﻪ‬ ‫ﺣﺮﮐﺖ‬ : Up
‫ﭘﺎﯾﯿﻦ‬ ‫ﺳﻤﺖ‬ ‫ﺑﻪ‬ ‫ﺣﺮﮐﺖ‬ : Down
‫راﺳﺖ‬ ‫ﺳﻤﺖ‬ ‫ﺑﻪ‬ ‫ﺣﺮﮐﺖ‬ : Right
‫ﭼﭗ‬ ‫ﺳﻤﺖ‬ ‫ﺑﻪ‬ ‫ﺣﺮﮐﺖ‬ : Left
‫درﺻﺪ‬ ‫ﯾﺎ‬ px ‫ﺣﺴﺐ‬ ‫ﺑﺮ‬ ‫را‬ ‫اطﺮاف‬ ‫ﻋﻨﺎﺻﺮ‬ ‫ﺑﻪ‬ ‫ﻧﺴﺒﺖ‬ marquee ‫ﻣﺤﺪوده‬ ‫ﭼﭗ‬ ‫و‬ ‫راﺳﺖ‬ ‫ھﺎی‬ ‫طﺮف‬ ‫ﻓﺎﺻﻠﻪ‬ ‫ﻣﯿﺰان‬ : hspace
.‫ﻣﯿﮑﻨﺪ‬ ‫ﮐﻨﺘﺮل‬
‫ﮐﻨﺘﺮل‬ ‫درﺻﺪ‬ ‫ﯾﺎ‬ px ‫ﺣﺴﺐ‬ ‫ﺑﺮ‬ ‫را‬ ‫اطﺮاف‬ ‫ﻋﻨﺎﺻﺮ‬ ‫ﺑﻪ‬ ‫ﻧﺴﺒﺖ‬ marquee ‫ﻣﺤﺪوده‬ ‫ﭘﺎﯾﯿﻦ‬ ‫و‬ ‫ﺑﺎﻻ‬ ‫ھﺎی‬ ‫طﺮف‬ ‫ﻓﺎﺻﻠﻪ‬ ‫ﻣﯿﺰان‬ : vspace
.‫ﻣﯿﮑﻨﺪ‬
‫ﺻﻔﺖ‬ ‫در‬ ‫ﯾﻌﻨﯽ‬ ،‫ﻧﻤﯿﮕﯿﺮﻧﺪ‬ ‫ﻧﻈﺮ‬ ‫در‬ ‫را‬ scrolldelay ‫ﺻﻔﺖ‬ ‫ﺑﺮای‬ 60 ‫از‬ ‫ﮐﻤﺘﺮ‬ ‫ﻣﻘﺎدﯾﺮ‬ ‫ﻣﺮورﮔﺮھﺎ‬ ‫ﻣﻌﻤﻮﻻ‬ : truespeed
‫ﺑﮑﺎرﮔﯿﺮی‬ ‫ﺑﻪ‬ ‫ﺑﺎ‬ ‫ﻣﯿﺘﻮاﻧﯿﻢ‬ ‫ﻣﺎ‬ ‫وﻟﯽ‬ .‫ﮔﺮﻓﺖ‬ ‫ﺧﻮاھﺪ‬ ‫ﻧﻈﺮ‬ ‫در‬ 60 ‫را‬ ‫آن‬ ‫ﻣﺮورﮔﺮ‬ ،‫ﮐﻨﯿﻢ‬ ‫وارد‬ ‫را‬ 60 ‫از‬ ‫ﮐﻤﺘﺮ‬ ‫ﻣﻘﺪاری‬ ‫اﮔﺮ‬ scrolldelay
‫ﻣﺠﺒﻮر‬ ‫را‬ ‫ﻣﺮورﮔﺮھﺎ‬ (‫اﺳﺖ‬ ‫ﺻﻔﺖ‬ ‫ﻧﺎم‬ ‫ﺑﺎ‬ ‫ﺑﺮاﺑﺮ‬ ‫آن‬ ‫ﻣﻘﺪار‬ ‫)ﯾﻌﻨﯽ‬ ‫ھﺴﺖ‬ ‫ﻧﯿﺰ‬ Boolean ‫ھﺎی‬ ‫ﺻﻔﺖ‬ ‫ﺟﺰء‬ ‫ﮐﻪ‬ truespeed ‫ﺻﻔﺖ‬
.‫ﺑﺪھﺪ‬ ‫ﺗﺎﺛﯿﺮ‬ ‫ﻣﺘﻦ‬ ‫ﺣﺮﮐﺖ‬ ‫در‬ ‫اﯾﻢ‬ ‫ﮐﺮده‬ ‫ﻣﺸﺨﺺ‬ scrolldelay ‫ﺻﻔﺖ‬ ‫در‬ ‫ﮐﻪ‬ ‫را‬ ‫ﻋﺪدی‬ ‫ھﻤﺎن‬ ‫دﻗﯿﻘﺎ‬ ‫ﺗﺎ‬ ‫ﮐﺮد‬ ‫ﺧﻮاھﯿﻢ‬
: ‫ﻣﺜﺎل‬
<p> <marquee width='200px' height='50px' bgcolor='#acacac' behavior='Alternate' scrollamou
nt='1px' scrolldelay='40'> 7Learn.com</marquee> </p>

24. : ‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﻧﺘﯿﺠﻪ‬
‫ﮐﺪ‬ ‫ﻧﺘﯿﺠﻪ‬ ‫ﻣﺸﺎھﺪه‬
‫ﺗﮓ‬ ‫و‬ ‫ﻣﯿﭙﺮدازﯾﻢ‬ (‫)ﭘﯿﻮﻧﺪھﺎ‬ ‫ھﺎ‬ ‫ﻟﯿﻨﮏ‬ ‫ﺑﺎ‬ ‫ﮐﺎر‬ ‫ﺑﻪ‬ ‫ﺑﻌﺪی‬ ‫ﻣﻄﻠﺐ‬ ‫در‬ .‫ﺷﺪﯾﻢ‬ ‫آﺷﻨﺎ‬ ‫ﻣﺘﻦ‬ ‫ﺑﻨﺪی‬ ‫ﻗﺎﻟﺐ‬ ‫ﺗﮓ‬ 20 ‫ﺑﺎ‬ ‫اﯾﻨﺠﺎ‬ ‫ﺗﺎ‬ ،‫ﺧﺐ‬ ‫ﺑﺴﯿﺎر‬
‫آﻣﻮزش‬ ‫ﺟﻠﺴﻪ‬ ‫اﯾﻦ‬ ‫در‬ ‫ﮐﻪ‬ ‫ﺑﻨﺪی‬ ‫ﻗﺎﻟﺐ‬ ‫ھﺎی‬ ‫ﺗﮓ‬ ‫ﺑﻪ‬ ‫ﻣﺮﺑﻮط‬ ‫ﻣﻄﺎﻟﺐ‬ ‫ﺣﺘﻤﺎ‬ ،‫اﯾﻨﮑﻪ‬ ‫ﻧﮑﺘﻪ‬ ‫ﯾﻪ‬ ‫و‬ .‫ﻣﯿﺪﯾﻢ‬ ‫ﻗﺮار‬ ‫ﺑﺮرﺳﯽ‬ ‫ﻣﻮرد‬ ‫را‬ <a>
.‫ﮐﻨﯿﺪ‬ ‫ﺗﻤﺮﯾﻦ‬ ‫رو‬ ‫دادﯾﻢ‬
(‫اول‬ ‫)ﺟﻠﺴﻪ‬ HTML ‫در‬ ‫ﻫﺎ‬ ‫ﻟﯿﻨﮏ‬ ‫ﺑﺎ‬ ‫ﮐﺎر‬ : (5 ‫)ﻗﺴﻤﺖ‬ HTML ‫آﻣﻮزش‬
<a> ‫ﺗﮓ‬ ‫ﻣﻌﺮﻓﯽ‬
‫ﻣﯽ‬ ‫وب‬ ‫ﺻﻔﺤﻪ‬ ‫ﯾﮏ‬ ‫در‬ ‫ﮐﻪ‬ ‫اﺳﺖ‬ ‫اﯾﻦ‬ ‫ﻣﯿﮑﻨﺪ‬ ‫ﻣﺘﻤﺎﯾﺰ‬ ‫ھﺎ‬ ‫رﺳﺎﻧﻪ‬ ‫و‬ ‫اﺑﺰار‬ ‫ﺳﺎﯾﺮ‬ ‫از‬ ‫را‬ ‫وب‬ ‫ﮐﻪ‬ ‫ھﺎﯾﯽ‬ ‫وﯾﮋﮔﯽ‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫ﺷﮏ‬ ‫ﺑﺪون‬
.‫داﺷﺖ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫اﯾﻨﺘﺮﻧﺖ‬ ‫روی‬ ‫ﺑﺮ‬ ‫ﻣﻮﺟﻮد‬ ‫اطﻼﻋﺎﺗﯽ‬ ‫ﻣﻨﺎﺑﻊ‬ ‫و‬ ‫ﺻﻔﺤﺎت‬ ‫ﺳﺎﯾﺮ‬ ‫ﺑﻪ‬ ‫ﻟﯿﻨﮏ‬ ‫ﯾﮏ‬ ‫روی‬ ‫ﺑﺮ‬ ‫ﮐﻠﯿﮏ‬ ‫ﺑﺎ‬ ‫ﺗﻮان‬
،‫ھﺎ‬ ‫ﻟﯿﻨﮏ‬ ‫اﯾﻦ‬ ‫ﺑﻪ‬ ‫ﻣﯿﮑﻨﯿﺪ‬ ‫اﺳﺘﻔﺎده‬ ‫ﺳﺎﯾﯿﺘﺎن‬ ‫ﺻﻔﺤﺎت‬ ‫ﺳﺎﯾﺮ‬ ‫ﺑﻪ‬ ‫ﺻﻔﺤﻪ‬ ‫ﯾﮏ‬ ‫دادن‬ ‫ﭘﯿﻮﻧﺪ‬ ‫ﺑﺮای‬ ‫ھﺎ‬ ‫ﻟﯿﻨﮏ‬ ‫از‬ ‫ﺷﻤﺎ‬ ‫ﮐﻪ‬ ‫ﻣﻮﻗﻌﯽ‬
‫ﺑﻪ‬ ‫ﻣﯿﮑﻨﯿﺪ‬ ‫اﺳﺘﻔﺎده‬ ‫دﯾﮕﺮ‬ ‫ھﺎی‬ ‫ﺳﺎﯾﺖ‬ ‫در‬ ‫ﻣﻮﺟﻮد‬ ‫ﺻﻔﺤﺎت‬ ‫ﺑﻪ‬ ‫دادن‬ ‫ﭘﯿﻮﻧﺪ‬ ‫ﺑﺮای‬ ‫آن‬ ‫از‬ ‫ﮐﻪ‬ ‫زﻣﺎﻧﯽ‬ ‫و‬ (‫)داﺧﻠﯽ‬ ‫ﻧﺴﺒﯽ‬ ‫ھﺎی‬ ‫ﻟﯿﻨﮏ‬
‫ﻧﻮع‬ ‫دو‬ ‫ﺑﻪ‬ ‫ﻧﯿﺰ‬ ‫ﻣﺸﻮد‬ ‫اﺳﺘﻔﺎده‬ ‫ھﺎ‬ ‫ﻟﯿﻨﮏ‬ ‫در‬ ‫ﮐﻪ‬ ‫ھﺎﯾﯽ‬ ‫آدرس‬ ‫ﻣﺸﺎﺑﻪ‬ ‫طﻮر‬ ‫ﺑﻪ‬ .‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﮔﻔﺘﻪ‬ ‫ﺧﺎرﺟﯽ‬ ‫ھﺎی‬ ‫ﻟﯿﻨﮏ‬ ‫ھﺎ‬ ‫آن‬
.‫ﻣﺸﻮﻧﺪ‬ ‫ﺑﻨﺪی‬ ‫ﺗﻘﺴﯿﻢ‬ ‫ﻣﻄﻠﻖ‬ ‫و‬ ‫ﻧﺴﺒﯽ‬
‫آدرس‬ ‫ﻟﯿﻨﮑﮫﺎ‬ ‫اﻧﻮاع‬ ‫ﺑﺮرﺳﯽ‬ ‫ﺑﻪ‬ ‫اداﻣﻪ‬ ‫در‬ .‫ﺷﻮﻧﺪ‬ ‫ﻣﯽ‬ ‫ﺑﻨﺪی‬ ‫دﺳﺘﻪ‬ ‫داﻧﻠﻮد‬ ‫و‬ ،‫اﯾﻤﯿﻠﯽ‬ ،‫ﻟﻨﮕﺮی‬ ‫ھﻤﭽﻮن‬ ‫دﯾﮕﺮی‬ ‫اﻧﻮاع‬ ‫ﺑﻪ‬ ‫ھﺎ‬ ‫ﻟﯿﻨﮏ‬
.‫ﭘﺮداﺧﺖ‬ ‫ﺧﻮاھﯿﻢ‬ ‫ھﺎ‬ ‫آن‬ ‫از‬ ‫ﯾﮏ‬ ‫ھﺮ‬ ‫اﯾﺠﺎد‬ ‫ﻧﺤﻮه‬ ‫و‬ ‫ھﺎ‬
‫ﻋﮑﺲ‬ ‫ﯾﮏ‬ ،‫ﺳﺎده‬ ‫ﻣﺘﻦ‬ ‫ﯾﮏ‬ ‫ﺗﻮاﻧﺪ‬ ‫ﻣﯽ‬ a ‫ﻋﻨﺼﺮ‬ ‫ﯾﮏ‬ ‫ﻣﺤﺘﻮای‬ .‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫اﺳﺘﻔﺎده‬ ‫ھﺎ‬ ‫ﻟﯿﻨﮏ‬ ‫اﯾﺠﺎد‬ ‫ﺑﺮای‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ ‫از‬ : <a> ‫ﺗﮓ‬
‫ﻣﺸﺎھﺪه‬ ‫را‬ ‫ﺷﺪ‬ ‫ﺧﻮھﯿﺪ‬ ‫ھﺪاﯾﺖ‬ ‫ﻟﺮن‬ ‫ﺳﻮن‬ ‫ﺳﺎﯾﺖ‬ ‫ﺑﻪ‬ ‫آن‬ ‫روی‬ ‫ﺑﺮ‬ ‫ﮐﻠﯿﮏ‬ ‫ﺑﺎ‬ ‫ﮐﻪ‬ ‫ﻟﯿﻨﮑﯽ‬ ‫زﯾﺮ‬ ‫ﻣﺜﺎل‬ ‫در‬ .‫ﺑﺎﺷﺪ‬ ‫دو‬ ‫اﯾﻦ‬ ‫از‬ ‫ﺗﺮﮐﯿﺒﯽ‬ ‫ﯾﺎ‬
:‫ﮐﻨﯿﺪ‬ ‫ﻣﯽ‬
<a href="http://7learn.com" target="_blank"> Click Me! </a>
:‫ﭘﺮدازﯾﻢ‬ ‫ﻣﯽ‬ ‫ھﺎ‬ ‫ﻟﯿﻨﮏ‬ ‫ﺟﺰﺋﯿﺎت‬ ‫ﮐﻨﺘﺮل‬ ‫ﺑﺮای‬ a ‫ﺗﮓ‬ ‫ھﺎی‬ ‫ﺻﻔﺖ‬ ‫ﺑﺮرﺳﯽ‬ ‫ﺑﻪ‬ ‫اداﻣﻪ‬ ‫در‬
‫ﯾﮏ‬ ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫ﺑﺮای‬ ‫ﻣﯿﺎﻧﺒﺮ‬ ‫ﻋﻨﻮان‬ ‫ﺑﻪ‬ ‫ﮐﻠﯿﺪ‬ ‫ﺻﻔﺤﻪ‬ ‫از‬ ‫ﮐﺎراﮐﺘﺮ‬ ‫ﯾﮏ‬ ‫ﮐﺮدن‬ ‫ﺗﻌﺮﯾﻒ‬ ‫ﺑﺮای‬ ‫ﺗﻮان‬ ‫ﻣﯽ‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫از‬ : accesskey
‫در‬ ‫اﺳﺖ‬ ‫ﻣﺘﻔﺎوت‬ ‫ﻣﺨﺘﻠﻒ‬ ‫ھﺎی‬ ‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫آن‬ ‫ﻣﯿﺎﻧﺒﺮ‬ ‫اﺳﺎس‬ ‫ﺑﺮ‬ ‫ﻟﯿﻨﮏ‬ ‫ﯾﮏ‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫و‬ ‫دﺳﺘﺮﺳﯽ‬ ‫ﻧﺤﻮه‬ .‫ﮐﺮد‬ ‫اﺳﺘﻔﺎده‬ ‫ﻟﯿﻨﮏ‬
‫ﺗﺮﮐﯿﺒﯽ‬ ‫ھﺎی‬ ‫ﮐﻠﯿﺪ‬ ‫از‬ Google Chrome ‫و‬ Firefox ‫ﻣﺮورﮔﺮھﺎی‬ ‫در‬ Alt+accesskey ‫ﺗﺮﮐﯿﺒﯽ‬ ‫ﮐﻠﯿﺪ‬ ‫از‬ IE

25. ‫ﺑﺎﺷﻪ‬ Shift+accesskey ‫ﮐﻨﻢ‬ ‫ﻓﮑﺮ‬ ‫ﻧﺒﻠﺪم‬ ‫اﯾﻨﻮ‬ ‫راﺳﺘﺶ‬ .....ِ‫ا‬......ِ‫ا‬....‫ﺗﺮﮐﯿﺒﯽ‬ ‫ﮐﻠﯿﺪھﺎی‬ ‫از‬ opera ‫در‬ ‫و‬ Alt+Shift+accesskey
D:
‫در‬ ‫ای‬ ‫ﺻﻔﺤﻪ‬ ‫آدرس‬ ‫ﺗﻮاﻧﺪ‬ ‫ﻣﯽ‬ ‫آدرس‬ ‫اﯾﻦ‬ .‫ﻣﯿﮑﻨﺪ‬ ‫ﻣﺸﺨﺺ‬ ‫را‬ ‫ﮐﻨﺪ‬ ‫ﻣﯽ‬ ‫اﺷﺎره‬ ‫آن‬ ‫ﺑﻪ‬ ‫ﻟﯿﻨﮏ‬ ‫ﮐﻪ‬ ‫آدرﺳﯽ‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ : href
.‫ﺑﺎﺷﺪ‬ ‫دﯾﮕﺮی‬ ‫ﻓﺎﯾﻞ‬ ‫ﻧﻮع‬ ‫ھﺮ‬ ‫آدرس‬ ‫ﯾﺎ‬ ‫و‬ ‫ﺟﺎری‬ ‫ﺻﻔﺤﻪ‬ ‫ھﻤﺎن‬ ‫در‬ ‫ﻣﮑﺎﻧﯽ‬ ،‫دﯾﮕﺮ‬ ‫ﺳﺎﯾﺘﯽ‬ ‫ﺑﻪ‬ ‫ﻣﺮﺑﻮط‬ ‫ای‬ ‫ﺻﻔﺤﻪ‬ ،‫ﻣﺴﯿﺮ‬ ‫ھﻤﺎن‬
‫ﮐﺪھﺎی‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ .‫ﻣﯿﮑﻨﺪ‬ ‫ﻣﺸﺨﺺ‬ ‫را‬ ‫ﮐﻨﺪ‬ ‫ﻣﯽ‬ ‫اﺷﺎره‬ ‫آن‬ ‫ﺑﻪ‬ ‫ﻟﯿﻨﮏ‬ ‫ﮐﻪ‬ ‫ﻣﻨﺒﻌﯽ‬ ‫در‬ ‫رﻓﺘﻪ‬ ‫ﮐﺎر‬ ‫ﺑﻪ‬ ‫زﺑﺎن‬ : hreflang
.‫ﭘﺬﯾﺮد‬ ‫ﻣﯽ‬ ‫ﻣﻘﺪار‬ ‫ﻋﻨﻮان‬ ‫ﺑﻪ‬ ‫را‬ ...‫و‬ en , fa , fr ‫ﻣﺎﻧﻨﺪ‬ ‫زﺑﺎﻧﯽ‬
-0 ‫اﻋﺪاد‬ ‫ﺑﺎ‬ ‫ﻧﺒﺎﯾﺪ‬ ‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫اﻧﺘﺨﺎب‬ ‫ﮐﻪ‬ ‫ﻧﺎﻣﯽ‬ .‫ﺑﺎﺷﺪ‬ ‫ﯾﮑﺘﺎ‬ ‫ﺻﻔﺤﻪ‬ ‫در‬ ‫ﺑﺎﯾﺪ‬ ‫ﻧﺎم‬ ‫اﯾﻦ‬ .‫ﻣﯿﮑﻨﺪ‬ ‫ﻣﺸﺨﺺ‬ ‫ﻟﯿﻨﮏ‬ ‫ﺑﺮای‬ ‫ﻧﺎﻣﯽ‬ : name
.‫ﮐﻨﯿﻢ‬ ‫آﻏﺎز‬ a-z ‫ﯾﺎ‬ A-Z ‫ﺣﺮوف‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫ﺑﺎ‬ ‫را‬ ‫ﻧﺎم‬ ‫ﺑﺎﯾﺪ‬ ‫ﺑﻠﮑﻪ‬ .‫ﺷﻮد‬ ‫ﺷﺮوع‬ (‫)ﻧﻘﻄﻪ‬ . ‫ﯾﺎ‬ : ،_ ،- ،9
.‫ﻣﯿﮑﻨﺪ‬ ‫ﻣﺸﺨﺺ‬ ‫را‬ ‫ﻟﯿﻨﮏ‬ ‫ﻣﺒﺪا‬ ‫ﺻﻔﺤﻪ‬ ‫ﺑﺎ‬ ‫ﻣﻘﺼﺪ‬ ‫ﺻﻔﺤﻪ‬ ‫راﺑﻄﻪ‬ ‫اﺳﺖ‬ relationship ‫ﻋﺒﺎرت‬ ‫ﻣﺨﻔﻒ‬ ‫ﮐﻪ‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ : rel
‫را‬ ‫ﻟﯿﻨﮏ‬ ‫ﻣﻘﺼﺪ‬ ‫ﺑﺎ‬ ‫ﻣﺒﺪا‬ ‫ﺻﻔﺤﻪ‬ ‫راﺑﻄﻪ‬ ‫ﻧﻮع‬ ‫و‬ ‫ﻣﯿﮑﻨﺪ‬ ‫ﻋﻤﻞ‬ ‫ﺑﺎﻻ‬ ‫ﺻﻔﺖ‬ ‫ﻋﮑﺲ‬ ‫اﺳﺖ‬ reverse ‫ﻋﺒﺎرت‬ ‫ﻣﺨﻔﻒ‬ ‫ﮐﻪ‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ : rev
.‫ﻣﯿﮑﻨﺪ‬ ‫ﻣﺸﺨﺺ‬
‫اﺳﺖ‬ ‫ﺷﺮح‬ ‫ﺑﺪﯾﻦ‬ ‫ﻣﯿﭙﺬﯾﺮﻧﺪ‬ rev ‫و‬ rel ‫ھﺎی‬ ‫ﺻﻔﺖ‬ ‫ﮐﻪ‬ ‫ﻣﻘﺎدﯾﺮی‬
start next prev content index glossary copyright appendix help
‫ﮐﻠﯿﺪ‬ ‫ﺻﻔﺤﻪ‬ Tab ‫ﮐﻠﯿﺪ‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﺑﺎ‬ ‫ﮐﻪ‬ ‫ﺻﻔﺤﻪ‬ ‫در‬ ‫ھﺎ‬ ‫ﻟﯿﻨﮏ‬ ‫ﭘﯿﻤﺎﯾﺶ‬ ‫ﺗﺮﺗﯿﺐ‬ ‫ﺗﻮان‬ ‫ﻣﯽ‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫ﺑﻮﺳﯿﻠﻪ‬ : tabindex
.‫ﺑﺎﺷﺪ‬ 32767 ‫ﺗﺎ‬ 0 ‫ﺑﯿﻦ‬ ‫ﻋﺪدی‬ ‫ﻣﯿﺘﻮاﻧﺪ‬ ‫ﻣﯿﮕﯿﺮد‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫ﮐﻪ‬ ‫ﻣﻘﺪاری‬ .‫ﻣﯿﮑﻨﺪ‬ ‫ﻣﺸﺨﺺ‬ ‫را‬ ‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫اﻧﺠﺎم‬
‫را‬ ‫زﯾﺮ‬ ‫ﻣﻘﺎدﯾﺮ‬ ‫از‬ ‫ﯾﮑﯽ‬ ‫ﺗﻮاﻧﺪ‬ ‫ﻣﯽ‬ ‫و‬ ‫ﮐﺮد‬ ‫ﻣﺸﺨﺺ‬ ‫را‬ ‫ﺷﻮد‬ ‫ﺑﺎز‬ ‫آن‬ ‫در‬ ‫ﺑﺎﯾﺪ‬ ‫ﻟﯿﻨﮏ‬ ‫ﮐﻪ‬ ‫ای‬ ‫ﺻﻔﺤﻪ‬ ‫ﺗﻮان‬ ‫ﻣﯽ‬ ‫ﺻﻔﺖ‬ ‫اﯾﻦ‬ ‫ﺑﺎ‬ : target
: ‫ﺑﮕﯿﺮد‬
.‫ﻣﯿﮑﻨﺪ‬ ‫ﺑﺎز‬ ‫ﺟﺪﯾﺪ‬ ‫ای‬ ‫ﺻﻔﺤﻪ‬ ‫در‬ ‫را‬ ‫ﻟﯿﻨﮏ‬ : _blank
.‫ﻣﯿﮑﻨﺪ‬ ‫ﺑﺎز‬ ‫ﺻﻔﺤﻪ‬ ‫ھﻤﺎن‬ ‫در‬ ‫را‬ ‫ﻟﯿﻨﮏ‬ : _self
(.‫ﻣﯿﮑﻨﺪ‬ ‫ﻋﻤﻞ‬ _self ‫ﻣﺘﻞ‬ ‫ﻏﺎﻟﺒﺎ‬ ) ‫ﻣﯿﮑﻨﺪ‬ ‫ﺑﺎز‬ ‫ﻓﺮﯾﻢ‬ ‫ﺑﺪون‬ ‫ای‬ ‫ﭘﻨﺠﺮه‬ ‫در‬ ‫را‬ ‫ﺻﻔﺤﻪ‬ : _top
.‫ﮐﺮد‬ ‫ﺧﻮاھﺪ‬ ‫ﺑﺎز‬ (‫ﺷﺪ‬ ‫ﺧﻮھﯿﺪ‬ ‫آﺷﻨﺎ‬ ‫آﯾﻨﺪه‬ ‫در‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ ‫ﺑﺎ‬ ) frame ‫ﺗﮓ‬ ‫ﭘﺪر‬ frameset ‫در‬ ‫را‬ ‫ﻟﯿﻨﮏ‬ : _parent
.‫ﻣﯿﮑﻨﺪ‬ ‫ﺑﺎز‬ ‫ﻣﺸﺨﺺ‬ ‫ﻧﺎم‬ ‫ﺑﺎ‬ ‫ای‬ ‫ﭘﻨﺠﺮه‬ ‫در‬ ‫را‬ ‫ﻟﯿﻨﮏ‬ ( ‫ﭘﻨﺠﺮه‬ )‫ﻓﺮﯾﻢ‬ ‫ﯾﮏ‬ ‫ﻧﺎم‬
‫ﺻﻔﺎت‬ ‫ﺑﻘﯿﻪ‬ ‫ﺑﻪ‬ ‫ﻣﻘﺪاردھﯽ‬ ‫ﺑﻪ‬ ‫ﻧﯿﺎز‬ ‫و‬ ‫ھﺴﺘﻨﺪ‬ name ‫و‬ ،href، target ‫ﺻﻔﺖ‬ ‫ﺳﻪ‬ ‫ﻓﻘﻂ‬ ،<a> ‫ﺗﮓ‬ ‫ﺻﻔﺎت‬ ‫ﻣﮫﻤﺘﺮﯾﻦ‬ : ‫ﻧﮑﺘﻪ‬
‫ﮐﺮدﯾﻢ‬ ‫ﻣﻌﺮﻓﯽ‬ ‫ﻧﯿﺰ‬ ‫را‬ ‫ﺻﻔﺎت‬ ‫ﺑﻘﯿﻪ‬ ، ‫ﺷﻮﯾﺪ‬ ‫آﺷﻨﺎ‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ ‫ﺻﻔﺎت‬ ‫ﺑﺎ‬ ‫ﮐﺎﻣﻼ‬ ‫ﮐﻪ‬ ‫ﺧﻮاﺳﺘﯿﻢ‬ ‫ﭼﻮن‬ ‫وﻟﯽ‬ ‫ﻧﯿﺴﺖ‬
: ‫ﻣﺜﺎل‬
<a href="http://7learn.com" target="_blank" name="7learn" hreflang="fa"> 7Learn </a>

26. :‫ﻣﺮورﮔﺮ‬ ‫در‬ ‫ﻧﺘﯿﺠﻪ‬
‫ﻫﺎ‬ ‫آدرس‬ ‫دﻫﻨﺪه‬ ‫ﺗﺸﮑﯿﻞ‬ ‫اﺟﺰاي‬
‫)آدرس‬ URL ‫ﯾﮏ‬ <img /> ‫ﺗﮓ‬ ‫در‬ src ‫ﯾﺎ‬ <a> ‫ﺗﮓ‬ ‫در‬ href ‫ﻣﺎﻧﻨﺪ‬ ‫ھﺎ‬ ‫ﺻﻔﺖ‬ ‫از‬ ‫ﺑﻌﻀﯽ‬ ‫ﺷﺪﯾﺪ‬ ‫ﻣﺘﻮﺟﻪ‬ ‫اﯾﻨﺠﺎ‬ ‫ﺑﻪ‬ ‫ﺗﺎ‬ ‫ﮐﻪ‬ ‫ھﻤﺎﻧﻄﻮر‬
‫اﻧﺠﺎم‬ ‫ﮐﺎری‬ ‫ﭼﻪ‬ ‫آن‬ ‫ﺑﺎ‬ ‫ﺑﺎﯾﺪ‬ ‫ﻣﺮورﮔﺮ‬ ‫اﯾﻨﮑﻪ‬ ‫و‬ ‫ﻓﺎﯾﻞ‬ ‫ﻣﺤﻞ‬ ‫درﻣﻮرد‬ ‫اطﻼﻋﺎﺗﯽ‬ ‫ﺷﺎﻣﻞ‬ URL .‫ﭘﺬﯾﺮﻧﺪ‬ ‫ﻣﯽ‬ ‫ﻣﻘﺪار‬ ‫ﻋﻨﻮان‬ ‫ﺑﻪ‬ ‫را‬ (‫اﯾﻨﺘﺮﻧﺘﯽ‬
.‫اﺳﺖ‬ ‫ﻓﺮد‬ ‫ﺑﻪ‬ ‫ﻣﻨﺤﺼﺮ‬ URL ‫ﯾﮏ‬ ‫دارای‬ ‫اﯾﻨﺘﺮﻧﺖ‬ ‫روی‬ ‫ﺑﺮ‬ ‫ﻓﺎﯾﻞ‬ ‫ھﺮ‬ .‫ﺑﺎﺷﺪ‬ ‫ﻣﯽ‬ ‫دھﺪ‬
‫ﻣﺸﺎھﺪه‬ ‫را‬ ‫آن‬ ‫دھﻨﺪه‬ ‫ﺗﺸﮑﯿﻞ‬ ‫اﺟﺰای‬ ‫و‬ ‫اﯾﻨﺘﺮﻧﺘﯽ‬ ‫آدرس‬ ‫ﯾﮏ‬ ‫زﯾﺮ‬ ‫ﺗﺼﻮﯾﺮ‬ ‫در‬ .‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﺗﺸﮑﯿﻞ‬ ‫ﻣﺨﺘﻠﻔﯽ‬ ‫اﺟﺰای‬ ‫از‬ ‫آدرس‬ ‫ھﺮ‬
:‫ﻣﯿﮑﻨﯿﺪ‬
‫ﮐﻨﺪ‬ ‫ﺑﺎز‬ ‫را‬ ‫آن‬ ‫ﺧﻮاھﺪ‬ ‫ﻣﯽ‬ ‫ﮐﻪ‬ ‫ﻓﺎﯾﻠﯽ‬ ‫ﺑﺎ‬ ‫ﭼﮕﻮﻧﻪ‬ ‫ﮔﻮﯾﺪ‬ ‫ﻣﯽ‬ ‫ﻣﺮورﮔﺮ‬ ‫ﺑﻪ‬ ‫ﺑﺨﺶ‬ ‫اﯾﻦ‬ .‫ﻣﯿﺸﻮد‬ ‫ﻧﺎﻣﯿﺪه‬ (‫)ﭘﺮوﺗﮑﻞ‬ ‫طﺮح‬ URL ‫اول‬ ‫ﺑﺨﺶ‬
.‫ﮐﺮد‬ ‫اﺷﺎره‬ ... ‫و‬ http ، ftp ، mailto ‫ﺑﻪ‬ ‫ﺗﻮان‬ ‫ﻣﯽ‬ ‫دارﻧﺪ‬ ‫وﺟﻮد‬ ‫ﮐﻪ‬ ‫ھﺎﯾﯽ‬ ‫طﺮح‬ ‫ﺗﺮﯾﻦ‬ ‫ﻣﺘﺪاول‬ ‫از‬ .‫ﮐﻨﺪ‬ ‫رﻓﺘﺎر‬
‫ﻣﯽ‬ ،‫رﺳﺎﻧﺪ‬ ‫ﻣﯽ‬ ‫ﻗﺎﯾﻞ‬ ‫ﺑﻪ‬ ‫را‬ ‫ﻣﺎ‬ ‫ﮐﻪ‬ ‫آن‬ ‫ﭘﺴﻮﻧﺪ‬ ‫و‬ ‫ﻓﺎﯾﻞ‬ ‫ﻧﺎم‬ ،‫ﻣﺴﯿﺮ‬ ،‫ﭘﺴﻮﻧﺪ‬ ،‫داﻣﻨﻪ‬ ‫ھﻤﭽﻮن‬ ‫ﻣﻮاردی‬ ‫ﺷﺎﻣﻞ‬ ‫ھﻢ‬ ‫ھﺎ‬ ‫ﺑﺨﺶ‬ ‫ﺳﺎﯾﺮ‬
‫ﺧﻮاھﯿﻢ‬ ‫آن‬ ‫از‬ ‫ﯾﮏ‬ ‫ھﺮ‬ ‫ﺟﺰﺋﯿﺎت‬ ‫ﺑﺮرﺳﯽ‬ ‫ﺑﻪ‬ ‫اداﻣﻪ‬ ‫در‬ ‫ﮐﻪ‬ ‫ﻣﯿﮑﻨﺘﺪ‬ ‫ﺗﻘﺴﯿﻢ‬ ‫اﺻﻠﯽ‬ ‫دﺳﺘﻪ‬ ‫دو‬ ‫ﺑﻪ‬ ‫را‬ ‫ھﺎ‬ ‫آدرس‬ ‫اﻟﺒﺘﻪ‬ .‫ﺑﺎﺷﻨﺪ‬
.‫ﭘﺮداﺧﺖ‬
‫ﻧﺴﺒﯽ‬ ‫و‬ ‫ﻣﻄﻠﻖ‬ ‫ﻫﺎي‬ ‫آدرس‬
‫ﺟﺪاﮐﻨﻨﺪه‬ ،(‫)طﺮح‬ ‫ﭘﺮوﺗﮑﻞ‬ ‫ﻧﺎم‬ ‫ھﻤﭽﻮن‬ ‫اﯾﻨﺘﺮﻧﺘﯽ‬ ‫آدرس‬ ‫ﯾﮏ‬ ‫اﺟﺰای‬ ‫ﺗﻤﺎم‬ ‫ھﺎ‬ ‫آن‬ ‫در‬ ‫ﮐﻪ‬ ‫ھﺎﯾﯽ‬ ‫آدرس‬ ‫ﺑﻪ‬ : ‫ﻣﻄﻠﻖ‬ ‫ھﺎی‬ ‫آدرس‬
:‫اﺳﺖ‬ ‫ﻣﻄﻠﻖ‬ ‫آدرس‬ ‫ﯾﮏ‬ ‫زﯾﺮ‬ ‫آدرس‬ ‫ﻣﺜﺎل‬ ‫ھﻨﻮان‬ ‫ﺑﻪ‬ .‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ذﮐﺮ‬ ‫داﻣﻨﻪ‬ ‫و‬ ‫ﺳﺎﯾﺖ‬ ‫ﻧﺎم‬ ، WWW ‫ﻋﺒﺎرت‬ ،‫ھﺎ‬
http://www.7learn.com/index.php
‫ﻧﺎم‬ ،‫ﭘﺮوﺗﮑﻞ‬ ‫ﻧﺎم‬ ‫آوردن‬ ‫از‬ ‫ھﺎ‬ ‫آن‬ ‫در‬ ‫ﻣﻌﻤﻮﻻ‬ ‫ﮐﻪ‬ ‫ھﺴﺘﻨﺪ‬ ‫ﻧﺴﺒﯽ‬ ‫ھﺎی‬ ‫آدرس‬ ،‫ھﺎ‬ ‫آدرس‬ ‫دوم‬ ‫ﻧﻮع‬ : ‫ﻧﺴﺒﯽ‬ ‫ھﺎی‬ ‫آدرس‬

27. .‫ھﺴﺘﻨﺪ‬ ‫ﻧﺴﺒﯽ‬ ‫ھﺎی‬ ‫آدرس‬ ‫از‬ ‫ھﺎﯾﯽ‬ ‫ﻧﻤﻮﻧﻪ‬ ‫زﯾﺮ‬ ‫ھﺎی‬ ‫آدرس‬ ‫ﻣﺜﺎل‬ ‫ﻋﻨﻮان‬ ‫ﺑﻪ‬ .‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﭘﻮﺷﯽ‬ ‫ﭼﺸﻢ‬ ‫داﻣﻨﻪ‬ ‫و‬ ‫ﺳﺎﯾﺖ‬
/images/logo.gif
../../download/html.pdf
‫دﺳﺘﺮﺳﯽ‬ ‫ﺑﺮای‬ ‫و‬ ‫ﻧﺴﺒﯽ‬ ‫ھﺎی‬ ‫آدرس‬ ‫از‬ ،‫ﺧﻮدﻣﺎن‬ (‫)ﺳﺎﯾﺖ‬ ‫ﺳﺮور‬ ‫داﺧﻞ‬ ‫از‬ ‫ﻓﺎﯾﻠﮫﺎﯾﯽ‬ ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫ﺑﺮای‬ ‫ﻣﻌﻤﻮﻻ‬ : ‫ﻧﮑﺘﻪ‬
.‫ﻣﯿﺸﻮد‬ ‫اﺳﺘﻔﺎده‬ ‫ﻣﻄﻠﻖ‬ ‫ھﺎی‬ ‫آدرس‬ ‫از‬ ‫دﯾﮕﺮ‬ ‫ھﺎی‬ (‫)ﺳﺎﯾﺖ‬ ‫ﺳﺮور‬ ‫در‬ ‫ھﺎﯾﯽ‬ ‫ﻓﺎﯾﻞ‬ ‫ﺑﻪ‬
: ‫اﺳﺖ‬ ‫ﺿﺮوری‬ ‫ﻧﮑﺘﻪ‬ ‫ﭼﻨﺪ‬ ‫ذﮐﺮ‬ ‫ﻧﺴﺒﯽ‬ ‫ھﺎی‬ ‫آدرس‬ ‫ﻣﻮرد‬ ‫در‬
:‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫اﺳﺘﻔﺎده‬ ../ ‫از‬ ‫دارد‬ ‫ﻗﺮار‬ ‫اﺻﻠﯽ‬ ‫ﻓﺎﯾﻞ‬ ‫از‬ ‫ﺑﺎﻻﺗﺮ‬ ‫ﻣﺴﯿﺮ‬ ‫ﯾﮏ‬ ‫در‬ ‫ﮐﻪ‬ ‫ﻓﺎﯾﻠﯽ‬ ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫ﺑﺮای‬
<a href="../test.html"> Click Here </a>
:‫ﻣﯿﺸﻮد‬ ‫اﺳﺘﻔﺎده‬ / ‫از‬ ‫دارد‬ ‫ﻗﺮار‬ ‫ﺳﺎﯾﺖ‬ ‫اﺻﻠﯽ‬ ‫داﯾﺮﮐﺘﻮری‬ ‫در‬ ‫ﮐﻪ‬ ‫ھﺎﯾﯽ‬ ‫ﻓﺎﯾﻞ‬ ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫ﺑﺮای‬
<a href="/home.html"> Go To Home Page </a>
.‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫اﺳﺘﻔﺎده‬ ./ ‫از‬ ‫دارد‬ ‫ﻗﺮار‬ ‫اﺻﻠﯽ‬ ‫ﻓﺎﯾﻞ‬ ‫ﮐﻪ‬ ‫داﯾﺮﮐﺘﻮری‬ ‫ھﻤﺎن‬ ‫در‬ ‫ﮐﻪ‬ ‫ﻓﺎﯾﻠﯽ‬ ‫ﺑﻪ‬ ‫دﺳﺘﺮﺳﯽ‬ ‫ﺑﺮای‬
<a href="./logo.gif"> My Logo </a>
‫ﺗﻌﺮﯾﻒ‬ ‫ﺑﺮای‬ ‫ﺑﮕﯿﺮد‬ ‫ﻗﺮار‬ ‫ھﻢ‬ ‫ﺻﻔﺤﻪ‬ Head ‫ﻗﺴﻤﺖ‬ ‫در‬ ‫ﺑﺎﯾﺪ‬ ‫ﺣﺘﻤﺎ‬ ‫و‬ ‫اﺳﺖ‬ ‫ﺗﮫﯽ‬ ‫ھﺎی‬ ‫ﺗﮓ‬ ‫ﺟﺰء‬ ‫ﮐﻪ‬ ،‫ﺗﮓ‬ ‫اﯾﻦ‬ ‫از‬ : <base> ‫ﺗﮓ‬
‫ﯾﮏ‬ ‫ﺗﻮان‬ ‫ﻣﯽ‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﺑﺎ‬ ‫ھﻤﭽﻨﯿﻦ‬ .‫ﻣﯿﺸﻮد‬ ‫اﺳﺘﻔﺎده‬ ‫ﺻﻔﺤﻪ‬ ‫ﻧﺴﺒﯽ‬ ‫ھﺎی‬ ‫ﻟﯿﻨﮏ‬ ‫ﺗﻤﺎم‬ ‫ﺑﺮای‬ ‫ﭘﺎﯾﻪ‬ ‫آدرس‬ ‫ﯾﮏ‬ ‫ﮐﺮدن‬
‫ﻣﺸﺨﺼﯽ‬ ‫آدرس‬ ‫ﺑﻪ‬ ‫ﺻﻔﺤﻪ‬ ‫در‬ ‫ھﺎ‬ ‫ﻟﯿﻨﮏ‬ ‫زﯾﺎدی‬ ‫ﺗﻌﺪاد‬ ‫اﮔﺮ‬ .‫ﻧﻤﻮد‬ ‫ﻣﺸﺨﺺ‬ ‫ھﻢ‬ ‫را‬ ‫ھﺎ‬ ‫ﻟﯿﻨﮏ‬ ‫ﺷﺪن‬ ‫ﺑﺎز‬ ‫ﺑﺮای‬ ‫ﻣﺸﺨﺺ‬ ‫ھﺪف‬
‫و‬ href ‫ﺻﻔﺖ‬ ‫دو‬ ‫ﺗﮓ‬ ‫اﯾﻦ‬ .‫ﺷﻮد‬ ‫ﻣﯽ‬ ‫ﭘﯿﺸﻨﮫﺎد‬ ‫اﺿﺎﻓﻪ‬ ‫ﻧﻮﯾﺴﯽ‬ ‫ﮐﺪ‬ ‫از‬ ‫ﺟﻠﻮﮔﯿﺮی‬ ‫ﺑﺮای‬ base ‫ﺗﮓ‬ ‫از‬ ‫اﺳﺘﻔﺎده‬ ‫ﮐﻨﻨﺪ‬ ‫ﻣﯽ‬ ‫اﺷﺎره‬
: ‫ﻣﺜﺎل‬ ‫طﻮر‬ ‫ﺑﻪ‬ .‫ﺑﺎﺷﺪ‬ ‫ﻣﻄﻠﻖ‬ ‫ھﺎی‬ ‫آدرس‬ ‫ﻧﻮع‬ ‫از‬ ‫ﺣﺘﻤﺎ‬ ‫ﺑﺎﯾﺪ‬ ‫آن‬ href ‫ﺻﻔﺖ‬ ‫ﮐﻪ‬ ‫داراﺳﺖ‬ ‫را‬ target
<base target="_blank">
‫ﻣﻘﺪار‬ ‫ﺑﻪ‬ ‫ﻧﯿﺎزی‬ ‫دﯾﮕﺮ‬ ‫و‬ .‫ﺷﺪ‬ ‫ﺧﻮاھﻨﺪ‬ ‫ﺑﺎز‬ ‫ﺟﺪﯾﺪی‬ ‫ﺻﻔﺤﻪ‬ ‫در‬ ‫ﻣﺎ‬ ‫ھﺎی‬ ‫ﻟﯿﻨﮏ‬ ‫ھﻤﻪ‬ ‫ﺻﻔﺤﻪ‬ head ‫در‬ ‫ﮐﺪ‬ ‫اﯾﻦ‬ ‫دادن‬ ‫ﻗﺮار‬ ‫ﺑﺎ‬ ‫ﮐﻪ‬
.‫ﻧﯿﺴﺖ‬ ‫ھﺎ‬ ‫ﻟﯿﻨﮏ‬ ‫ﺑﻘﯿﻪ‬ ‫ﺑﺮای‬ target ‫ﺻﻔﺖ‬ ‫دھﯽ‬
‫آﺷﻨﺎ‬ ‫را‬ ‫ﺷﻤﺎ‬ ،‫داﻧﻠﻮد‬ ‫و‬ ‫ﻟﻨﮕﺮی‬ ،‫اﯾﻤﯿﻠﯽ‬ ‫ھﺎی‬ ‫ﻟﯿﻨﮏ‬ ‫ﺑﺎ‬ ‫دوم‬ ‫ﺟﻠﺴﻪ‬ ‫در‬ ‫ﺷﺪﯾﻢ‬ ‫آﺷﻨﺎ‬ ‫ھﺎ‬ ‫ﻟﯿﻨﮏ‬ ‫ﺑﻪ‬ ‫دھﯽ‬ ‫ﻣﻘﺪار‬ ‫طﺮﯾﻘﻪ‬ ‫ﺑﺎ‬ ‫اﯾﻨﺠﺎ‬ ‫ﺗﺎ‬
.‫ﮐﺮد‬ ‫ﺧﻮاھﯿﻢ‬