Файл: Примеры_по_HTML.docx

Скачать файл
Заказать решение

ВУЗ: Не указан

Категория: Не указан

Дисциплина: Не указана

Добавлен: 04.12.2019

Просмотров: 5053

Скачиваний: 4

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

СОДЕРЖАНИЕ

<!-- -->

Пример:

Примечания:

Заголовок

Элементы, относящиеся к заголовку документа

HEAD

Пример:

TITLE

Пример:

Примечания:

BASE

Атрибуты

Пример:

STYLE

Атрибуты

Пример:

Примечания

Рекомендуем почитать про CSS:

LINK

Атрибуты

Пример 1

Пример 2

Примечание

META

Атрибуты

Пример:

Фреймы

Элементы для создания фреймов и работы с ними

Примечания

FRAME

Атрибуты

Пример (файл index.html):

FRAMESET

Атрибуты

Примечание

NOFRAMES

Пример:

Скрипты

Элементы для работы со скриптами

SCRIPT

Атрибуты

Пример 1:

Пример 2:

Где размещать скрипт

NOSCRIPT

Пример:

Навигационные карты

Пример:

Примечание

MAP

Атрибуты

Пример:

AREA

Атрибуты

Пример:

Примечания

Тело документа

Примечания

BODY

Атрибуты

Пример:

Примечания

Гиперссылки

Ссылки на другие сайты по данной теме

A

Атрибуты

Пример 1

Пример 2

Пример 3

Примечания

Ссылки на другие сайты по данной тематике

Текстовые блоки

Элементы

H1,H2,...H6

Атрибуты

Пример:

DIV

Атрибуты

Пример:

Примечание

ADDRESS

Пример

Примечание

BLOCKQUOTE

Пример:

BR

Атрибуты

Пример:

Примечание

HR

Атрибуты

Пример:

PRE

Пример:

Примечание

LISTING, PLAINTEXT, XMP

Форматирование текста

Элементы форматирования текста

BASEFONT

Атрибуты

Пример:

Примечание

Пример

FONT

Атрибуты

Пример:

Примечание

I

Пример:

EM

Пример:

Примечание

B

Пример:

STRONG

Пример:

Примечание

U

Пример:

S, STRIKE

Пример:

BIG

Пример:

Примечание

SMALL

Пример:

Примечание

SUP

Пример:

SUB

Пример:

CODE, SAMP

Пример:

TT

Пример:

TT

Пример:

KBD

Пример:

VAR

Пример:

CITE

Пример

Списки

Элементы

UL

Пример:

UL

Пример:

OL

Атрибуты

Пример:

LI

Атрибуты

Пример

Примечания

MENU, DIR

DL

Атрибуты

Пример:

DT

DD

Объекты

Элементы

IMG

Атрибуты

Пример 1:

Пример 2. Использование изображения в качестве гиперссылки:

Пример 3. Использование ISMAP:

Пример 4. Использование USEMAP:

Примечания (особо важно)

EMBED

Атрибуты

Другие атрибуты

Пример 1:

Пример 2:

Примечания

Смотрите также

Ссылки на другие сайты по данной теме

NOEMBED

Пример:

APPLET

Атрибуты

Пример 1:

Пример 2:

Примечание

PARAM

Пример

CAPTION

Атрибуты

Пример:

TABLE

Атрибуты

Примечания

Пример

TD и TH

Атрибуты

Примечания

Пример:

TR

Атрибуты

Примеры таблиц

Пример 1:

Пример 2:

Формы

Элементы для создания форм

FORM

Атрибуты

Пример:

Примечания

TEXTAREA

Атрибуты

Пример:

Примечание

SELECT

Атрибуты

Пример:

Результат

OPTION

Атрибуты

Пример:

INPUT

Атрибуты

Пример 1:

Пример 2:

HR

(HTML 2.0) - Horisontal Rule

Вставляет в текст горизонтальную разделительную линию.

Атрибуты

WIDTH - определяет длину линии в пикселах или процентах от ширины окна браузера.

SIZE - определяет толщину линии в пикселах.

ALIGN - определяет выравнивание горизонтальной линии. Атрибут может принимать следующие значения:

  • left - выравнивание по левому краю документа.

  • right - выравнивание по правому краю документа.

  • center - выравнивание по центру документа (используется по умолчанию).

NOSHADE - определяет способ закраски линии как сплошной. Атрибут является флагом и не требует указания значения. Без данного атрибута линия отображается объемной.

COLOR - определяет цвет линии. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов. Атрибут работает только в Internet Explorer.

Пример:

Текст, разделенный <HR NOSHADE WIDTH="50%"> сплошной горизонтальной линией.


PRE

(HTML 2.0) - Preformatted Text

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

Пример:

<PRE>
Ать!
    Два!
       Три!
</PRE>

Примечание

  • Желательно избегать использования символа горизонтальной табуляции внутри PRE, т.к. он может быть неадекватно интерпретирован некоторыми браузерами. Вместо символа табуляции рекомендуется использовать число пробелов, кратное четырем.


LISTING, PLAINTEXT, XMP

Данные элементы предназначены для воспроизведения предварительно отформатированного текста. Они использовались до появления элемента PRE и на данный момент являются устаревшими.

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


Форматирование текста

В этом разделе описаны элементы для оформления и смыслового выделения текста - подчеркивания, изменения шрифта, выделения курсивом, цитирования и т.д.

Элементы форматирования текста

  • BASEFONT Определяет основной шрифт, которым должен отображаться текст документа

  • FONT Позволяет изменять цвет, размер и тип шрифта текста

  • I Выделяет текст курсивом

  • EM Используется для смыслового выделения текста (курсивом)

  • B Выделяет текст жирным шрифтом

  • STRONG Усиленное выделение текста (жирным)

  • U Выделяет текст подчеркнутым

  • S, STRIKE Выделяет текст перечеркнутым

  • BIG Отображает текст увеличенным шрифтом (относительно текущего)

  • SMALL Отображает текст уменьшенным шрифтом (относительно текущего)

  • SUP Отображает текст со сдвигом вверх (верхний индекс)

  • SUB Отображает текст со сдвигом вниз (нижний индекс)

  • CODE, SAMP Оформляют текст как формулу или программный код

  • TT Отображает текст моноширинным шрифтом

  • KBD Выделяет текст, который предлагается набрать на клавиатуре

  • VAR Используется для обозначения в тексте переменных

  • CITE Оформляет текст как цитату или ссылку на источник


BASEFONT

(HTML 4.0) - Base Font

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

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

Атрибуты

SIZE - обязательный атрибут. Определяет базовый размер шрифта. Возможные значения: целые числа от 1 до 7 включительно.

FACE - определяет используемый шрифт (гарнитуру).

Пример:

<BODY>
<BASEFONT SIZE="3">
...
Текст документа шрифтом 3 размера
...
        <FONT SIZE="+1">
        Слегка увеличиваем шрифт
        </FONT>
...
Продолжаем шрифтом 3 размера
...
</BODY>

Примечание

Атрибут FACE игнорируется большинством браузеров. Если вы хотите явно указать тип шрифта для всего документа, используйте элемент FONT:

Пример

<BODY>
<FONT FACE="Arial">
...
Основной текст документа шрифтом Arial
...
        <FONT FACE="Times" SIZE="5">
        Вставка текста увеличенным шрифтом Таймс
        </FONT>
...
Продолжается основной текст документа шрифтом Arial
...
</FONT>
</BODY>


Смотрите также файлы