HTML Таблицы и Атрибут Border
Если вы не указываете атрибут border, таблица будет отображаться без границ. Иногда это может быть полезно, но в большинстве случаев, мы хотим показать границы.
Чтобы отобразить таблицу с границами, используется атрибут border:
<table border="1"> <tr> <td>строка 1, ячейка 1</td> <td>строка 1, ячейка 2</td> </tr> </table> |
HTML Заголовки Столбцов/Строк Таблицы
Информация о заголовках столбцов/строк в таблице указывается с помощью тега <th>.
Подавляющее большинство браузеров будут отображать текст в элементе <th> как жирный и выровненный по центру.
<table border="1"> <tr> <th>Заголовок 1</th> <th>Заголовок 2</th> </tr> <tr> <td>строка 1, ячейка 1</td> <td>строка 1, ячейка 2</td> </tr> <tr> <td>строка 2, ячейка 1</td> <td>строка 2, ячейка 2</td> </tr> </table> |
Как HTML код выше выглядит в вашем браузере:
Заголовок 1 | Заголовок 2 |
строка 1, ячейка 1 | строка 1, ячейка 2 |
строка 2, ячейка 1 | строка 2, ячейка 2 |
Еще примеры |
Таблицы без границ
Как создавать таблицы без границ.
Заголовки столбцов/строк таблицы
Как создавать заголовки столбцов/строк таблицы.
Заголовок таблицы
Как добавить заголовок к таблице.
Ячейки таблицы, которые охватывают более одной строки/столбца
Как определить ячейки таблицы, которые занимают более одной строки или одной колонки.
Теги внутри таблицы
Как отображать элементы внутри других элементов.
|
|
Атрибут cellpadding
Как использовать атрибут cellpadding для увеличения расстояния между содержимым ячейки и ее границами.
Атрибут cellspacing
Как использовать атрибут cellspacing для увеличения расстояния между ячейками.
Атрибут frame
Как использовать атрибут "frame" для контроля границ (рамки) вокруг таблицы.
HTML Теги Таблиц
Тег | Описание |
<table> | Определяет таблицу |
<th> | Определяет заголовок колонки |
<tr> | Определяет строку таблицы |
<td> | Определяет ячейку таблицы |
<caption> | Определяет заголовок таблицы |
<colgroup> | Определяет группу колонок в таблице для форматирования |
<col> | Определяет значения атрибутов для одной или более колонок в таблице |
<thead> | Группирует содержимое заголовка в таблице |
<tbody> | Группирует содержимое тела таблицы |
<tfoot> | Группирует содержимое "подвала" таблицы |
Наиболее распространенные HTML списки - это упорядоченные списки и неупорядоченные списки:
HTML Списки
|
Примеры |
Неупорядоченный список
Как создать неупорядоченный список в HTML документе.
|
|
Упорядоченный список
Как создать упорядоченный список в HTML документе.
(Вы найдете больше примеров внизу этой страницы).
HTML Неупорядоченные Списки
Неупорядоченный список начинается тегом <ul>. Каждый пункт списка начинается тегом <li>.
Эти пункты списка отмечаются маркерами bullit (как правило небольшие черные круги).
<ul> <li>Кофе</li> <li>Молоко</li> </ul> |
Как HTML код выше выглядит в браузере:
- Кофе
- Молоко
HTML Упорядоченные Списки
Упорядоченный список начинается с тега <ol>. Каждый пункт списка начинается тегом<li>.
Пункты списка маркеруются числами.
<ol> <li>Кофе</li> <li>Молоко</li> </ol> |
Как HTML код выше выглядит в браузере:
1. Кофе
2. Молоко
HTML Списки Определений
Список определений - это список пунктов с описанием каждого пункта.
Тег <dl> определяет список определений.
Тег <dl> используется в связке с тегом <dt> (определяет пункт списка) и <dd> (описывает пункт списка):
<dl> <dt>Кофе</dt> <dd>- черный горячий напиток</dd> <dt>Молоко</dt> <dd>- белый холодный напиток</dd> </dl> |
Как HTML код выше выглядит в браузере:
Кофе
- черный горячий напиток
|
|
Молоко
- белый холодный напиток
Дата добавления: 2019-01-14; просмотров: 405; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!