
Основные теги HTML

Cтруктура HTML -документа
(основные разделы)
Служебная информация
информация о имени страницы
Web документ

Команды (тэги (tags) )
Написание текста
– изменение размера шрифта
N [1…6]
– команда перевода строки
– новый абзац
– без изменения исходного текста
– горизонтальная линия
– полужирный шрифт
парные тэги

– курсив
– подчёркивание
– выделение
– усиленное выделение
– отображает весь текст в одной строке, не
обрывая её

Отступы и списки
- – отступ
- – начало нумерованного списка
маркированного списка
– начало маркированного списка
– конец маркированного списка

Таблицы
– начало таблицы
– начало заголовка таблицы
– конец заголовка таблицы
– начало заголовка столбца или строки
– конец заголовка столбца или строки
– начало строки
– конец строки
– начало столбца
– конец столбца

Вставка графических изображений
IMG SRC = “ имя файла. расширение “ вставка картинки из файла
Вставка гипертекстовых ссылок
= “ имя файла. расширение “ активный
текст
ссылка на другой HTML- документ или файл
(звуковой или видеоклип)
= “# имя метки “ активный
текст
ссылка на метку в текущем HTML- документе

= “ имя файла. Расширение # имя “ активный текст ссылка на метку в другом HTML- документе
= “ имя “ активный тек ст метка для двух указанных выше типов ссылок
= “ имя файла “ IMG SCR =“ графическое
изображение “активный
текст
ссылка в виде графического изображения
Атрибуты (использующиеся в тэге )
LINK = “ цвет “
определяет цвет ссылки, которой ещё не пользовались
VLINK = “ цвет “
определяет цвет ссылки, на которой уже щёлкали
ALINK = “ цвет “
определяет цвет ссылки в момент щелчка

Атрибуты
дополняют тэги, позволяя описывать внешний вид части страницы,
окружённой тэгами.
LEFT
ALIGN = RIGHT
CENTER
Позволяет выравнивать текст по левому, правому краю
или по центру соответственно. Используется в тэгах
, .
Например:
.
LEFT
CLEAR = RIGHT
ALL
Используется, чтобы установить в указанной точке обтекание текстом объекта слева, справа или без обтекания соответственно. Используется в тэге
.

BORDER = число в пикселах
Определяет рамку вокруг изображения. Используется тэгом .
HSPACE = число в пикселах
VSPACE = число в пикселах
Определяют горизонтальный и вертикальный отступы вокруг изображения. Используется тэгом .

Шрифты
– увеличение шрифта текста относительно текущего
– уменьшение шрифта текста
название цвета – смена цвета текста
red green
black maroon ( тёмно-красный)
olive navy (синий)
aqua ( морской волны) purple ( фиолетовый) teal ( зеленовато-синий) lime ( известковый)
fuchsia ( ярко-малиновый) silver (серебристый) white yellow
blue gray

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

Атрибуты тэгов для списков (маркированных и
нумерованных)
DISC
TYPE = CIRCLE
SQUARE
Позволяет задавать тип маркера в произвольном месте текста. Например:
- первый элемент списка
- второй элемент списка

Text Form
Audio Home
DINGBAT = Folder Next
Disc drive Previous
Позволяет создавать специальные типографские символы-картинки в качестве маркеров в списках.
Например:
1 1,2,3,...
TYPE = A A,B,C,…
a a,b,c,…
I I,II,III,...
Позволяет использовать в качестве маркеров цифры и буквы.

Например:
- – пропустит четыре следующих пункта.
START = значение
Используется для указания того, с какого места в заданном
типе нумерации начать нумерованный список.
Например:
OL TYPE =A START=5 – нумерация будет начинаться с
буквы E и будет продолжаться далее по алфавиту.
Атрибуты тэгов для создания таблиц
BORDER = ширина границы
Позволяет задавать ширину внешней границы таблицы в пикселах или в % .
Например:
CELLSPACING = ширина границы
Позволяет задавать ширину фронтальной грани таблицы в пикселах или в %.
Например:
CELLPADDING = ширина
Позволяет задавать ширину пустого пространства между содержимым ячейки и её границами.
Например:
COLSPAN = количество ячеек
Позволяет растягивать строку на заданное количество ячеек (как бы объединять их).
Например:
MARQUEE Используется для создания бегущей строки. TOP ALIGN = MIDDLE BOTTOM Позволяет разместить текст в верхней, средней или нижней части области бегущей строки. SCROLL прокрутка циклическая BEHAVIOR = SLIDE выход и остановка ALTERNATE прыжки Используется, чтобы установить режим вывода строки. " width="640"
Бегущая строка
MARQUEE
MARQUEE
Используется для создания бегущей строки.
TOP
ALIGN = MIDDLE
BOTTOM
Позволяет разместить текст в верхней, средней или нижней
части области бегущей строки.
SCROLL прокрутка циклическая
BEHAVIOR = SLIDE выход и остановка
ALTERNATE прыжки
Используется, чтобы установить режим вывода строки.
BGCOLOR = название цвета
Используется для определения цвета фона бегущей строки.
DIRECTION = LEFT RIGHT
Используется для определения направления бегущей строки.
n текст пробегает по экрану n раз
LOOP = INFINITE бесконечно ( по умолчанию)
Используется для определения повторений бегущей строки .
WIDTH = в пикселах или в % от высоты экрана
Позволяет сделать область бегущей строки длиннее
или короче.
HEIGHT = высота бегущей строки в пикселах или
в % от высоты экрана.
Позволяет сделать область бегущей строки толще или
тоньше.
HSPACE = ширина в пикселях левого и правого полей
между областью бегущей строки и
окружающим её текстом или графикой.
VSPACE = размер отступа в пикселях сверху и снизу
от бегущей строки до текста или графики. SCROLLAMOUNT = скорость перемещения текста [1…3000]
– мигание объекта
Атрибуты изменение фона
BGCOLOR = “ цвет ”
Позволяет изменить фоновый цвет станицы, используется тэгом .
Например:
BACKGROUND = “ имя файла ”
Позволяет использовать в качестве фона изображение из
файла.
BGPROPERTIES = FIXED
Позволяет создать «водяной знак» (фон, который не перемещается вместе с текстом).
Например:
Позволяет задавать кадровую структуру (страница с кадровой структурой не содержит тэга ). FRAME Позволяет определить отдельный кадр. Атрибуты ROWS = “ширина части,...” Позволяет определить число и размер строк. Например: COLS = “ширина части,...” Позволяет определить число и размер столбцов. " width="640"
Кадры ( frames) ( позволяют разбивать страницу на независемые окна)
FRAMESET
Позволяет задавать кадровую структуру (страница с кадровой структурой не содержит тэга ).
FRAME
Позволяет определить отдельный кадр.
Атрибуты
ROWS = “ширина части,...”
Позволяет определить число и размер строк.
Например:
COLS = “ширина части,...”
Позволяет определить число и размер столбцов.
YES SCROLLING = NO AUTO Позволяет задать линейки прокрутки. MARGINWIDTH = “ значение ” MARGINHIGHT = “ значение ” Позволяет задать внутреннюю границу кадра. " width="640"
Например:
SRC = “ имя файла ”
Позволяет вставить картинку или страницу в кадр.
Например:
остав. html”
YES
SCROLLING = NO
AUTO
Позволяет задать линейки прокрутки.
MARGINWIDTH = “ значение ”
MARGINHIGHT = “ значение ”
Позволяет задать внутреннюю границу кадра.
-имя кадра загружает указанный файл в кадр - blank загружает файл в окно без названия TARGET = -self загружает в окно, откуда сделан вызов -parent в старший кадр -top в новое окно, разрушая страницу кадров Используется для ссылок в кадр. " width="640"
Атрибуты рамки кадра
BORDER = число
YES
FRAMEBORDER = NO
BORDERCOLOR = “ цвет ”
NAME = “имя”
Позволяет задать имя кадра.
Например:
СОСТАВ .html” NAME =“MAIN”
-имя кадра загружает указанный файл в кадр
- blank загружает файл в окно без названия TARGET = -self загружает в окно, откуда сделан вызов
-parent в старший кадр
-top в новое окно, разрушая страницу кадров
Используется для ссылок в кадр.
ТЕКСТ NORESIZE Запрещает изменение кадровой структуры. Подключение звукового файла = “ имя файла ” n LOOP = INFINITE Например: BLIP .WAV” Подключение видеофайла = “ имя файла ” n LOOP = INFINITE " width="640"
Например:
ГАЗЕТА.html ” TARGET =“MAIN ” ТЕКСТ NORESIZE
Запрещает изменение кадровой структуры.
Подключение звукового файла
= “ имя файла ”
n
LOOP = INFINITE
Например:
BLIP .WAV”
Подключение видеофайла
= “ имя файла ”
n
LOOP = INFINITE
Карты
Это такие изображения, отдельные части которых связаны со ссылками и позволяют выполнять переходы.
Позволяет определить карту. Внутри него определяются области карты при помощи элементов AREA и задаётся имя карты при помощи атрибута name .
name=“ имя ”
Для каждой области карты должен быть создан свой элемент AREA , который должен включать атрибут, определяющий ссылку:
HREF=“адрес ссылки”
Атрибуты, определяющие форму области на карте
rect (x,y)(x1,y1)
Shape = poly (x,y)(x1,y1) ...
circle (x,y),r
point(x,y)
Coords = “ , , , ,…”
usemap – определяет имя карты; это имя ставится в соответствии со значением соответствующих атрибутов, которые определяют карту
usemap = “ #имя ”
alt – атрибут для задания текста, заменяющего изображение карты, не является обязательным
alt = “ Текст подсказки ”
" width="640"
Например:
Переход к карте 1 ” shape =“circle” coords =“256,126,35”
href =“#sts.htm”
-80%
Курсы повышения квалификацииОрганизация и сопровождение олимпиадной деятельности учащихся
Продолжительность 72 часаДокумент: Удостоверение о повышении квалификации4000 руб.800 руб.Получите комплекты видеоуроков + онлайн версии
0
370
4
Нравится 0
Похожие файлы
Вы смотрели
Зарегистрироваться
Электронная почта
Пароль
Повторите пароль
Я ученикЯ учительЯ родительРегистрируясь Вы соглашаетесь с пользовательским соглашением и политикой конфиденциальности, а также даёте согласие на получение информационных и рекламных писем от ООО “Мультиурок” на указанный Вами e-mail. Отказаться от рассылки Вы сможете в любой момент, кликнув на ссылку "отказаться от рассылки", которая будет в каждом письме.Войти в профиль
Электронная почта
Пароль
Вспомнить пароль
ЗарегистрироватьсяВосстановление пароля
Введите вашу электронную почту, чтобы восстановить пароль!
ROWSPAN = количество строк
Позволяет растягивать ячейку на заданное количество строк.
Н апример:
SKIP = значение
П озволяет в середине нумерованного списка пропустить
заданное число пунктов нумерации.
Например: