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; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!