текст с использованием пробелов и переводов строк

текст с использованием пробелов и переводов строк

<pre>...</pre>

Представляет текст с использованием пробелов и переводов строк для последующего
отображения его на экране.

Это нужно, когда используется только текстовая
информация, и вы хотите расположить ее на странице Web, предпочитая выбранную
компоновку.

Текст отображается шрифтом одного размера, т.е. шрифтом типа
телетайпного, в котором все символы имеют один и тот же размер по горизонтали.

Использование пробелов и переводов строк точно соответствует содержимому в
пределах элемента <pre>...</pre>.
Атрибуты:
width=[число]

Предоставляет визуальным браузерам подсказку относительно желаемой
ширины блока форматированного текста.

Программа просмотра может
использовать эту информацию для выбора соответствующего размера
шрифта или для создания соответствующего отступа.

Ширина выражается
числом символов. Данный атрибут часто не поддерживается.

Пример:
<PRE>
! « # $ % &amp; ' () * +, — . /
0 1 2 3 4 5 6 7 8 9 : ; &lt; = &gt; ?
Приложение 2. Краткий справочник по HTML 37
@ A B C D E F G H I J K L M N O
P Q R S T U V W X Y Z [ \ ] ^ _
` a b c d e f g h i j k l m n o
p q r s t u v w x y z { | } ~
</PRE>


<q>...</q>

Определяет текст в кавычках.

В отличие от элемента <blockquote>...</blockquote>
предназначен для коротких цитат, в которых не требуется разбиение на абзацы.

Визуальные браузеры должны обеспечивать отображение содержимого элемента
<q>...</q> с кавычками в начале и в конце. Авторы не должны помещать кавычки в
начало и в конец текста в элементе <q>...</q>.
Атрибуты:
cite=[url]

Значением этого атрибута является URL, определяющий источник
документа или сообщения.

Данный атрибут предназначен для
предоставления информации об источнике, из которого заимствована
цитата.
Пример:
<q>The best defence is offence.</q>


<s>...</s>

Отображение текста перечеркнутым шрифтом. Такую же функцию выполняет элемент
<strike>...</strike>. Оба элемента нежелательны.
Атрибуты:
Нет.
Пример:
<s>Этот текст перечеркнут</s>


<samp>...</samp>

Вывод примера программ, сценариев и т.д.
Атрибуты:
Нет.
Пример:
<samp>Еще один пример</samp>


<script>...</script>

Помещает скрипт в документ.

Этот элемент может указываться в элементе
<head>...</head> или <body>...</body> документа HTML несколько раз.

Клиентский скрипт – это программа, которая может сопровождать документ HTML или
непосредственно быть внедренной в него.

Такая программа выполняется на клиентской
машине при загрузке документа или в другое время, например, когда активизируется
ссылка.

Поддержка скриптов в HTML не зависит от языка скрипта.
Атрибуты:
src=[url]

Определяет местоположение внешнего скрипта.

Скрипт может
определяться в содержимом элемента <script>...</script> или во внешнем
файле.

Если атрибут src не установлен, программы просмотра должны
интерпретировать содержимое элемента как скрипт.

Если для атрибута src
установлено значение URL, браузеры должны игнорировать содержимое
этого элемента и загружать скрипт по указанному URL.
type=[тип содержимого]

Задает язык скрипта содержимого элемента и имеет приоритет над языком
скрипта, заданным по умолчанию.

Язык скрипта указывается как тип
содержимого, например «text/javascript». Авторы должны указать значение
этого атрибута.
language=[язык скрипта]

Определяет язык скрипта содержимого этого элемента.

Его значением
является идентификатор языка, но поскольку идентификаторы не
стандартизованы, этот атрибут является нежелательным, вместо него
следует использовать атрибут type.
defer

Если этот логический атрибут установлен, он обеспечивает для программы
просмотра подсказку о том, что скрипт не будет генерировать содержимое
документа, например document.write в JavaScript, и, таким образом,
браузер может продолжать синтаксический разбор и представление
документа.

Пример:
В этом примере объявляется язык скриптов по умолчанию: «text/tcl».

В заголовок включается элемент <script>...</script>, сам скрипт находится
во внешнем файле и использует язык «text/vbscript».

Кроме того, один
элемент <script>...</script> находится в теле документа и содержит другой
скрипт, написанный на языке «text/javascript»:

<html>
<head>
<title>Скрипты</title>
<meta http-equiv=»Content-Script-Type" content="text/tcl">


<script type="text/vbscript"
src="http://someplace.com/progs/vbcalc">
</script>
</head>
<body>
<script type="text/javascript">
...код JavaScript...
</script>
</body>
</html>


<select>...</select>

Создает меню в форме, предоставляющее пользователям варианты выбора.

Пункты
меню в свою очередь создаются элементами <option>...</option>, которые могут
группироваться элементом <optgroup>...</optgroup>.

Элемент <select>...</select>
должен содержать хотя бы один элемент <option>...</option>.
Как альтернативу <select>...</select>, вы можете использовать элемент <input> с
<type=checkbox> или <type=radio>, который при отображении позволяет пользователю
увидеть все варианты сразу.
Атрибуты:
name=[имя]

Определяет имя управляющего элемента.
size=[число]

Если элемент <select>...</select> представлен в виде списка с
возможностью прокрутки, этот атрибут определяет число строк в списке,
видимых в данный момент времени.

Визуальные программы просмотра не
обязательно должны представлять элемент <select>...</select> в виде
списка; они могут использовать другие механизмы – например
открывающийся список.
multiple

Если этот логический атрибут установлен, он позволяет выбирать
несколько пунктов.

Если он не установлен, в элементе <select>...</select>
можно выбрать только один вариант.

Пример:
<select name="selection">
<option value="option1">Вариант 1
<option value="option2">Вариант 2
<option value="option3">Вариант 3
</select>


<small>...</small>

Представление текста шрифтом уменьшенного размера, например для обозначения
текста меньшей важности.

Атрибуты:
Нет.
Пример:
<small>Этот текст отображается шрифтом уменьшенного
размера</small>


<span>...</span>

Определяет встраиваемую информацию. Обеспечивает общий механизм добавления
структуры в документы.
Атрибуты:
id=[имя]

Назначает имя данному элементу, которое в пределах документа должно
быть уникальным. Может использовать во всех элементах HTML, кроме
<base>, <head>...</head>, <html>...</html>, <meta>, <script>...</script>,
<style>...</style>, <title>...</title>.
class=[строка]

Назначает элементу имя класса или набор имен классов.

Одно и то же имя
или имена классов могут быть назначены любому числу элементов.

Несколько имен классов должны быть разделены пробелами. Может
использоваться во всех элементах, кроме <base>, <basefont>,
<head>...</head>, <html>...</html>, <meta>, <param>, <script>...</script>,
<style>...</style>, <title>...</title>.
href=[url]

Указывает ресурс, предоставляющий дополнительную информацию о
содержимом элемента <span>...</span>.

Пример:
Здесь элемент <span>...</span> используется вместе с атрибутами id и
class для пометки сообщений документа:
<p><span id="msg1" class="info">Переменная объявлена
дважды.</span>

<p><span id="msg2" class="warning">Переменная не
объявлена.</span>

<P><span id="msg3" class="error">Синтаксическая ошибка в
имени переменной.</span>


<strike>...</strike>

Представление текста перечеркнутым шрифтом. Такую же функцию выполняет элемент
<s>...</s>. Оба элемента нежелательны.
Атрибуты:
Нет.
Пример:
Сравните <strike>перечеркнутый текст </strike>с нормальным.


<strong>...</strong>

Для сильного подчеркивания. Менее сильное выделение реализуется элементом
<em>...</em>.

Обычно визуальные программы просмотра представляют текст элемента
<em>...</em> курсивом, а текст элемента <strong>...</strong> полужирным шрифтом.

Синтезаторы речи могут изменять параметры синтеза, например громкость, повышение
тона и скорости соответственно.
Атрибуты:
Нет.
Пример:
Сравните <em>выделение</em> и <strong>сильное
выделение</strong>


<style>...</style>

Позволяет помещать правила таблиц стилей в раздел <head>...</head> документа.
В HTML допустимо любое число элементов <style>...</style> в разделе
<head>...</head>.

Атрибуты:
type=[язык таблиц стилей]

Определяет язык таблиц стилей для содержимого элемента.

Язык таблиц
стилей указывается как тип содержимого, например, «text/css». Авторы
должны указать значение для этого атрибута; для него нет значения по
умолчанию.

media=[дескрипторы устройств]
Задает целевое устройство для информации о стиле.

Это может быть один
дескриптор устройства или список дескрипторов, разделенных запятыми.
По умолчанию устанавливается значение «screen».

Пример:
Следующее объявление приводит к появлению границы вокруг всех
элементов <h1>...</h1> в документе и центрированию их на странице:

<head>
<style type="text/css">
42 Самоучитель создания Web-страниц и Web-сайтов
h1 {border-width: 1; border: solid; text-align: center}
</style>
</head>


<sub>...</sub>

Нижний индекс. Содержимое элемента отображается несколько ниже уровня обычного
текста, часто так, что текст индекса центрирован относительно нижнего уровня
обычного текста и, возможно, меньшим шрифтом.
Атрибуты:
Нет.
Пример:
<sub>i</sub>=x<sub>1</sub> + x<sub>2</sub> + ... +
<sub>n</sub>


<sup>...</sup>

Представление надстрочного индекса, который может быть показателем степени в
математическом выражении или индексом переменных.

Отображается несколько выше
уровня нормального текста и, возможно, меньшим шрифтом.
Атрибуты:
Нет.
Пример:
a<sup>b<sup>c</sup></sup>


<table>...</table>

Представление информации в виде таблиц.
Атрибуты:
summary=[текст]

Краткая информация о назначении и структуре таблицы для невизуальных
браузеров, таких как синтезаторы речи или азбуки Бройля.

align=left | center | right
Задает положение таблицы относительно документа.

Допустимые значения:
left – таблица находится в левой части документа;
center – таблица находится в центре документа;
right – таблица находится в правой части документа.
width=[число]

Определяет необходимую ширину всей таблицы и предназначен для
визуальных браузеров пользователей. Если значение указано в процентах.


это означает долю в процентах от доступного горизонтального
пространства. Если ширина не указана, она определяется программой

просмотра.
border=[число]
Задает ширину рамки вокруг таблицы в пикселах.
cellspacing=[число]

Определяет пространство в пикселах, которое браузер должен оставить
между левой стороной таблицы и левым краем крайнего левого столбца,
верхней границей таблицы и верхним краем самой верхней строки и так
далее для правой и нижней границ таблицы.

Этот атрибут также определяет
пространство между ячейками.
cellpadding=[число]

Определяет пространство между границей ячейки и ее содержимым.

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

Если значение атрибута указано в процентах, верхнее и
нижнее поля должны быть отделены от содержимого на одинаковый
процент доступного вертикального пространства, а левое и правое поля
должны быть отделены от содержимого на одинаковый процент доступного
горизонтального пространства.
bgcolor=[цвет]

Устанавливает цвет фона ячеек таблицы. Значения данного атрибута
приведены в таблице в конце справочника.

Использование этого атрибута
не рекомендуется, вместо него следует использовать свойства таблицы
стилей.

Пример:
<table align=center width="80%" border=1 cellspacing=10
cellpadding=3>
<caption>Страны Cевера</caption>
<tr>
<td>Дания</td>
<td>Финляндия</td>
<td>Исландия</td>
<td>Норвегия</td>
<td>Швеция</td>
</tr>
</table>

Понравилась статья? Поделиться с друзьями:
Блог  Измайлова Павла
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: