- •Обзор html и css
- •Структура документа html
- •Раздел head ("шапка")
- •Раздел body ("тело документа")
- •Минимальный xhtml-документ
- •Заголовки и абзацы Заголовок (h1..H6 - header 1...6)
- •Абзац (p - paragraph)
- •Логическое и физическое форматирование. Разбивка на строки Выделения (strong, em - emphasis, span)
- •Управление разбивкой текста на строки (br, nobr, pre)
- •Секция, список Секция (div - division)
- •Список (ol - ordered list, ul - unordered list)
- •Якорь. Специальные символы Якорь (a - anchor)
- •Специальные символы
- •Минимальная структура. Заголовок и колонтитулы
- •Группы столбцов. Объединение столбцов и строк Элементы colgroup и col
- •Атрибуты colspan и rowspan
- •Вопросы
- •Единицы размеров
Специальные символы
Содержащиеся в документе символы, не являющиеся при этом частью тегов, обычно отображаются браузером "как есть". Некоторые символы, однако, имеют специальное значение и прямо не выводятся, другие же невозможно набрать со стандартной клавиатуры. Для включения специальных символов в документ требуется их кодирование: либо с помощью специальных названий, либо с помощью числовой кодировки Latin-1. В таблице 2.3 приведены названия некоторых специальных символов, а также их номера в кодировке Latin-1
Таблица 2.3. Имена и номера специальных символов |
|||
Результат |
Описание |
Стандартное название |
Номер символа |
|
Неразрывный пробел |
|
#160; |
< |
меньше чем |
< |
#60; |
> |
больше чем |
> |
#62; |
& |
амперсанд |
& |
#38; |
¢ |
цент |
¢ |
#162; |
£ |
фунт |
£ |
#163; |
¥ |
иена |
¥ |
#165; |
€ |
евро |
€ |
#8364; |
§ |
раздел |
§ |
#167; |
© |
авторское право |
© |
#169; |
® |
зарегистрированная торговая марка |
® |
#174; |
« |
левая угловая кавычка |
« |
#171; |
» |
правая угловая кавычка |
» |
#187; |
Примеры:
©
®
Таблицы (table)
Таблица, как правило, представляет собой довольно большой объём структурированной информации. В HTML-разметке объём ещё и увеличивается, поскольку каждая строка и каждая ячейка представляет собой HTML-элемент с открывающим и закрывающим тэгами. Вообще говоря, для создания HTML-таблиц желательно использовать WYSIWYG-редактор (либо генерировать таблицу программно). Во всяком случае, для того, чтобы уметь использовать все полезные возможности таблиц, следует ознакомиться со стилями, применимыми к таблице и составляющим её элементам. В этом заключается задача данной лекции.
Минимальная структура. Заголовок и колонтитулы
Структура минимальной таблицы показана на рис. 9.1. Диаграмму в этих обозначениях (использована нотация UML) следует понимать так: каждой таблице может принадлежать неограниченное количество строк (но как минимум одна). Каждой строке может принадлежать неограниченное количество ячеек (также не меньше одной). Ячейка может быть заголовочной - такую ячейку браузер выделяет полужирным начертанием. Внутри же ячейки (как обычной, так и заголовочной) может быть помещено всё то же, что и в документе - текст, изображения, формы и даже другие таблицы.
Закрашенный ромб на линии связи означает "композиция", или "безраздельная принадлежность", что позволяет отличать композитную структуру (которой является и таблица HTML) от набора взаимно-информированных сущностей.
Рис. 9.1. Структура таблицы (минимальный вариант)
table {
border-style: inset;
border-width: 6px;
}
td {
padding: 2px;
border: solid 1px black;
}
...
<table>
<tr>
<td>Фамилия </td><td>Телефон </td>
</tr>
<tr>
<td>Иванов </td><td>9094567 </td>
</tr>
<tr>
<td>Петров </td><td>9045732 </td>
</tr>
</table>
Листинг 9.1. Таблица минимальной структуры (html, txt)