Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Все теги A-Z.doc
Скачиваний:
1
Добавлен:
20.08.2019
Размер:
1.53 Mб
Скачать

Синтаксис

<del>Текст</del>

Закрывающий тег

Обязателен.

Пример 1. Использование тега <INS>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> DEL { color: red /* Цвет удаленного текста */ } </style> </head> <body> <p>Заметим, что схожий результат с Netscape показывает и браузер Opera 6, но, как видно на рис. 1, в последующих версиях <del>этот недостаток был устранен</del> <ins>подход разработчиков этого браузера был изменен</ins>.</p> </body> </html>

Результат данного примера показан ниже.

Заметим, что схожий результат с Netscape показывает и браузер Opera 6, но, как видно на рис. 1, в последующих версиях подход разработчиков этого браузера был изменен.

Тег DEN

Описание

Как правило, в документе, когда упоминается новый термин, он выделяется курсивом и дается его определение. При использовании этого термина в дальнейшем, он считается уже известным читателю. Тег <DFN> применяется для выделения таких терминов при их первом появлении в тексте.

Браузеры отображают содержимое контейнера <DFN> с помощью курсивного начертания.

Синтаксис

<dfn>Текст</dfn>

Закрывающий тег

Обязателен.

Пример 1. Использование тега <Q>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <p><dfn>Капителью</dfn> в типографике называется текст, набранный прописными буквами уменьшенного размера.</p> </body> </html>

Результат данного примера показан ниже.

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

Тег DIV

Описание

Элемент <DIV> является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить параметр class или id с именем селектора.

Как и при использовании других блочных элементов, содержимое тега <DIV> всегда начинается с новой строки. После него, также, добавляется перенос строки.

Синтаксис

<div>...</div>

Параметры

align

Задаёт выравнивание содержимого тега <DIV>.

title

Добавляет всплывающую подсказку к содержимому.

Закрывающий тег

Обязателен.

Пример 1. Использование тега <DIV>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style> .block1 { width: 200px; background: #ccc; padding: 5px; padding-right: 20px; border: solid 1px black; float: left } .block2 { width: 200px; background: #fc0; padding: 5px; border: solid 1px black; position: relative; top: 40px; left: -30px; } </style> </head> <body>

<div class="block1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</div> <div class="block2">Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</div>

</body> </html>

Описание параметров тега DIV

Параметр ALIGN

Описание

Выравнивание содержимого контейнера DIV по краю.

Синтаксис

<div align="center | left | right | justify">...</div>

Аргументы

center

Выравнивание текста по центру. Текст помещается по центру горизонтали окна браузера или контейнера, где расположен текстовый блок. Строки текста словно нанизываются на невидимую ось, которая проходит по центру веб-страницы. Подобный способ выравнивания активно используется в заголовках и различных подписях, вроде подрисуночных, он придает официальный и солидный вид оформлению текста. Во всех других случаях выравнивание по центру применяется редко по той причине, что читать большой объем такого текста неудобно.

left

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

right

Выравнивание текста по правому краю. Этот способ выравнивания выступает в роли антагониста предыдущему типу. А именно, строки текста равняются по правому краю, а левый остается «рваным». Из-за того, что левый край не выровнен, а именно с него начинается чтение новых строк, такой текст читать труднее, чем, если бы он был выровнен по левому краю. Поэтому выравнивание по правому краю применяется обычно для коротких заголовков объемом не более трех строк. Мы не рассматриваем специфичные сайты, где текст приходится читать справа налево, там возможно подобный способ выравнивания и пригодится. Но где вы у нас в стране видели такие сайты.

justify

Выравнивание по ширине, что означает одновременное выравнивание по левому и правому краю. Чтобы произвести это действие браузер в этом случае добавляет пробелы между словами.

Значение по умолчанию

left

Аналог CSS

text-align

Пример 2. Выравнивание текста

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <div align="justify">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</div> </body> </html>

Параметр TITLE

Описание

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

Синтаксис

<div title="текст">...</div>

Аргументы

Любая текстовая строка. Строка должна заключаться в двойные или одинарные кавычки.

Значение по умолчанию

Нет.

Пример 3. Подсказка к тексту

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <div title="Каноническая рыба">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</div> </body> </html>

Тег DL

Описание

Тег <DL> входит в тройку элементов <DL>, <DT>, <DD>, предназначенных для создания списка определений. Каждый такой список начинается с контейнера <DL>, куда входит тег <DT> создающий термин и тег <DD> задающий определение этого термина.

Синтаксис

<dl>  <dt>Термин 1</dt>  <dd>Определение термина 1</dd>  <dt>Термин 2</dt>  <dd>Определение термина 2</dd> </dl>

Закрывающий тег

Обязателен.

Пример 1. Использование тега <DL>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <dl> <dt>GIF</dt> <dd>Формат графических файлов, широко применяемый при создании сайтов. GIF использует 8-битовый цвет и эффективно сжимает сплошные цветные области, при этом сохраняя детали изображения. <dt>JPEG</dt> <dd>Популярный формат графических файлов, широко применямый при создании сайтов и хранения изображений. JPEG поддерживает 24-битовый цвет и сохраняет яркость и оттенки цветов в фотографиях. Данный формат называют сжатием с потерями, поскольку алгоритм JPEG выборочно отвергает данные. Метод сжатия может исказить деталь в рисунке, особенно содержащий текст или изображение с четкими краями. Формат JPEG не поддерживает прозрачность, когда вы сохраняете фотографию в формате JPEG, прозрачные пиксели заполняются определенным цветом. </dl> </body> </html>

Результат данного примера показан ниже.

GIF

Формат графических файлов, широко применяемый при создании сайтов. GIF использует 8-битовый цвет и эффективно сжимает сплошные цветные области, при этом сохраняя детали изображения.

JPEG

Популярный формат графических файлов, широко применямый при создании сайтов и хранения изображений. JPEG поддерживает 24-битовый цвет и сохраняет яркость и оттенки цветов в фотографиях. Данный формат называют сжатием с потерями, поскольку алгоритм JPEG выборочно отвергает данные. Метод сжатия может исказить деталь в рисунке, особенно содержащий текст или изображение с четкими краями. Формат JPEG не поддерживает прозрачность, когда вы сохраняете фотографию в формате JPEG, прозрачные пиксели заполняются определенным цветом.

Тег DT