اموزش

جدیدترین آموزش های برنامه نویسی را با ما دنبال کنید

آموزش HTML/CSS پروژه محور(قسمت دوم)
طراحی سایت -

امروز یکم کارمون سخته پس لطفا تمرکز کنید روی این موضوع

 

 

ﺗﮕﻬﺎﻱ ﺍﺻﻠﻲ  ﺩﺭ ﺟﺪﻭﻝ ﺯﻳﺮ ﻋﻨﺎﺻﺮ ﻣﻌﺮﻓﻲ ﺷﺪﻩ ﺩﺭ ﺍﻳﻦ ﻓﺼﻞ ﺑﻪ ﻫﻤﺮﺍﻩ ﻟﻴﻨﻜﻬﺎﻱ ﻣﺮﺑﻮﻃﻪ ﺟﻬﺖ ﻣﻄﺎﻟﻌﻪ ﺑﻴﺸﺘﺮ ﺁﻭﺭﺩﻩ ﺷﺪﻩ ﺍﺳﺖ .ﺗﻮﺟﻪ ﺩﺍﺷﺘﻪ ﺑﺎﺷﻴﺪ ﻛﻪ ﺑﺮﺍﻱ ﻫﺮ ) Attributesﻋﻨﺼﺮ ﻓﻬﺮﺳﺘﻲ ﺍﺯ ﺷﻨﺎﺳﻪ ﻫﺎ ﻳﺎ ﺩﺭ ﻧﺴﺨﻪ ﻫﺎﻱ ﺁﻳﻨﺪﻩ Deprecated ﻣﻮﺟﻮﺩ ﺍﺳﺖ ﻭ ﻫﻤﭽﻨﻴﻦ ﺑﻪ ﺷﻨﺎﺳﻪ ﻫﺎﻱ ﻛﻨﺎﺭﮔﺬﺍﺷﺘﻪ ﺷﺪﻩ  ( ﺍﭼﺘﻤﻞ ﺗﻮﺟﻪ ﺩﺍﺷﺘﻪ ﺑﺎﺷﻴﺪ ﻭ ﺳﻌﻲ ﻛﻨﻴﺪ ﻛﻪ ﺍﺯ ﺁﻧﻬﺎ ﺍﺳﺘﻔﺎﺩﻩ ﻧﻜﻨﻴﺪ  .
 
:  Start Tag Purpose ﻛﺎﺭﺑﺮﺩ
 
 

Defines a html document ﻧﺸﺎﻥ ﺷﺮﻭﻉ ﻣﺘﻦ ﺍﭼﺘﻤﻞ    

-

Defines heading 1 to heading 6 ﺗﻌﺮﻳﻒ ﺳﺮ ﺗﻴﺘﺮﻫﺎﻱ   h6 ﺗﺎ h1  

Defines a paragraph ﺗﻌﺮﻳﻒ ﭘﺎﺭﺍﮔﺮﺍﻑ    
Inserts a single line break ﺭﻓﺘﻦ ﺳﺮ ﺧﻂ ﺟﺪﻳﺪ    


Defines a horizontal rule ﻧﻤﺎﻳﺶ ﺧﻂ ﺍﻓﻘﻲ     Defines a comment in the HTML source code ﻧﻮﺷﺘﻦ ﺷﺮﺡ ﻭ comment    
 
ﻓﻬﺮﺳﺖ ﺷﻨﺎﺳﻪ ﻫﺎ HTML 4.01 Specification :ﻣﺮﺟﻊ  - ﻓﻬﺮﺳﺖ ﻋﻨﺎﺻﺮ  - ﻓﺎﺭﺳﻲ ﻧﻮﻳﺴﻲ  ﺩﺭ ﺍﻳﻦ ﺩﺭﺱ ﺑﺎ ﻓﺎﺭﺳﻲ ﻧﻮﻳﺴﻲ، ﻓﺎﺭﺳﻲ ﺳﺎﺯﻱ ﻭ ﺍﺳﺘﺎﻧﺪﺍﺭﺩ ﻳﻮﻧﻴﻜﺪ ﻭ ﻧﺤﻮﻩ ﺍﺳﺘﻔﺎﺩﻩ ﺍﺯ ﺍﺩﻳﺘﻮﺭ ﺁﻧﻼﻳﻦ ﻭ ﻓﺎﺭﺳﻲ ﺍﻳﻦ ﺳﺎﻳﺖ ﺁﺷﻨﺎ ﺧﻮﺍﻫﻴﺪ ﺷﺪ .ﻫﻤﭽﻨﻴﻦ http ﻣﺘﺎﺗﮓ  . dir - ﻭ ﺷﻨﺎﺳﻪ equiv ﻧﻴﺰ ﻣﻌﺮﻓﻲ ﺧﻮﺍﻫﺪ ﺷﺪ ﺩﺭﺱ ﻗﺒﻠﻲ، ﺩﺭﺱ ﺑﻌﺪﻱ  
 
ﺳﺆﺍﻻﺕ ﻣﺮﺑﻮﻁ ﺑﻪ ﻓﺎﺭﺳﻲ ﻧﻮﻳﺴﻲ ﺭﺍ ﻣﻴﺘﻮﺍﻥ ﺑﻪ ﺳﻪ ﮔﺮﻭﻩ ﻋﻤﺪﻩ ﺗﻘﺴﻴﻢ ﻛﺮﺩ : -ﭼﮕﻮﻧﻪ ﻓﺎﺭﺳﻲ ﺑﻨﻮﻳﺴﻢ ؟   -ﭼﮕﻮﻧﻪ ﻓﺎﺭﺳﻲ ﺑﺨﻮﺍﻧﻢ؟   -ﭼﮕﻮﻧﻪ ﺻﻔﺤﺎﺕ ﺍﭼﺘﻤﻞ ﻓﺎﺭﺳﻲ ﺭﺍ ﻧﻤﺎﻳﺶ ﺩﻫﻢ؟  ﺩﺭ ﻣﻮﺭﺩ ﻓﺎﺭﺳﻲ ﻧﻮﻳﺴﻲ ﻭ ﻓﺎﺭﺳﻲ ﺧﻮﺍﻧﻲ ﺍﮔﺮ ﺍﺯ ﺍﺩﻳﺘﻮﺭ ﺁﻧﻼﻳﻦ ﻣﺎ ﺩﺭ ﺑﺨﺶ ﻣﺜﺎﻟﻬﺎ ﺍﺳﺘﻔﺎﺩﻩ ﻣﻴﻜﻨﻴﺪ ﻧﻴﺎﺯﻱ ﺑﻪ ﻓﺎﺭﺳﻲ ﺳﺎﺯﻱ ﻧﺪﺍﺭﻳﺪ ﻭ ﺑﺎ ﻛﻤﻚ ﺍﺩﻳﺘﻮﺭ ﻣﺰﺑﻮﺭ ﺑﺎﻳﺪ ﺑﻪ ﺭﺍﺣﺘﻲ ﻗﺎﺩﺭ ﺑﻪ ﺗﺎﻳﭗ ﻓﺎﺭﺳﻲ ﻭ ﻻﺗﻴﻦ ﺑﺎﺷﻴﺪ.ﺍﮔﺮ ﻣﻴﺨﻮﺍﻫﻴﺪ ﻛﻪ ﺩﺭ ﻫﺮ ﺣﺎﻝ ﻛﺎﻣﭙﻴﻮﺗﺮﺗﺎﻥ ﺭﺍ ﻓﺎﺭﺳﻲ ﻛﻨﻴﺪ، ﻣﻄﺎﻟﻌﻪ ﺻﻔﺤﺎﺕ ﺯﻳﺮ ﺭﺍﻫﻨﻤﺎﻱ ﺑﺴﻴﺎﺭ ﺧﻮﺑﻲ ﺑﺮﺍﻱ ﻓﺎﺭﺳﻲ ﺳﺎﺯﻱ ﻣﻴﺒﺎﺷﻨﺪ 

 

 

 


  *ﺭﺍﻫﻨﻤﺎﻱ ﻓﺎﺭﺳﻲ ﺳﺎﺯﻱ ﻭﻳﻨﺪﻭﺯ   *ﻗﻠﻢ ﻭ ﺻﻔﺤ ﻪﻛﻠﻴﺪ ﺍﺳﺘﺎﻧﺪﺍﺭﺩ   *unicode.org   *ﭘﺮﻭﺯﻩ ﻓﺎﺭﺳﻲ ﻭﺏ    FAQ *ﻭﺑﻼگ ﻓﺎﺭﺳﻲ 
 
ﻳﻮ ﻧﻲ ﻛﺪ ﭼﻴﺴﺖ؟   . character)ﺑﻪ ﻃﻮﺭ ﺧﻼﺻﻪ ﻭ ﺑﺎ ﺻﺮﻑ ﻧﻈﺮ ﺍﺯ ﺑﻌﻀﻲ ﺍﺯ ﭘﻴﭽﻴﺪﮔﻴﻬﺎ ﻣ ﻲﺷﻮﺩ ﮔﻔﺖ ﻳﻮﻧ ﻲﻛﺪ ﻣﺠﻤﻮﻋ ﻪﺍﻱ ﺑﺴﻴﺎﺭ ﺑﺰﺭگ ﺍﺯ ﻧﻮﻳﺴﻪ (ﻫﺎﻱ ﻣﺨﺘﻠﻒ ﺍﺳﺖ ﺍﻳﻦ ﻣﺠﻤﻮﻋﻪ ﺗﻘﺮﻳﺒﺎً ﺗﻤﺎﻡ ﻧﻮﻳﺴ ﻪﻫﺎﻱ ﻣﻮﺭﺩ ﺍﺳﺘﻔﺎﺩﻩ ﺩﺭ ﻛﺎﻣﭙﻴﻮﺗﺮ ﺩﺭ ﺟﻬﺎﻥ ﺭﺍ ﺩﺭ ﺧﻮﺩ ﺩﺍﺭﺩ .ﺍﺯ ﺣﺮﻑ ﺳﻴﻦ ﺍﻟﻔﺒﺎﻱ ﻓﺎﺭﺳﻲ ﮔﺮﻓﺘﻪ ﺗﺎ ﺣﺮﻭﻑ ﺍﻟﻔﺒﺎﻱ ﭼﻴﻨﻲ ﻭ ﺍﻧﻮﺍﻉ ﻭ ﺍﻗﺴﺎﻡ ﻋﻼﻣ ﺖﻫﺎ ﻭ ﺣﺘﻲ ﺧﻂ ﻣﻴﺨﻲ ﻓﺎﺭﺳﻲ ﺑﺎﺳﺘﺎﻥ .ﻣﻬﻤﺘﺮﻳﻦ ﺧﺎﺻﻴﺖ ﻳﻮﻧ ﻲﻛﺪ ﺍﻳﻦ ﺍﺳﺖ ﻛﻪ ﺑﻪ ﻫﺮ ﻛﺪﺍﻡ ﺍﺯ ﺍﻳﻦ ﻧﻮﻳﺴ ﻪﻫﺎ ﻳﻚ ﺷﻤﺎﺭ ﻩ ٴ ﻳﻜﺘﺎ  ﺍﺳﺖ ﺩﺭ ﺣﺎﻟﻲ ﻛﻪ ﻛﺪ ﻳﻮﻧ ﻲﻛﺪ ﻱ ﻋﺮﺑﻲ U+06CC ﺍﺧﺘﺼﺎﺹ ﻣﻲ ﺩﻫﺪ ﻛﻪ ﺑﻪ ﺁﻥ ﻛﺪ ﻳﻮﻧﻲ ﻛﺪ ﺁﻥ ﻧﻮﻳﺴﻪ ﻣﻲ ﮔﻮﻳﻨﺪ .ﻛﺪ ﻳﻮﻧﻲ ﻛﺪ ﻱ ﻓﺎﺭﺳﻲ ﺑﻨﺎﺑﺮ ﺍﻳﻦ ﺗﺄﺛﻴﺮ ﺍﻳﻦ ﻣﺴﺄﻟﻪ ﺍﻳﻦ ﺍﺳﺖ U+064A ﺍﺳﺖ .ﻭﻗﺘﻲ ﻳﻚ ﭘﺮﻭﻧﺪﻩ ﺫﺧﻴﺮﻩ ﻣﻲ ﺷﻮﺩ ﺍﻳﻦ ﻛﺪﻫﺎ ﻫﺴﺘﻨﺪ ﻛﻪ ﺫﺧﻴﺮﻩ ﻣﻲ ﺷﻮﻧﺪ ﻧﻪ ﺷﻜﻞ ﻧﻮﻳﺴﻪ ﻫﺎ . ﻛﻪ ﺍﮔﺮ ﭘﺮﻭﻧﺪ ﻩﺍﻱ ﺑﺎ ﻗﺎﻟﺐ ﻳ ﻮﻧ ﻲﻛﺪ ﺫﺧﻴﺮﻩ ﺷﻮﺩ ﻭ ﺩﺭ ﻫﺮ ﻛﺠﺎﻱ ﺩﻳﮕﺮ ﺩﻧﻴﺎ ﻛﻪ ﺍﺯ ﻳﻮﻧ ﻲﻛﺪ ﺍﺳﺘﻔﺎﺩﻩ ﻣ ﻲﻛﻨﺪ ﺑﺎﺯ ﺷﻮﺩ، ﻫﻤﺎﻥ ﻧﻮﻳﺴ ﻪﻫﺎ ﺩﺭﻭﻧﺶ ﻗﺮﺍﺭ ﺧﻮﺍﻫﻨﺪ ﺩﺍﺷﺖ  .
 ﺩﻭ ﻧﻜﺘﻪ ﺑﺴﻴﺎﺭ ﻣﻬﻢ ﺩﺭ ﻣﻮﺭﺩ ﻓﺎﺭﺳﻲ ﻧﻮﻳﺴﻲ:  UTF ﺭﻭﺵ ﻛﺪﮔﺰﺍﺭﻱ •  -8  UTF ﺍﻛﻴﺪﺍ ﺗﻮﺻﻴﻪ ﻣﻴﺸﻮﺩ ﻛﻪ ﺑﺮﺍﻱ ﺗﺎﻳﭗ ﻭ ﻧﻤﺎﻳﺶ ﻣﺘﻮﻥ ﻓﺎﺭﺳﻲ ﺍﺯ ﺍﺳﺘﺎﻧﺪﺍﺭﺩ ﻳﻮﻧﻴﻜﺪ ﻭ ﺭﻭﺵ ﻛﺪﮔﺰﺍﺭﻱ - ﺍﺳﻨﻔﺎﺩﻩ ﺷﻮﺩ ﻭ ﺍﻳﻦ ﺭﻭﺷﻲ ﺍﺳﺖ ﻛﻪ 8 ﺻﻔﺤﺎﺕ encoing ﻣﻄﺎﻟﺐ ﺍﻳﻦ ﺳﺎﻳﺖ ﻭ ﺍﺩﻳﺘﻮﺭ ﺁﻧﻼﻳﻨﺶ ﺍﺯ ﺁﻥ ﺍﺳﺘﻔﺎﺩﻩ ﻣﻴﻜﻨﺪ .ﻧﻜﺘﻪ ﻣﻬﻢ ﺩﺭ ﻧﻤﺎﻳﺶ ﺻﺤﻴﺢ ﻣﺘﻮﻥ ﻓﺎﺭﺳﻲ ﺗﻌﻴﻴﻦ ﻧﻮﻉ ﻛﺪﮔﺰﺍﺭﻱ ﻳﺎ http ﻓﺎﺭﺳﻲ ﺍﺳﺖ ﻛﻪ ﺑﺮﺍﻱ ﺍﻳﻨﻜﺎﺭ ﺑﺎﻳﺪ ﺍﺯ ﻣﺘﺎﺗﮓ ﺧﺎﺻﻲ ﺑﻪ ﻧﺎﻡ   : head - ﺩﺭ ﺑﺨﺶ equiv ﺻﻔﺤﺎﺕ ﺍﭼﺘﻤﻞ ﺑﻪ ﺷﻜﻞ ﺯﻳﺮ ﺍﺳﺘﻔﺎﺩﻩ ﺷﻮﺩ  ) Browserﺩﺭ ﺍﻳﻨﺼﻮﺭﺕ ﻣﺮﻭﺭﮔﺮ ﻳﺎ ﺭﺍ ﺗﺸﺨﻴﺺ ﺩﺍﺩﻩ ﻭ ﺩﻳﮕﺮ ﻣﺜﻼ Encoding ﻗﺒﻞ ﺍﺯ ﻧﻤﺎﻳﺶ ﺻﻔﺤﻪ ﺍﺯ ﺭﻭﻱ ﻣﺘﺎﺗﮓ ﻓﻮﻕ ﻧﻮﻉ ﻛﺪﮔﺰﺍﺭﻱ  ( View/Encoing/Unicode / UTF : 5 ﻧﻴﺎﺯﻱ ﺑﻪ ﺗﻌﻴﻴﻦ ﺩﺳﺘﻲ )ﺩﺭﺍﻛﺴﭙﻠﻮﺭﻭﺭ -ﻧﻮﻉ 8 ﺗﻮﺳﻂ ﺑﺎﺯﺩﻳﺪﻛﻨﻨﺪﻩ ﺳﺎﻳﺖ ﻧﺨﻮﺍﻫﺪ Encoing ( ﺑﻮﺩ .   dir ﻱ ﺑﻪ ﻧﺎﻡ attributeﺷﻨﺎﺳﻪ ﻳﺎ •  ) defaultﺳﻤﺖ ﻭ ﺟﻬﺖ ﻧﻤﺎﻳﺶ ﻣﺘﻮﻥ ﻻﺗﻴﻦ ﺑﻪ ﺻﻮﺭﺕ ﭘﻴﺶ ﻓﺮﺽ ﻭ ﺩﺭ ﻣﻮﺭﺩ ﻣﺘﻮﻥ ﻭ Right To Leftﻳﺎ ltr ﺍﺯ ﭼﭗ ﺑﻪ ﺭﺍﺳﺖ ( ﻣﻴﺒﺎﺷﺪ . ﺟﻤﻼﺕ ﻓﺎﺭﺳﻲ ﺑﺎﻳﺪ ﺑﺎ ﻛﻤﻚ ﺭﻭﺷﻲ ﺟﻬﺖ ﻧﻤﺎﻳﺶ ﭘﻴﺶ ﻓﺮﺽ ﺭﺍ ﺑﻪ "ﺭﺍﺳﺖ ﺑﻪ ﭼﭗ"ﺷﻨﺎﺳﻪ ﻳﺎ  ﻳﺎ ﻫﻤﺎﻥ dir ﻱ ﺑﻪ ﻧﺎﻡ attribute . ﺗﻐﻴﻴﺮ ﺩﻫﻴﺪ direction  : ﺍﻳﻦ ﻛﺎﺭ ﺭﺍ ﺑﺮﺍﻱ ﺷﻤﺎ ﺍﻧﺠﺎﻡ ﻣﻴﺪﻫﺪ .ﺍﻳﻦ ﺷﻨﺎﺳﻪ ﺩﺍﺭﺍﻱ ﺩﻭ ﻣﻘﺪﺍﺭ ﻣﻤﻜﻦ ﻣﻴﺒﺎﺷﺪ 
 
dir="ltr" , Left-to-right text. -   ﭼﭗ ﺑﻪ ﺭﺍﺳﺖ dir="rtl" , Right-to-left text. -   ﺭﺍﺳﺖ ﺑﻪ ﭼﭗ

 

 

 

ﻣﺜﻼ ﺑﺮﺍﻱ ﻧﻤﺎﻳﺶ ﺟﻤﻠﻪ ﻓﺎﺭﺳﻲ "! : div ﻳﺎ p ﺳﻼﻡ ﺑﻪ ﺩﻧﻴﺎﻱ ﻭﺏ" ﺑﺎ ﻛﻤﻚ ﻋﻨﺎﺻﺮ  ﻛﺎﻓﻲ ﺍﺳﺖ ﻛﻪ ﺑﻪ ﻳﻜﻲ ﺍﺯ ﺷﻜﻠﻬﺎﻱ ﺯﻳﺮ ﻋﻤﻞ ﺷﻮﺩ

 ﺳﻼﻡ ﺑﻪ ﺩﻧﻴﺎﻱ ﻭﺏ

 

 ﺳﻼﻡ ﺑﻪ ﺩﻧﻴﺎﻱ ﻭﺏ

  : dirﺩﺭ ﺑﺴﻴﺎﺭﻱ ﺍﺯ ﻋﻨﺎﺻﺮ ﻭ ﺗﮓ ﻫﺎﻱ ﺍﭼﺘﻤﻞ ﺍﻣﻜﺎﻥ ﺍﺳﺘﻔﺎﺩﻩ ﺍﺯ ﺷﻨﺎﺳﻪ  ﻣﻴﺴﺮ ﺑﻮﺩﻩ ﻭ ﺑﻪ ﻋﻨﻮﺍﻥ ﻧﻤﻮﻧﻪ ﻣﻴﺘﻮﺍﻥ ﺍﺯ ﻋﻨﺎﺻﺮ ﺯﻳﺮ ﻧﺎﻡ ﺑﺮﺩ 

,

,

,, , ,

,

, ,

 , 
Hi  
!ﺳﺎﺩﻩ ﺗﺮﻳﻦ ﺟﺪﻭﻝ ﻣﻤﻜﻦ ﺩﺭ ﺍﭼﺘﻤﻞ، ﺟﺪﻭﻟﻲ ﺍﺳﺖ ﺑﺎ ﻳﻚ ﺳﻄﺮ ﻭ ﻳﻚ ﺳﺘﻮﻥ
 
  (Headings)ﺳﺮﺳﺘﻮﻥ ﺩﺭ ﺟﺪﺍﻭﻝ   :
ﺳﺮﺳﺘﻮﻧﻬﺎ ﺩﺭ ﺟﺪﺍﻭﻝ ﺑﺎ ﻛﻤﻚ ﺗﮓ  ﺗﻌﺮﻳﻒ ﻣﻴﺸﻮﻧﺪ .ﻣﺜﺎﻝ ﺯﻳﺮ ﻧﺤﻮﻩ ﺗﻌﺮﻳﻒ ﺳﺮﺳﺘﻮﻧﻬﺎ ﺭﺍ ﺩﺭ ﺟﺪﺍﻭﻝ ﻧﻤﺎﻳﺶ ﻣﻴﺪﻫﺪ
 
ﻧﻤﺎﻳﺶ ﺟﺪﻭﻝ ﺭﻭﺑﺮﻭ ﺗﻮﺳﻂ ﻣﺮﻭﺭﮔﺮ ﻛﺪ ﺍﭼﺘﻤﻞ ﺟﺪﻭﻟﻲ ﺑﺎ ﺳﻪ ﺳﻄﺮ ﻭ ﺳﻪ ﺳﺘﻮﻥ 
  
  
  
  

 

 

 
 
ﺳﺮﺳﺘﻮﻥ ﺍ ﺳﺮﺳﺘﻮﻥ 2 ﺳﺮﺳﺘﻮﻥ 3
ﺭﺩﻳﻒ 1، ﺳﻠﻮﻝ 1 ﺭﺩﻳﻒ 2، ﺳﻠﻮﻝ 1 ﺭﺩﻳﻒ 3، ﺳﻠﻮﻝ 1
ﺭﺩﻳﻒ 1، ﺳﻠﻮﻝ 2 ﺭﺩﻳﻒ 2، ﺳﻠﻮﻝ 2
 

 

 


 
 ﺍﺳﺘﻔﺎﺩﻩ ﺷﺪﻩ ﻭ ﻟﻲ ﺩﺭ ﻧﻤﺎﻳﺶ th ﺍﺯ tdﻫﻤﺎﻧﻄﻮﺭﻳﻜﻪ ﻣﺸﺎﻫﺪﻩ ﻣﻴﻜﻨﻴﺪ ﺳﺮ ﺳﺘﻮﻧﻬﺎ ﻣﺎﻧﻨﺪ ﺳﻠﻮﻟﻬﺎﻱ ﻣﻌﻤﻮﻟﻲ ﺟﺪﺍﻭﻝ ﺗﻌﺮﻳﻒ ﻣﻴﺸﻮﻧﺪ ﻭ ﻓﻘﻂ ﺑﻪ ﺟﺎﻱ  . boldﻣﺤﺘﻮﺍﻱ ﺳﺮ ﺳﺘﻮﻧﻬﺎ  ﻳﺎ ﺗﻮﭘﺮ ﻧﻤﺎﻳﺶ ﺩﺍﺩﻩ ﺧﻮﺍﻫﻨﺪ 

 

 

(Empty Cells)ﺧﺎﻧﻪ ﻫﺎﻱ ﺧﺎﻟﻲ ﺩﺭ ﺟﺪﺍﻭﻝ ﺍﮔﺮ ﻣﺤﺘﻮﺍﻱ ﺧﺎﻧﻪ ﺍﻱ ﺍﺯ ﻳﻚ ﺟﺪﻭﻝ ﺧﺎﻟﻲ ﺑﺎﺷﺪ ﭼﻪ ﭼﻴﺰﻱ ﺑﺎﻳﺪ ﻧﻤﺎﻳﺶ ﺩﺍﺩﻩ ﺷﻮﺩ؟ ﺑﺴﺘﻪ ﺑﻪ ﻣﺮﻭﺭﮔﺮﻱ ﻛﻪ ﺍﺳﺘﻔﺎﺩﻩ ﻣﻴﻜﻨﻴﺪ ﻧﺘﻴﺠﻪ ﻧﻤﺎﻳﺶ ﻣﺘﻔﺎﻭﺕ ﺍﺳﺖ ﻭ ﻣﺜﻼ ﺩﺭ ﻣﺜﺎﻝ ﺯﻳﺮ ﺧﺎﻧﻪ ﺧﺎﻟﻲ ﺟﺪﻭﻝ ﺑﺪﻭﻥ ﻣﺮﺯ ﻧﻤﺎﻳﺶ ﺩﺍﺩﻩ ﺧﻮﺍﻫﺪ ﺷﺪ  : ﻧﻤﺎﻳﺶ ﺟﺪﻭﻝ ﺭﻭﺑﺮﻭ ﺗﻮﺳﻂ ﻣﺮﻭﺭﮔﺮ ﻛﺪ ﺍﭼﺘﻤﻞ ﺟﺪﻭﻟﻲ ﺑﺎ ﺩﻭ ﺳﻄﺮ ﻭ ﺩﻭ ﺳﺘﻮﻥ 
 

ﺭﺩﻳﻒ 1، ﺳﻠﻮﻝ 1 ﺭﺩﻳﻒ 2، ﺳﻠﻮﻝ 1
ﺭﺩﻳﻒ 1، ﺳﻠﻮﻝ 2  
  2، ﺳﻠﻮﻝ 1 ﺭﺩﻳﻒ 1، ﺳﻠﻮﻝ 1ﺭﺩﻳﻒ  1، ﺳﻠﻮﻝ 2ﺭﺩﻳﻒ 
 
 
 
 
non ﺩﺭ ﺍﻳﻨﮕﻮﻧﻪ ﻣﻮﺍﺭﺩ ﺑﺮﺍﻱ ﺭﻓﻊ ﻣﺸﻜﻞ ﻛﺎﻓﻲ ﺍﺳﺖ ﻛﻪ ﺍﺯ - ﻳﺎ ﻫﻤﺎﻥ ﻧﻮﻳﺴﻪ ﻭ ﻛﺎﺭﺍﻛﺘﺮ ﻗﺎﺻﻠﻪ ﻭ ﺑﻼﻧﻚ breaking space ( ) ﺍﺳﺘﻔﺎﺩﻩ ﺷﻮﺩ ﻭ ﺩﺭ ﻣﻮﺭﺩ ﻣﺜﺎﻝ ﺫﻛﺮ ﺷﺪﻩ ﻣﺮﻭﺭﮔﺮ ﺟﺪﻭﻝ ﺭﺍ ﺑﻪ ﺷﻜﻞ ﺯﻳﺮ ﻧﻤﺎﻳﺶ ﺧﻮﺍﻫﺪ ﺩﺍﺩ : ﻧﻤﺎﻳﺶ ﺟﺪﻭﻝ ﺭﻭﺑﺮﻭ ﺗﻮﺳﻂ ﻣﺮﻭﺭﮔﺮ ﻛﺪ ﺍﭼﺘﻤﻞ ﺟﺪﻭﻟﻲ ﺑﺎ ﺩﻭ ﺳﻄﺮ ﻭ ﺩﻭ ﺳﺘﻮﻥ 
 
ﺭﺩﻳﻒ 1، ﺳﻠﻮﻝ 1 ﺭﺩﻳﻒ 2، ﺳﻠﻮﻝ 1
ﺭﺩﻳﻒ 1، ﺳﻠﻮﻝ 2  
 

 

 

ﺗﻮﺟﻪ ﺩﺍﺷﺘﻪ ﺑﺎﺷﻴﺪ ﻛﻪ ﺍﻳﻨﺒﺎﺭ ﻣﺮﺯﻫﺎﻱ ﺧﺎﻧﻪ ﺧﺎﻟﻲ ﺟﺪﻭﻝ ﺑﺪﺭﺳﺘﻲ ﺗﺮﺳﻴﻢ ﮔﺮﺩﻳﺪﻩ ﺍﻧﺪ . 
 
ﭼﻨﺪ ﻧﻜﺘﻪ ﺍﺳﺎﺳﻲ ﺩﺭ ﻣﻮﺭﺩ ﺟﺪﺍﻭﻝ:  ﺩﺭ ﺟﺪﺍﻭﻝ، ﺭﺩﻳﻔﻬﺎ، ﺧﺎﻧﻪ ﻫﺎ ﻭ ﺳﺮ ﺳﺘﻮﻧﻬﺎ ﺍﺯ ﺗﻌﺪﺍﺩ ﺯﻳﺎﺩﻱ ﺍﺯ ﺷﻨﺎﺳﻪ ﻫﺎ ﻣﻴﺘﻮﺍﻧﻴﺪ ﺍﺳﺘﻔﺎﺩﻩ ﻛﻨﻴﺪ ﻛﻪ ﺷﺮﺡ ﻫﻤﮕﻲ ﺁﻧﻬﺎ ﺍﺯ ﺣﻮﺻﻠﻪ ﺍﻳﻦ ﺩﻭﺭﻩ ﻣﻘﺪﻣﺎﺗﻲ ﺧﺎﺭﺝ ﺍﺳﺖ ﻭ •  ﺗﻮﺻﻴﻪ ﻣﻴﺸﻮﺩ ﻛﻪ ﺍﺯ ﻣﺜﺎﻟﻬﺎﻱ ﺯﻳﺮ ﻭ ﺟﺪﻭﻝ ﻭﺍﻗﻊ ﺩﺭ ﺍﻧﺘﻬﺎﻱ ﺍﻳﻦ ﺻﻔﺤﻪ ﺑﺮﺍﻱ ﻣﻄﺎﻟﻌﻪ ﻫﺮ ﭼﻪ ﺑﻴﺸﺘﺮ ﺩﺭ ﻣﻮﺭﺩ ﺟﺰﺋﻴﺎﺕ ﺷﻨﺎﺳﻪ ﻫﺎ ﺍﺳﺘﻔﺎﺩﻩ ﺷﻮﺩ  . ﻣﺜﻼ dirﺷﻨﺎﺳﻪ •  ﺑﺎ ﻛﻤﻚ ﺷﻨﺎﺳﻪ th ، td ،tr  ،table  ) ﻗﺎﺑﻞ ﺍﺳﺘﻔﺎﺩﻩ ﺩﺭ ﺑﺴﻴﺎﺭﻱ ﺍﺯ ﺗﮕﻬﺎ  ﺑﺮﺍﻱ ﺁﻥ، ﺟﻬﺖ ﻧﻤﺎﻳﺶ ﻣﺘﻮﻥ rtl ﻭ ﻣﻘﺪﺍﺭ dir . ( ﻣﻴﺒﺎﺷﺪ ﻓﺎﺭﺳﻲ ﺍﺯ "ﺭﺍﺳﺖ ﺑﻪ ﭼﭗ"ﺗﻮﺟﻪ ﺩﺍﺷﺘﻪ ﺑﺎﺷﻴﺪ ﻛﻪ ﻣﻘﺪﺍﺭ ﺷﻨﺎﺳﻪ  ﺧﻮﺍﻫﺪ td ﺑﻪ th ﻭ tr ﻭ ﺍﺯ th ﻭ tr ﺑﻪ table ﺑﻪ ﺻﻮﺭﺕ ﻣﻮﺭﻭﺛﻲ ﺍﺯ dir . ﺗﻌﻴﻴﻦ ﻣﻴﮕﺮﺩﺩ ﻗﻴﺪ ﻛﻨﻴﺪ ﻭ ﻧﻴﺎﺯﻱ ﺑﻪ ﻗﻴﺪ ﺁﻥ ﺩﺭ ﺗﻤﺎﻣﻲ table ﺑﺮﺍﻱ ﺗﻤﺎﻣﻲ ﺧﺎﻧﻪ ﻫﺎﻱ ﻳﻚ ﺟﺪﻭﻝ ﻛﺎﻓﻲ ﺍﺳﺖ ﻛﻪ ﻓﻘﻂ ﺷﻨﺎﺳﻪ ﻣﺰﺑﻮﺭ ﺭﺍ ﺩﺭ ﺗﮓ rtl ﺭﺳﻴﺪ.ﻣﺜﻼ ﺑﺮﺍﻱ ﺗﻌﻴﻴﻦ ﻣﻘﺪﺍﺭ   . dir ﺧﺎﻧﻪ ﻫﺎﻱ ﺟﺪﻭﻝ ﻧﻴﺴﺖ .ﺍﻟﺒﺘﻪ ﻣﻴﺘﻮﺍﻧﻴﺪ ﻛﻪ ﺩﺭ ﻣﻮﺭﺩ ﻳﻚ ﺭﺩﻳﻒ ﺧﺎﺹ ﻭ ﻳﺎ ﻳﻚ ﺧﺎﻧﻪ ﺧﺎﺹ ﺷﻨﺎﺳﻪ  ﺭﺍ ﻣﻮﺭﺩﻱ ﺗﻌﻴﻴﻦ ﻛﻨﻴﺪ
 
ﻣﺜﺎﻟﻬﺎﻱ ﺑﻴﺸﺘﺮ  ﻣﺮﺯ ﺩﺭ ﺟﺪﺍﻭﻝ    . borderﺍﻳﻦ ﻣﺜﺎﻝ ﻛﺎﺭﺑﺮﺩ ﺷﻨﺎﺳﻪ  ﺭﺍ ﺩﺭ ﻧﻤﺎﻳﺶ ﺟﺪﺍﻭﻝ ﻧﺸﺎﻥ ﻣﻴﺪﻫﺪ ﺗﻌﻴﻴﻦ ﺟﻬﺖ ﻧﻤﺎﻳﺶ ﻣﺘﻦ ﺩﺭ ﺧﺎﻧﻪ ﻫﺎﻱ ﻳﻚ ﺟﺪﻭﻝ   . dirﺍﻳﻦ ﻣﺜﺎﻝ ﻛﺎﺭﺑﺮﺩ ﺷﻨﺎﺳﻪ  ﺍﺳﺖ ﺩﺭ ﺗﻌﻴﻴﻦ ﺟﻬﺖ ﻧﻤﺎﻳﺶ ﻣﺘﻦ ﺩﺭ ﺧﺎﻧﻪ ﻫﺎﻱ ﻳﻚ ﺟﺪﻭﻝ captionﻋﻨﻮﺍﻥ ﺟﺪﺍﻭﻝ ﻭ ﺗﮓ  ﺩﺭ ﺗﻌﺮﻳﻒ ﺟﺪﺍﻭﻝ  captionﻣﺜﺎﻟﻲ ﺩﺭ ﻣﻮﺭﺩ ﺗﮓ ﺗﻮﺳﻌﻪ ﺳﻄﺮﻱ ﻳﺎ ﺳﺘﻮﻧﻲ ﺩﺭ ﺟﺪﺍﻭﻝ  ﻭ ﺍﺩﻏﺎﻡ ﺧﺎﻧﻪ ﻫﺎﻱ ﺟﺪﺍﻭﻝ ﺑﻪ ﺻﻮﺭﺕ ﺳﻄﺮﻱ ﻳﺎ ﺳﺘﻮﻧﻲ  rowspan ﻭ colspanﻣﺜﺎﻟﻲ ﺩﺭ ﻣﻮﺭﺩ ﺷﻨﺎﺳﻪ ﻫﺎﻱ ﺟﺪﻭﻟﻲ ﺑﺎ ﻣﺤﺘﻮﻳﺎﺕ ﻣﺨﺘﻠﻒ ﻣﺤﺘﻮﻱ ﻳﻚ ﺧﺎﻧﻪ ﺟﺪﻭﻝ ﺗﻘﺮﻳﺒﺎ ﻣﻴﺘﻮﺍﻧﺪ ﻫﺮ ﻋﻨﺼﺮ ﺍﭼﺘﻤﻠﻲ ﺑﺎﺷﺪ  . ﻓﺎﺻﻠﻪ ﮔﺬﺍﺭﻱ ﺑﻴﻦ ﺧﺎﻧﻪ ﻫﺎﻱ ﺟﺪﺍﻭﻝ   (cellspacing).ﺍﻳﻦ ﻣﺜﺎﻝ ﻧﺤﻮﻩ ﺍﻳﺠﺎﺩ ﻓﺎﺻﻠﻪ ﺑﻴﻦ ﺧﺎﻧﻪ ﻫﺎﻱ ﺟﺪﻭﻝ ﺭﺍ ﻧﺸﺎﻥ ﻣﻴﺪﻫﺪ

 

 

ﻻﻳﻪ ﮔﺬﺍﺭﻱ ﺧﺎﻧﻪ ﻫﺎﻱ ﺟﺪﻭﻝ   (cellpadding).ﺍﻳﻦ ﻣﺜﺎﻝ ﻧﺤﻮﻩ ﺍﻳﺠﺎﺩ ﻓﺎﺻﻠﻪ ﺧﺎﻟﻲ ﺑﻴﻦ ﺧﺎﻧﻪ ﻫﺎﻱ ﺟﺪﻭﻝ ﻭ ﻣﺮﺯ ﺁﻧﻬﺎ ﺭﺍ ﻧﺸﺎﻥ ﻣﻴﺪﻫﺪ ﺗﻌﻴﻴﻦ ﺭﻧﮓ ﺯﻣﻴﻨﻪ ﻳﺎ ﺗﺼﻮﻳﺮ ﺯﻣﻴﻨﻪ ﻛﻞ ﻳﻚ ﺟﺪﻭﻝ   background ﻭ bgcolorﺗﻌﻴﻴﻦ ﺭﻧﮓ ﺯﻣﻴﻨﻪ ﻳﺎ ﺗﺼﻮﻳﺮ ﺯﻣﻴﻨﻪ ﺳﺮﺍﺳﺮﻱ ﺟﺪﺍﻭﻝ ﺑﺎ ﻛﻤﻚ ﺷﻨﺎﺳﻪ ﻫﺎﻱ ﺗﻌﻴﻴﻦ ﺭﻧﮓ ﺯﻣﻴﻨﻪ ﻳﺎ ﺗﺼﻮﻳﺮ ﺯﻣﻴﻨﻪ ﻳﻚ ﻳﺎ ﭼﻨﺪ ﺧﺎﻧﻪ ﺍﺯ ﺟﺪﻭﻝ   background ﻭ bgcolorﺗﻌﻴﻴﻦ ﺭﻧﮓ ﺯﻣﻴﻨﻪ ﻳﺎ ﺗﺼﻮﻳﺮ ﺯﻣﻴﻨﻪ ﺩﺭ ﺧﺎﻧﻪ ﻫﺎﻱ ﺟﺪﺍﻭﻝ ﺑﺎ ﻛﻤﻚ ﺷﻨﺎﺳﻪ ﻫﺎﻱ ﺗﺮﺍﺯ ﺑﻨﺪﻱ ﻣﺤﺘﻮﺍ ﺩﺭ ﺧﺎﻧﻪ ﻫﺎﻱ ﺟﺪﺍﻭﻝ   . "align"ﺍﻳﻦ ﻣﺜﺎﻝ ﻧﺤﻮﻩ ﺗﺮﺍﺯﺑﻨﺪﻱ ﻣﺤﺘﻮﺍﻱ ﺧﺎﻧﻪ ﻫﺎﻱ ﺟﺪﺍﻭﻝ ﺑﺎ ﻛﻤﻚ ﺷﻨﺎﺳﻪ  ﺭﺍ ﻧﺸﺎﻥ ﻣﻴﺪﻫﺪ ﺩﺭ ﺟﺪﺍﻭﻝ frameﺷﻨﺎﺳﻪ   . table " ﺩﺭ ﺍﻟﻤﺎﻥ frame"ﻣﺜﺎﻟﻲ ﺩﺭ ﻣﻮﺭﺩ ﻛﺎﺭﺑﺮﺩ ﺷﻨﺎﺳﻪ  ﺟﻬﺖ ﺗﻌﻴﻴﻦ ﺷﻜﻞ ﻣﺮﺯ ﺟﺪﺍﻭﻝ ﺗﺮﺍﺯ ﺑﻨﺪﻱ ﻣﺤﺘﻮﺍ ﺩﺭ ﺧﺎﻧﻪ ﻫﺎﻱ ﺟﺪﺍﻭﻝ   . "valign" " ﻭ align"ﺍﻳﻦ ﻣﺜﺎﻝ ﻧﺤﻮﻩ ﺗﺮﺍﺯﺑﻨﺪﻱ ﻣﺤﺘﻮﺍﻱ ﺧﺎﻧﻪ ﻫﺎﻱ ﺟﺪﺍﻭﻝ ﺑﺎ ﻛﻤﻚ ﺷﻨﺎﺳﻪ  ﺭﺍ ﻧﺸﺎﻥ ﻣﻴﺪﻫﺪ ...ﻓﻘﻂ ﺗﺼﻮﺭ ﻛﻦ ... di ﻣﺜﺎﻟﻲ ﻛﺎﻣﻠﺘﺮ ﻭ ﺍﺳﺘﻔﺎﺩﻩ ﺍﺯ ﺷﻨﺎﺳﻪ  ﺩﺭ ﺟﺪﺍﻭﻝ  r
 
0B ﺗﮕﻬﺎﻱ ﺟﺪﺍﻭﻝ Start Tag Purpose ﻛﺎﺭﺑﺮﺩ
 
Defines a table ﺗﻌﺮﻳﻒ ﺟﺪﻭﻝ
 
 
Defines a table row ﺗﻌﺮﻳﻒ ﺭﺩﻳﻒ ﻫﺎ ﺩﺭ ﺟﺪﺍﻭﻝ
 
 
 

 
Defines a table header ﺗﻌﺮﻳﻒ ﺳﺮﺳﺘﻮﻥ ﺩﺭ ﺟﺪﺍﻭﻝ
 
 
 
Defines a table cell ﺗﻌﺮﻳﻒ ﺳﻠﻮﻝ ﻳﺎ ﺧﺎﻧﻪ ﻫﺎﻱ ﻳﻚ ﺟﺪﻭﻝ
 
 
 
Defines a table caption ﺗﻌﺮﻳﻒ ﻋﻨﻮﺍﻥ ﺟﺪﻭﻝ
 
 
 
  فکر میکنم آموزش بسیار طولانی شد اما ارزششو داشت 

 

 

موفق و سر بلند و پیروز باشید 

 

تیم آموزش وندا