Õîòèòå íàó÷èòüñÿ ðèñîâàòü òàáëèöû?
Âû, êîíå÷íî, ìîæåòå ñïðîñèòü: "À äëÿ ÷åãî ýòî íóæíî?"
Íàïðèìåð, ïðè ïóáëèêàöèè äëèííîãî ñòèõîòâîðåíèÿ åãî ìîæíî ðàçäåëèòü íà äâå êîëîíêè, à íå äåëàòü ïåðåõîä â êîììåíòàðèè ïðè ïîìîùè òåãà
more, òàê ÷àñòî èñïîëüçóåìîãî â äíåâíèêàõ.
Ìîæíî ñäåëàòü ðèñóíîê à-ëÿ "òåñò" ñ êíîïêîé (êàê äåëàòü êíîïêè? ß ðàññêàæó!).
Ìîæíî... äà ÷òî óãîäíî ìîæíî ñäåëàòü!
Èòàê, ðèñóåì òàáëè÷êó! Ñàìóþ ïðîñòóþ, 2×2.
Èñõîäíûé òåêñò:
<table width="200" border="3" cellspacing="0" cellpadding="0">
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr></table>
Íåñêîëüêî òîíêîñòåé:
width - øèðèíà (ìîæåò çàäàâàòüñÿ æ¸ñòêî, òî-åñòü â ïèêñåëÿõ, à ìîæíî â ïðîöåíòàõ, òîãäà òàáëè÷êà áóäåò ñàìà ó÷èòûâàòü øèðèíó ñòðàíèöû)
border - òîëùèíà êà¸ìêè/áîðäþðà òàáëèöû
cellspasing - ðàññòîÿíèå ìåæäó ÿ÷åéêàìè,
cellspadding - îòñòóï îò ãðàíèö ÿ÷åéêè âíóòðè íå¸,
<tr>òåã îòêðûòèÿ ñòðîêè
<td>1</td>òåã ÿ÷åéêè 1
<td>2</td>òåã ÿ÷åéêè 2
</tr>êîíåö ñòðîêè
<tr>íà÷àëî âòîðîé ñòðîêè
<td>3</td>òåã ÿ÷åéêè 3
<td>4</td>òåã ÿ÷åéêè 4
</tr>êîíåö âòîðîé ñòðîêè
</table> êîíåö òàáëèöû
Ýòî òà æå ñàìàÿ òàáëè÷êà ñ øèðèíîé, óêàçàííîé â ïðîöåíòàõ:
Èñõîäíûé òåêñò:
<table width="100%" border="3" cellspacing="0" cellpadding="0">
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr></table>