,
, ,
,
!ﺳﺎﺩﻩ ﺗﺮﻳﻦ ﺟﺪﻭﻝ ﻣﻤﻜﻦ ﺩﺭ ﺍﭼﺘﻤﻞ، ﺟﺪﻭﻟﻲ ﺍﺳﺖ ﺑﺎ ﻳﻚ ﺳﻄﺮ ﻭ ﻳﻚ ﺳﺘﻮﻥ
(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 ﺗﻌﺮﻳﻒ ﻋﻨﻮﺍﻥ ﺟﺪﻭﻝ
فکر میکنم آموزش بسیار طولانی شد اما ارزششو داشت
موفق و سر بلند و پیروز باشید
تیم آموزش وندا
|
|
