Разрыв строки

Тег извещает браузер о разрыве строки. Дополнительный параметр clear тега позволяет не просто выполнить перевод строки, но и разместить следующую строку, начиная с чистой левой (left), правой (right) или обеих (all) границ окна браузера. Например, если рядом с текстом слева встречается рисунок, то можно использовать тег для смещения текста ниже рисунка.

Если не требуется, чтобы браузер автоматически переносил строку, то можно обозначить ее тегами и . В этом случае браузер не будет переносить строку, даже если она выходит за границы экрана. Вместо этого браузер позволит горизонтально прокручивать окно. Например: . Данная строка является самой длинной строкой документа, которая не допускает какого-либо разбиения где бы то ни было . Если вы хотите все же позволить разбиение данной строки на две, но в строго запланированном месте, то вставьте тег в это место. Например: . Данная строка является самой длинной строкой документа , которая не допускает какого-либо разбиения где бы то ни было .

Предварительное форматирование

Дополнительные пробелы, символы табуляции и возврата каретки в исходном тексте HTML-документа будут проигнорированы Web-браузером при интерпретации документа. HTML-документ может включать вышеописанные элементы, только если они помещены внутрь тегов <pre> и </pre>. Эти теги используются, чтобы текст выглядел так, как был набран.

Физическая и логическая разметка документа

Все теги HTML можно условно разделить на две большие категории "физические" и "логические", т.е. такие, которые определяют только внешний вид документа, и такие, которые несут информацию о его логической структуре.

«Физические» теги:

Тег	Значение
<i>...</i>	Курсив (Italic)
<b>...</b>	Усиление (Вold)
<tt>...</tt>	Телетайп
<u>...</u>	Подчеркивание
<s>...</s>	Перечеркнутый текст
<big>...</big>	Увеличенный размер шрифта
<small>...</small>	Уменьшенный размер шрифта
<sub>...</sub>	Подстрочные символы
<sup>...</suр>	Надстрочные символы

Пример:

<html>

<head>

<title> Создание жирного подчеркнутого текста</title>

<body>

Текст жирный и подчеркнутый

<!—разрыв строки -->

Надстрочные символы </suр>

</body>

</html>

«Логические» теги:

Тег	Значение
<ем>...</ем>	Типографское усиление
<сiте>...</сiте>	Цитирование
<strong>...</strong>	Усиление
<сode>...</сode>	Отображает примеры кода (например, "коды программ")
<sамр>...</sамр>	Последовательность литералов
<квd>...</квd>	Пример ввода символов с клавиатуры
<var>...</var>	Переменная
<dfn>...</dfn>	Определение
<q>...</q>	Текст, заключенный в двойные кавычки

Несмотря на то, что многие "логические" теги дублируют друг друга в смысле внешних эффектов, они полезны: благодаря им, во-первых, упрощается анализ страницы поисковыми системами, а во-вторых, достигается единообразие оформления страниц и их соответствие полиграфическим правилам и традициям.

Работа с тегами

Параметры шрифта — гарнитура, размер, цвет — в HTML задаются с помощью тега . Это контейнерный тег, определяющий свойства заключенного в него текста.

Гарнитура задается с помощью атрибута face. Кроме собственно имени шрифта, значением face может служить список имен шрифтов. В этом случае браузер выбирает первый из списка шрифт, который есть на компьютере пользователя. Если же такого шрифта нет, параметр face игнорируется. Поэтому рекомендуется все надписи с нестандартной гарнитурой делать в графическом редакторе и вставлять в HTML-страницу в виде изображений.

Размер шрифта определяется параметром size и выбирается из ряда от 1 до 7. По умолчанию используется шрифт размера 3. Реальный размер текста в окне браузера зависит от размера шрифта, установленного пользователем для просмотра страниц. Поэтому чаще в дескрипторе задается относительный размер шрифта. Так, например, запись означает, что дальше будет использоваться шрифт на 3 единицы крупнее предыдущего.

Цвет шрифта определяется параметром color и задается по формуле #RRGGBB, где RR, GG и ВВ — двузначные шестнадцатеричные числа, обозначающие интенсивность красной, зеленой и синей составляющих, соответственно. Кроме того, для стандартных 140 цветов существуют мнемонические имена, которые также можно использовать при определении параметра color (например, красный – red, зеленый - green).

Если необходимо указать несколько параметров дескриптора , то они перечисляются в произвольном порядке через пробел, например:

Текст красного цвета, шрифт на 3 единицы крупнее предыдущего

<<< < Предыдущая 49 50 51 52 53 54 55 56 57 58 59 6061 / 7861 62 63 64 65 66 67 68 69 70 71 72 73 > Следующая >>>

Соседние файлы в папке example1

#
18.05.20153.57 Кб50index.php
#
18.05.20153 Mб101Введение в PHP.doc

Разрыв строки

Предварительное форматирование

Комментарии

Физическая и логическая разметка документа

«Физические» теги:

«Логические» теги: