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

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

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

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

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

Добавлен: 04.12.2019

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

Скачиваний: 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:

OL

(HTML 2.0) - Ordered List

Создает упорядоченный список. Между начальным и конечным тегами должны присутствовать один или несколько элементов LI, обозначающих отдельные пункты списка.

Атрибуты

START - определяет первое число, с которого начинается нумерация пунктов. (только целые числа)

TYPE - определяет стиль нумерации пунктов. Может иметь значения:

  • "A" - заглавные буквы A, B, C ...

  • "a" - строчные буквы a, b, c ...

  • "I" - большие римские числа I, II, III ...

  • "i" - маленькие римские числа i, ii, iii ...

  • "1" - арабские числа 1, 2, 3 ...

По умолчанию <UL TYPE="1">.

Пример:

<OL TYPE="I" START="2">
        <LI> Пункт два </LI>
        <LI> Пункт три </LI>
        <LI> Пункт четыре </LI>
</OL>


LI

(HTML 2.0) – List Item

Создает пункт в списке. Располагается внутри элементов OL или UL.

Атрибуты

VALUE – изменяет порядок нумерации элементов списка. Используется только если элемент LI находится внутри элемента OL. В качестве значения указывается порядковый номер элемента.

Пример

<OL TYPE="A" START="2">
    <LI> Пункт, озаглавленный буквой B. </LI>
    <LI VALUE="6"> Пункт, озаглавленный буквой F. </LI>
    <LI> Пункт, озаглавленный буквой G. </LI>
</OL>

Примечания

  • Некоторые разработчики употребляют LI вне элементов OL и UL, объясняя это тем, что браузеры и так нормально справятся с отображением списка. Это неверно, коллеги, почитайте спецификацию!

  • Согласно официальной рекомендации консорциума W3C закрывающий тег </LI> писать не обязательно. По этому поводу скажу следующее: хоть HTML и не является языком программирования, у вас, как и у всякого хорошего программиста, должен быть свой стиль написания кода. Кто-то будет писать </LI>, кто-то не будет – это не так уж и важно. Главное, чтобы вы однажды определились и не изменяли своему решению.


MENU, DIR

(HTML 2.0) - Menu, Directory List

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


DL

(HTML 2.0) - Definition List

Открывает и закрывает список определений (терминов и их описаний). Определения задаются с помощью элементов DT и DD.

Атрибуты

COMPACT - включает режим "компактного" отображения списка. Удобно использовать, если список определений очень велик. Данный атрибут является флагом и не требует присвоения значения.

Пример:

<DL COMPACT>
<DT>Жапура</DT>
        <DD>Река в Колумбии и Бразилии</DD>
<DT>Зайцы</DT>
        <DD>Семейство млекопитающих отряда зайцеобразных</DD>
...
</DL>


DT

(HTML 2.0) - Definition Term

Создает термин в списке определений внутри элемента DL.

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