Создание таблиц 2 — различия между версиями
| [досмотренная версия] | [досмотренная версия] |
(Новая страница: «<h2>Таблицы в HTML</h2> Начало и конец таблицы задаются тегами '''<'''table'''>''' '''<'''/table'''>'''. <br>Строки ...») |
|||
| Строка 20: | Строка 20: | ||
'''В Wiki это будет выглядеть так:''' | '''В Wiki это будет выглядеть так:''' | ||
<table> | <table> | ||
| + | <tr> | ||
| + | <td>Первая ячейка</td> | ||
| + | <td>Вторая ячейка</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Третья ячейка</td> | ||
| + | <td>Четвертая ячейка</td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | |||
| + | <h2>Рамка</h2> | ||
| + | <h3>Обозначение рамки</h3> | ||
| + | Для обозначения рамки используется тег border. | ||
| + | |||
| + | '''Пример:''' | ||
| + | |||
| + | '''<'''table border="1"> | ||
| + | <br>'''<'''tr> | ||
| + | <br>'''<'''td>Первая ячейка'''<'''/td> | ||
| + | <br>'''<'''td>Вторая ячейка</td> | ||
| + | <br>'''<'''/tr> | ||
| + | <br>'''<'''tr> | ||
| + | <br>'''<'''td>Третья ячейка</td> | ||
| + | <br>'''<'''td>Четвертая ячейка</td> | ||
| + | <br>'''<'''/tr> | ||
| + | <br>'''<'''/table> | ||
| + | |||
| + | '''В Wiki это будет выглядеть так:''' | ||
| + | <table border="1"> | ||
| + | <tr> | ||
| + | <td>Первая ячейка</td> | ||
| + | <td>Вторая ячейка</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Третья ячейка</td> | ||
| + | <td>Четвертая ячейка</td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | |||
| + | <h3>Толщина рамки</h3> | ||
| + | Вы сами можете менять толщину рамки вокруг таблицу (между ячейками рамка всегда одной толщины): border="1" - самая тонкая рамка, border="10" - самая толстая: | ||
| + | |||
| + | <table border="10"> | ||
| + | <tr> | ||
| + | <td>Первая ячейка</td> | ||
| + | <td>Вторая ячейка</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Третья ячейка</td> | ||
| + | <td>Четвертая ячейка</td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | |||
| + | <h2>Расстояние между ячейками</h2> | ||
| + | |||
| + | Для изменения расстояния между соседними ячейками используется тег cellspacing | ||
| + | |||
| + | '''Пример:''' | ||
| + | |||
| + | '''<'''table border="6" cellspacing="10"> | ||
| + | <br>'''<'''tr> | ||
| + | <br>'''<'''td>Первая ячейка'''<'''/td> | ||
| + | <br>'''<'''td>Вторая ячейка</td> | ||
| + | <br>'''<'''/tr> | ||
| + | <br>'''<'''tr> | ||
| + | <br>'''<'''td>Третья ячейка</td> | ||
| + | <br>'''<'''td>Четвертая ячейка</td> | ||
| + | <br>'''<'''/tr> | ||
| + | <br>'''<'''/table> | ||
| + | |||
| + | '''В Wiki это будет выглядеть так:''' | ||
| + | <table border="6" cellspacing="10"> | ||
| + | <tr> | ||
| + | <td>Первая ячейка</td> | ||
| + | <td>Вторая ячейка</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Третья ячейка</td> | ||
| + | <td>Четвертая ячейка</td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | |||
| + | <h2>Расстояние внутри ячеек</h2> | ||
| + | |||
| + | Для изменения расстояния внутри ячеек используется тег cellpadding. | ||
| + | |||
| + | '''Пример:''' | ||
| + | |||
| + | '''<'''table border="6" cellpadding="10"> | ||
| + | <br>'''<'''tr> | ||
| + | <br>'''<'''td>Первая ячейка'''<'''/td> | ||
| + | <br>'''<'''td>Вторая ячейка</td> | ||
| + | <br>'''<'''/tr> | ||
| + | <br>'''<'''tr> | ||
| + | <br>'''<'''td>Третья ячейка</td> | ||
| + | <br>'''<'''td>Четвертая ячейка</td> | ||
| + | <br>'''<'''/tr> | ||
| + | <br>'''<'''/table> | ||
| + | |||
| + | '''В Wiki это будет выглядеть так:''' | ||
| + | <table border="6" cellpadding="10"> | ||
<tr> | <tr> | ||
<td>Первая ячейка</td> | <td>Первая ячейка</td> | ||
Версия 12:51, 17 ноября 2011
Содержание
Таблицы в HTML
Начало и конец таблицы задаются тегами <table> </table>.
Строки задаются тегами <tr> </tr>
Столбцы задаются тегами <td> </td>
Пример:
<table>
<tr>
<td>Первая ячейка</td>
<td>Вторая ячейка</td>
</tr>
<tr>
<td>Третья ячейка</td>
<td>Четвертая ячейка</td>
</tr>
</table>
В Wiki это будет выглядеть так:
| Первая ячейка | Вторая ячейка |
| Третья ячейка | Четвертая ячейка |
Рамка
Обозначение рамки
Для обозначения рамки используется тег border.
Пример:
<table border="1">
<tr>
<td>Первая ячейка</td>
<td>Вторая ячейка</td>
</tr>
<tr>
<td>Третья ячейка</td>
<td>Четвертая ячейка</td>
</tr>
</table>
В Wiki это будет выглядеть так:
| Первая ячейка | Вторая ячейка |
| Третья ячейка | Четвертая ячейка |
Толщина рамки
Вы сами можете менять толщину рамки вокруг таблицу (между ячейками рамка всегда одной толщины): border="1" - самая тонкая рамка, border="10" - самая толстая:
| Первая ячейка | Вторая ячейка |
| Третья ячейка | Четвертая ячейка |
Расстояние между ячейками
Для изменения расстояния между соседними ячейками используется тег cellspacing
Пример:
<table border="6" cellspacing="10">
<tr>
<td>Первая ячейка</td>
<td>Вторая ячейка</td>
</tr>
<tr>
<td>Третья ячейка</td>
<td>Четвертая ячейка</td>
</tr>
</table>
В Wiki это будет выглядеть так:
| Первая ячейка | Вторая ячейка |
| Третья ячейка | Четвертая ячейка |
Расстояние внутри ячеек
Для изменения расстояния внутри ячеек используется тег cellpadding.
Пример:
<table border="6" cellpadding="10">
<tr>
<td>Первая ячейка</td>
<td>Вторая ячейка</td>
</tr>
<tr>
<td>Третья ячейка</td>
<td>Четвертая ячейка</td>
</tr>
</table>
В Wiki это будет выглядеть так:
| Первая ячейка | Вторая ячейка |
| Третья ячейка | Четвертая ячейка |