Как сделать таблицу в html

Как сделать таблицу в htmlКак сделать таблицу в html и для чего она нужна. При написании статей, существует информация, которую желательно располагать в таблице. Это могут быть маленькие картинки с текстом, или колонки цифр.

Для того чтобы статья с таким контентом выглядели красиво и не разъезжалась в различных браузерах, можно сделать таблицу в html. Постичь науку по изготовлению таблиц совсем несложно. Главное понять принцип построения рядов и колонок.

Ниже привожу варианты кодов таблиц в html и как эти коды выглядят на сайте. Обратите внимание, для того, чтобы  вам было удобнее, все варианты таблиц находятся в большой таблице. Каламбур поневоле.

Во всех вариантах кода в теге <table border=»1″> указана рамка таблицы с толщиной в 1 пиксель. Бывает так, что эта рамка не нужна, тогда тег border=»1″ нужно уничтожить или заменить 1 на 0.

В последнем варианте указан фон (bgcolor=»#F1F1F1″) в объединенной ячейке (colspan=»2″).

По аналогии можно разобраться со всем остальным. Такие коды годятся и для блогов, только не забывайте переключать редактор записей в админке в режим HTML.

Маленькие хитрости с тегом <div> для украшения и SEO оптимизации вашего сайта читайте в статье Текст поверх картинки html.

1 2 3 4
<table border=»1″>

<tbody>

<tr>

<td>1кол</td>

<td>2кол</td>

</tr>

</tbody>

</table>

<table border=»1″>

<tbody>

<tr>

<td>1ряд</td>

</tr>

<tr>

<td>2ряд</td>

</tr>

</tbody>

</table>

<table border=»1″><tbody><tr><td>1к1р</td>

<td>2к1р</td>

</tr>

<tr>

<td>1к2р</td>

<td>2к2р</td>

</tr>

</tbody>

</table>

<table border=»1″>
<tbody>
<tr>
<td colspan=»2″

bgcolor=»#F1F1F1″>

1кол1ряд</td>
</tr>
<tr>
<td>1к2р</td>
<td>2к2р</td>
</tr>
</tbody>
</table>

1кол 2кол
1ряд
2ряд
1к1р 2к1р
1к2р 2к2р
1кол1ряд
1к2р 2к2р

С нетерпением жду ваши комментарии

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>