Table ???????????????????????? wiki ??? html ??? ????????? ???????? syntax ????? ???????? HTML ??? <table> ?????? </table>?????? ???????? ????????? { | ???????????? |} ?????????? HTML ??? <tr> ??????? ????????? |- ???????????????????? <td> ??????????? ????????? | ?????????????????????
| Cell 1
|
Cell 2
|
| Cell 3
|
Cell 4
|
{|
|-
|Cell 1
|Cell 2
|-
|Cell 3
|Cell 4
|}
|}
???? ???????? ???????????? {| ??? ???????? row ???????? ????????????????????? |- ?????????????????? ??????????????? column ??????? | ?????????????????? column ???????? ????????? ???????????????? ????????? row ??? ? ????? ????????????????? ? ?????
Row 2 ?? Column 3 ?? ?????? Table ???????? ?????? ???????? ???????????
| Row1 Cell1
|
Row1 Cell2
|
Row1 Cell3
|
| Row2 Cell1
|
Row2 Cell2
|
Row2 Cell3
|
{|
|-
|Row1 Cell1
|Row1 Cell2
|Row1 Cell3
|-
|Row2 Cell1
|Row2 Cell2
|Row2 Cell3
|}
Attribute And Style
[
??????????
]
???????????????? style sheet ??????? ???????????????????????????? ????????? HTML ? table ??? attribute ?????????????????????????
| Row1 Cell1
|
Row1 Cell2
|
Row1 Cell3
|
| Row2 Cell1
|
Row2 Cell2
|
Row2 Cell3
|
{| border="1" style="font-size:9px"
|-
|Row1 Cell1
|Row1 Cell2
|Row1 Cell3
|-
|Row2 Cell1
|Row2 Cell2
|Row2 Cell3
|}
????????????? border ?????? attribute ???????????????????? style ????? CSS ??? ???????????????? style sheet ???????????????????? ????????? row ??????????????? ?????????????????
| Row1 Cell1
|
Row1 Cell2
|
Row1 Cell3
|
| Row2 Cell1
|
Row2 Cell2
|
Row2 Cell3
|
{| border="1" style="font-size:10px"
|-style="font-size:12px;color:blue"
|Row1 Cell1
|Row1 Cell2
|Row1 Cell3
|-style="font-size:12px;color:red"
|Row2 Cell1
|Row2 Cell2
|Row2 Cell3
|}
Colspan And Row Span
[
??????????
]
???????????????? Column ?????? ????????????? merge ??????????????? HTML ?????? colspan ??????????????????????
| Row1 Cell1
|
Row1 Cell2
|
| Row2 Cell1
|
Row2 Cell2
|
| Row3 Cell1
|
Row3 Cell2
|
Row3 Cell3
|
{| border="1" style="font-size:10px"
|-
| colspan="3" | Row 1 Cell1
|-
| colspan="2" | Row2 Cell1 || Row2 Cell2
|-style="font-size:12px;color:red"
|Row3 Cell1 || colspan="2" | Row3 Cell2
|-
|Row4 Cell1
|Row4 Cell2
|Row4 Cell3
|}
colspan ?????????????????? cell ??? || ???????????????????????????????????? colspan ??? column ?????????????? column ????????????????? ???????? ?????????????????? ???????????????
???????????? row span ??????? ?????????????????
| Row1 Cell1
|
Row1 Cell2
|
Row1 Cell3
|
| Row2 Cell2
|
Row2 Cell3
|
| Row3 Cell1
|
Row3 Cell2
|
Row3 Cell3
|
| Row4 Cell1
|
Row4 Cell3
|
| Row5 Cell1
|
Row5 Cell2
|
Row5 Cell3
|
| Row6 Cell1
|
Row6 Cell2
|
{| border="1" style="font-size:10px"
|-
| rowspan="2" | Row1 Cell1
||Row1 Cell2
||Row1 Cell3
|-
|Row2 Cell2
|Row2 Cell3
|-
|Row3 Cell1
|rowspan="2" | Row3 Cell2
||Row3 Cell3
|-
|Row4 Cell1
|Row4 Cell3
|-
|Row5 Cell1
|Row5 Cell2
|rowspan="2"|Row5 Cell3
|-
|Row6 Cell1
|Row6 Cell2
|}
????????????? ??????? ????????? ??????? ????? ????????????????????? ????????????? ?????????? ???????????
???? ???????
{|
| A
| B
|-
| C
| D
|}
{|
| A || B
|-
| C || D
|}
browser ???? ???????
???? ???????
{| class="wikitable" style="text-align:center"
|+Multiplication table
|-
! ×?!! 1?!! 2?!! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
! 3
| 3 || 6 || 9
|-
! 4
| 4 || 8 || 12
|-
! 5
| 5 || 10 || 15
|}
???? browser ????????????
(
Help:User_style
???????)
Multiplication table
| ×
|
1
|
2
|
3
|
| 1
|
1
|
2
|
3
|
| 2
|
2
|
4
|
6
|
| 3
|
3
|
6
|
9
|
| 4
|
4
|
8
|
12
|
| 5
|
5
|
10
|
15
|
??????????? ???????? ????? ????????????? ????????????? ??????????????? ??? ??????? ?????????????
???? ???????
{|
| style="background:red; color:white" | abc
| def
| bgcolor="red" | <font color="white"> ghi </font>
| jkl
|}
???? browser ???? ???????
????? ???????????? (parameter) ?????????? ?????????????? ????????? ????????????? ??????? ???????????????? ?????? ???????????? ??? ????? ???????????? ????? ?????????????? ?????? ???????????? ??? ?????? ???????????? ????? ?????????????
???? ???????
{| style="background:yellow; color:green"
|-
| abc || def || ghi
|- style="background:red; color:white"
| jkl || mno || pqr
|-
| stu || style="background:silver" | vwx || yz
|}
???? browser ???? ????????
| abc
|
def
|
ghi
|
| jkl
|
mno
|
pqr
|
| stu
|
vwx
|
yz
|
????? ???????????????? ?????????????????? ???????????
style="background:none"
????
style="background:transparent"
?? ??????
????? ?????? ????? ????? ????????? ????????? ??????????????????? ???????????????? ?????? ????? ??? ?????????? ?????????? ? ????????????????????????? ????????????? ????? ????????? ????????????????
browser
????? ????????????? ??????????????
???? ???????
{| style="width:75%; height:200px" border="1"
|-
| abc || def || ghi
|- style="height:100px"
| jkl || style="width:200px" |mno || pqr
|-
| stu || vwx || yz
|}
browser ???? ???????
| abc
|
def
|
ghi
|
| jkl
|
mno
|
pqr
|
| stu
|
vwx
|
yz
|
???????????? inline CSS ???????
style="...."
??? ??????????? browser ???????? ????????????????????????? ????? ???????????????????
width="75%"
?????????? ????????????????
???????????? ?????? ???????? ???????????? ????? ??????? ???????? ?????????????????????????? ???????? ???????? ????????? ?????????
{| border="1" cellpadding="2"
!width="50"|Name
!width="225"|Effect
!width="225"|Games Found In
|-
|Poke Ball || Regular Poke Ball || All Versions
|-
|Great Ball || Better than a Poke Ball || All Versions
|}
| Name
|
Effect
|
Games Found In
|
| Poke Ball
|
Regular Poke Ball
|
All Versions
|
| Great Ball
|
Better than a Poke Ball
|
All Versions
|
????? ???????? ????????????????? ???????? ????????????? ??????? ????? ? ???????? ?????????????? ???????????????????????
{| border="1" cellpadding="2"
|-
|width="100pt"|This column is 100 points wide
|width="200pt"|This column is 200 points wide
|width="300pt"|This column is 300 points wide
|-
|blah || blih || bluh
|}
| This column is 100 points wide
|
This column is 200 points wide
|
This column is 300 points wide
|
| blah
|
blih
|
bluh
|
????? ???????? ?????????????????? ??????????? ???????? ?????????? ?????????????????
| Country
|
Capital
|
| The Netherlands
|
Amsterdam
|
| Country
|
Capital
|
| France
|
Paris
|
?????????????? ????? ???????????? ???????? ??????? ?????????????????????? -
| Row heading
|
A longer piece of text. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
A shorter piece of text.
|
| Row heading
|
A longer piece of text.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
A shorter piece of text.
|
?????????????????
valign="top"
????????? (??????? ?????????????)? ???? -
{| border="1" cellpadding="2"
|-valign="top"
|width="10%"|'''??ow heading'''
|width="70%"|A longer piece of text. Lorem ipsum...
|width="20%"|A shorter piece of text.
|-valign="top"
|'''??ow heading'''
|A longer piece of text. Lorem ipsum...
|A shorter piece of text.
|}
| Row heading
|
A longer piece of text. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
A shorter piece of text.
|
| Row heading
|
A longer piece of text.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
A shorter piece of text.
|