|
Структура HTML-документа.
|
|
| Shift | Дата: Понедельник, 09.04.2012, 21:57 | Сообщение # 21 |
 Лейтенант
Группа: Администраторы
Сообщений: 68
Статус: Offline
| Гиперссылки
Ссылки на другие документы в HTML создаются либо с помощью элемента A, либо с помощью навигационных карт. Элемент A применяется, если ссылкой планируется сделать часть текста или целое изображение. Навигационные карты имеет смысл применять, если ссылкой будет часть изображения.
A - Самый необходимый элемент, без которого Интернет просто немыслим. Используется для создания и использования гипертекстовых ссылок.
Атрибуты
HREF – определяет находящийся между начальным и конечным тегами текст или изображение как гипертекстовую ссылку (URL, или линк) на документ (и/или область документа), указанный в значении данного атрибута. Возможные значения:
http://... – создает ссылку на www-документ;
ftp://... – создает ссылку на ftp-сайт или расположенный на нем файл;
mailto:... – запускает почтовую программу-клиент с заполненным полем имени получателя. Если после адреса поставить знак вопроса, то можно указать дополнительные атрибуты, разделенные знаком "&";
news:... – создает ссылку на конференцию сервера новостей;
telnet://... – создает ссылку на telnet-сессию с удаленной машиной;
wais://... – создает ссылку на WAIS – сервер;
gopher://... – создает ссылку на Gopher – сервер;
Если тип соединения и адрес машины не указаны, в качестве отправной точки используется адрес текущего документа. Это позволяет использовать относительные ссылки.
Например, линк Документация будет ссылаться на файл title.html в подкаталоге docs (относительно текущего).
NAME – помечает находящуюся между начальным и конечным тегами область документа как возможный объект для ссылки. В качестве значения нужно латиницей написать любое слово-указатель, уникальное для данного документа. Например: Раздел1. Теперь вы можете ссылаться на помеченную область простым указанием ее имени после имени документа. Например, линк Раздел1 отправит вас в раздел "part" файла document.html, а линк В конец документа – в раздел "bottom" текущего документа. (см. Пример 1)
TARGET – определяет окно (фрейм), на которое указывает гипертекстовая ссылка. Этот атрибут используется только совместно с атрибутом HREF. В качестве значения необходимо задать либо имя одного из существующих фреймов, либо одно из следующих зарезевированных имен:
_self – указывает, что определенный в атрибуте HREF документ должен отображаться в текущем фрейме;
_parent – указывает, что документ должен отображаться во фрейме-родителе текущего фрейма. Иначе говоря, _parent ссылается на окно, содержащее FRAMESET, включающий текущий фрейм;
_top – указывает, что документ должен отображаться в окне-родителе всей текущей фреймовой структуры;
_blank – указывает, что документ должен отображаться в новом окне.
Пример 1
Code <!-- Использование атрибута NAME: --> <A NAME="history">История бодибилдинга</A> ... <A NAME="now">Спорт глазами современника</A> ... Вернуться к разделу<A HREF="#history">истории</A>
Пример 2
Code <!-- Использование атрибута HREF: --> <A HREF="ftp://ftp.cdrom.com" TARGET="_blank">FTP-site</A> <A HREF="http://opengl.rdc.ru">Русский проект по OpenGL</A> ...
Пример 3
Code <!-- Создадим ссылку для письма с указанием кучи атрибутов --> <A HREF="mailto:green@igf.ru?subject=Приглашение &cc=bg@microsoft.com&body=Приезжай на вечеринку."> Отправить приглашение </A>. <!-- или просто письмо : --> <A HREF="mailto:green@igf.ru?subject=Привет">авторам</A>.
|
| |
| |
| Shift | Дата: Понедельник, 09.04.2012, 22:00 | Сообщение # 22 |
|
Лейтенант
Группа: Администраторы
Сообщений: 68
Статус: Offline
| Текстовые блоки
Это элементы, разбивающие текст документа на блоки тем или иным способом. Типичными примерами текстовых блоков являются параграфы, абзацы и главы. Для отделения одной части текста от другой также используются разделительные горизонтальные линии и символы возврата каретки.
|
| |
| |
| Shift | Дата: Понедельник, 09.04.2012, 22:01 | Сообщение # 23 |
|
Лейтенант
Группа: Администраторы
Сообщений: 68
Статус: Offline
| H1,H2,...H6
Используются для создания заголовков текста. Существует шесть уровней заголовков, различающихся величиной шрифта. С их помощью можно разбивать текст на смысловые уровни - разделы и подразделы.
Атрибуты
ALIGN - определяет способ выравнивания заголовка по горизонтали. Возможные значения: left, right, center.
Пример:
Code <H1 ALIGN="center">Самый большой заголовок посередине</H1>
<H2>Заголовок поменьше</H2>
...
<H6>Малюююсенький такой заголовочек</H6>
|
| |
| |
| Shift | Дата: Понедельник, 09.04.2012, 22:02 | Сообщение # 24 |
|
Лейтенант
Группа: Администраторы
Сообщений: 68
Статус: Offline
| P
Используется для разметки параграфов.
Атрибуты
ALIGN - определяет способ горизонтального выравнивания параграфа. Возможные значения: left, center, right. По умолчанию имеет значение left.
Пример:
Code <P ALIGN="center">Это центрированный параграф.<BR> Текст располагается в центре окна браузера</P> <P ALIGN="right">А это параграф, выровненный по правому краю.</P>
|
| |
| |
| Shift | Дата: Понедельник, 09.04.2012, 22:04 | Сообщение # 25 |
|
Лейтенант
Группа: Администраторы
Сообщений: 68
Статус: Offline
| DIV
Используется для логического выделения блока HTML-документа. Элемент группировки, как и элемент SPAN. В современном сайтостроении используется как удобный контейнер для объектов страницы, которым легко динамически манипулировать - перемещать, включать/выключать, создавать слои, регулировать отступы и т.п.
В браузеронезависимой вёрстке обычно используется для выравнивания блока html-кода в окне браузера.
Находящиеся между начальным и конечным тегами текст или HTML-элементы по умолчанию оформляются как отдельный параграф.
Атрибуты
ALIGN - определяет выравнивание содержимого элемента DIV. Атрибут может принимать значения: left, right, center.
Пример:
Code ...Текст документа... <DIV ALIGN="center"> ...Текст, таблицы, изображения. Выравнивание по центру. </DIV> ...Текст документа...
Примечание
У атрибута ALIGN есть еще одно значение - justify, поддерживаемое современными браузерами. Оно позволяет выравнивать текст по ширине (одновременно по левому и правому краям документа). Не понимающие justify браузеры будут выравнивать текст по левому краю.
|
| |
| |
| Shift | Дата: Понедельник, 09.04.2012, 22:05 | Сообщение # 26 |
|
Лейтенант
Группа: Администраторы
Сообщений: 68
Статус: Offline
| ADDRESS
Находящийся между начальным и конечным тегами текст оформляется как почтовый адрес. Чаще всего оформление выражается в выделении строки адреса курсивом.
Пример:
Code Пишите по следующему адресу: <ADDRESS> Москва. ул. Академика Королева, 13 <BR> Мурзилке </ADDRESS>
Примечание
Internet Explorer версии 3.0 неверно интерпретирует конечный тег , поэтому весь текст, находящийся после адреса, будет отображаться курсивом. Эту ошибку можно легко устранить, поставив после любой элемент форматирования текста:
Code <ADDRESS>
Мой адрес не дом и не улица, <BR>
Мой адрес – Советский Союз.
</ADDRESS>
<!-- избавляемся от глюка -->
<I></I>
Нормальный текст
...
|
| |
| |
| Shift | Дата: Понедельник, 09.04.2012, 22:06 | Сообщение # 27 |
|
Лейтенант
Группа: Администраторы
Сообщений: 68
Статус: Offline
| BLOCKQUOTE
Оформляет находящийся между начальным и конечным тегами текст как цитату. Используется для длинных цитат (в отличие от элемента CITE). Цитируемый текст отображается отдельным абзацем с увеличенным отступом.
Пример:
Code Редакция журнала "Домосед" выражает благодарность Бухаресту Магарычу Шницелю за замечательное стихотворение: <BLOCKQUOTE> Синели красные ромашки,<BR> Желтели в небе облака,<BR> Синицы в теплый край летели,<BR> К истоку двигалась река.<BR> </BLOCKQUOTE>
|
| |
| |
| Shift | Дата: Понедельник, 09.04.2012, 22:08 | Сообщение # 28 |
|
Лейтенант
Группа: Администраторы
Сообщений: 68
Статус: Offline
| BR
Данный элемент осуществляет перевод строки, то есть практически аналогичен нажатию Enter в текстовом редакторе. После того, как в браузерах появилась возможность обтекания изображения текстом (cм. атрибут ALIGN элемента IMG), понадобился дополнительный атрибут CLEAR. Элемент не имеет конечного тега.
Атрибуты
CLEAR - указывает на необходимость завершения обтекания изображения текстом. Может принимать следующие значения :
all - завершить обтекание изображения текстом.
left - завершить обтекание текстом изображения, выровненного по левому краю.
right - завершить обтекание текстом изображения, выровненного по правому краю.
Пример:
Code Первое предложение<BR>Второе предложение на следующей строке
|
| |
| |
| Shift | Дата: Понедельник, 09.04.2012, 22:09 | Сообщение # 29 |
|
Лейтенант
Группа: Администраторы
Сообщений: 68
Статус: Offline
| HR
Вставляет в текст горизонтальную разделительную линию.
Атрибуты
WIDTH - определяет длину линии в пикселах или процентах от ширины окна браузера.
SIZE - определяет толщину линии в пикселах.
ALIGN - определяет выравнивание горизонтальной линии. Атрибут может принимать следующие значения:
left - выравнивание по левому краю документа.
right - выравнивание по правому краю документа.
center - выравнивание по центру документа (используется по умолчанию).
NOSHADE - определяет способ закраски линии как сплошной. Атрибут является флагом и не требует указания значения. Без данного атрибута линия отображается объемной.
COLOR - определяет цвет линии. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов. Атрибут работает только в Internet Explorer.
Пример:
Code Текст, разделенный <HR NOSHADE WIDTH="50%"> сплошной горизонтальной линией.
|
| |
| |
| Shift | Дата: Понедельник, 09.04.2012, 22:10 | Сообщение # 30 |
|
Лейтенант
Группа: Администраторы
Сообщений: 68
Статус: Offline
| PRE
Используется для включения в документ уже отформатированного текста. Браузеры воспроизводят содержимое этого элемента с помощью моноширинного шрифта, сохраняя пробелы и символы конца строки.
Пример:
Code <PRE>
Ать!
Два!
Три!
</PRE>
Примечание
Желательно избегать использования символа горизонтальной табуляции внутри PRE, т.к. он может быть неадекватно интерпретирован некоторыми браузерами. Вместо символа табуляции рекомендуется использовать число пробелов, кратное четырем.
|
| |
| |
| Shift | Дата: Понедельник, 09.04.2012, 22:11 | Сообщение # 31 |
|
Лейтенант
Группа: Администраторы
Сообщений: 68
Статус: Offline
| LISTING, PLAINTEXT, XMP
Данные элементы предназначены для воспроизведения предварительно отформатированного текста. Они использовались до появления элемента PRE и на данный момент являются устаревшими. Эти элементы не вошли в спецификацию HTML 4.0, однако браузеры еще могут распозновать их в целях обратной совместимости версий.
|
| |
| |
| Shift | Дата: Понедельник, 09.04.2012, 22:13 | Сообщение # 32 |
|
Лейтенант
Группа: Администраторы
Сообщений: 68
Статус: Offline
| Форматирование текста
Элементы для оформления и смыслового выделения текста - подчеркивания, изменения шрифта, выделения курсивом, цитирования и т.д.
|
| |
| |
| Shift | Дата: Понедельник, 09.04.2012, 22:15 | Сообщение # 33 |
|
Лейтенант
Группа: Администраторы
Сообщений: 68
Статус: Offline
| BASEFONT
Не имеет конечного тега. Определяет основной шрифт, которым должен отображаться текст документа. Впоследствии вы можете легко изменить шрифт в любой части документа, используя элемент FONT. Действие элемента BASEFONT не распространяется на текст, заключенный в ячейки таблиц.
Атрибуты
SIZE - обязательный атрибут. Определяет базовый размер шрифта. Возможные значения: целые числа от 1 до 7 включительно.
FACE - определяет используемый шрифт (гарнитуру).
Пример:
Code <BODY>
<BASEFONT SIZE="3">
...
Текст документа шрифтом 3 размера
...
<FONT SIZE="+1">
Слегка увеличиваем шрифт
</FONT>
...
Продолжаем шрифтом 3 размера
...
</BODY>
Примечание
Атрибут FACE игнорируется большинством браузеров. Если вы хотите явно указать тип шрифта для всего документа, используйте элемент FONT:
Code <BODY>
<FONT FACE="Arial">
...
Основной текст документа шрифтом Arial
...
<FONT FACE="Times" SIZE="5">
Вставка текста увеличенным шрифтом Таймс
</FONT>
...
Продолжается основной текст документа шрифтом Arial
...
</FONT>
</BODY>
|
| |
| |
| Shift | Дата: Понедельник, 09.04.2012, 22:17 | Сообщение # 34 |
|
Лейтенант
Группа: Администраторы
Сообщений: 68
Статус: Offline
| FONT
Позволяет изменять цвет, размер и тип шрифта текста, находящегося между начальным и конечным тегами. Вне тегов и используется шрифт, указанный в элементе BASEFONT.
Атрибуты
SIZE - определяет размер шрифта. Возможные значения:
целое число от 1 до 7;
относительный размер с указанием знака, вычисляется путем сложения с базовым размером, определенным с помощью атрибута SIZE элемента BASEFONT.
COLOR - определяет цвет текста. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.
FACE - определяет используемый шрифт.
Пример:
Code <FONT SIZE="+2" COLOR="#AA0000">Увеличенный красный шрифт</FONT>
<FONT SIZE="3" FACE="Courier New" COLOR="Magenta">Моноширинный фиолетовый текст 3 размера</FONT>
Примечание
Атрибут FACE старайтесь не использовать. Если на компьютере пользователя не окажется указанного шрифта - глюки неизбежны. Если указать шрифт всё же необходимо, используйте только: Times New Roman, Arial, Tahoma, Courier, Courier New. Они установлены почти у всех.
Будьте внимательны. Многие элементы форматирования текста (PRE, CODE, KBD, SAMP...), расположенные внутри элемента FONT, работают некорректно.
|
| |
| |
| Shift | Дата: Понедельник, 09.04.2012, 22:18 | Сообщение # 35 |
|
Лейтенант
Группа: Администраторы
Сообщений: 68
Статус: Offline
| I
Текст, заключенный между начальным и конечным тегами, будет выделен курсивом.
Пример:
Code Текст с <I>курсивом</I>
|
| |
| |
| Shift | Дата: Понедельник, 09.04.2012, 22:20 | Сообщение # 36 |
|
Лейтенант
Группа: Администраторы
Сообщений: 68
Статус: Offline
| EM
Логическое ударение. Используется для смыслового выделения текста, стоящего между начальным и конечным тегами. Результат обычно отображается курсивом. То есть элемент EM по действию практически аналогичен элементу I.
Пример:
Code Порой в России встречаются <EM>действительно талантливые</EM> веб-мастера.
Примечание
Согласно рекомендациям W3C, приветствуется использование вместо .
|
| |
| |
| Shift | Дата: Понедельник, 09.04.2012, 22:20 | Сообщение # 37 |
|
Лейтенант
Группа: Администраторы
Сообщений: 68
Статус: Offline
| B
Текст, заключенный между начальным и конечным тегами, будет выделен жирным шрифтом.
Пример:
Code Текст с <B>выделенным</B> словом
|
| |
| |
| Shift | Дата: Понедельник, 09.04.2012, 22:21 | Сообщение # 38 |
|
Лейтенант
Группа: Администраторы
Сообщений: 68
Статус: Offline
| STRONG
Усиленное выделение. Текст, заключенный между начальным и конечным тегами, будет выделен жирным шрифтом. То есть элемент STRONG практически аналогичен по действию элементу B.
Пример:
Code Я <STRONG>сильный</STRONG>, но легкий.
Примечание
Согласно рекомендациям W3C, приветствуется использование вместо .
|
| |
| |
| Shift | Дата: Понедельник, 09.04.2012, 22:21 | Сообщение # 39 |
|
Лейтенант
Группа: Администраторы
Сообщений: 68
Статус: Offline
| U
Данный элемент отображает помещенный между начальным и конечным тегами текст как подчеркнутый.
Пример:
Code <U> Подчеркнутый текст </U>
|
| |
| |
| Shift | Дата: Понедельник, 09.04.2012, 22:22 | Сообщение # 40 |
|
Лейтенант
Группа: Администраторы
Сообщений: 68
Статус: Offline
| S, STRIKE
Элемент STRIKE отображает помещенный между начальным и конечным тегами текст как перечеркнутый. В HTML 3.2 вместо был предложен более краткий тег .
Пример:
Code Лена + <STRIKE>Вася</STRIKE> Коля = Love
|
| |
| |
