Таблицы.
За таблицы в html отвечает сразу целая группа тегов.
<table></table> - начало и конец таблицы. Все элементы таблицы помещаются внутри этих тегов.
<tr></tr> - строка в таблице.
<td></td> - ячейка таблицы, помещается на строке (внутри <tr></tr>)
<th></th> - заголовки таблицы. По сути почти такие же ячейки, как и <td>
Приступим сразу к примеру. Чтобы было нагляднее, включим отображение границ ячеек, добавив к тегу <table> атрибут border
<table border="1">
<tr>
<td> </td>
<th>Заколовок столбца 1</th>
<th>Заколовок столбца 2</th>
</tr>
<tr>
<th>Строка 1</th>
<td>Строка 1, столбец 1</td>
<td>Строка 1, столбец 2</td>
</tr>
<tr>
<th>Строка 2</th>
<td>Строка 2, столбец 1</td>
<td>Строка 2, столбец 2</td>
</tr>
</table>* This source code was highlighted with Source Code Highlighter.
Заколовок столбца 1 | Заколовок столбца 2 | |
---|---|---|
Строка 1 | Строка 1, столбец 1 | Строка 1, столбец 2 |
Строка 2 | Строка 2, столбец 1 | Строка 2, столбец 2 |
Списки
Списки будут позже.