Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Обзор HTML и CSS.doc
Скачиваний:
7
Добавлен:
01.05.2019
Размер:
553.47 Кб
Скачать

Специальные символы

Содержащиеся в документе символы, не являющиеся при этом частью тегов, обычно отображаются браузером "как есть". Некоторые символы, однако, имеют специальное значение и прямо не выводятся, другие же невозможно набрать со стандартной клавиатуры. Для включения специальных символов в документ требуется их кодирование: либо с помощью специальных названий, либо с помощью числовой кодировки 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)