Получите свидетельство
Вход
Основные теги HTML
Cтруктура HTML -документа
(основные разделы)
Служебная информация
информация о имени страницы
Web документ
– без изменения исходного текста – горизонтальная линия – полужирный шрифт парные тэги " width="640"
Команды (тэги (tags) )
Написание текста
– изменение размера шрифта
N [1…6]
– команда перевода строки
– новый абзац
– без изменения исходного текста
– горизонтальная линия
– полужирный шрифт
парные тэги
– усиленное выделение – отображает весь текст в одной строке, не обрывая её " width="640"
– курсив
– подчёркивание
– выделение
– усиленное выделение
– отображает весь текст в одной строке, не
обрывая её
Отступы и списки
– отступ
– возврат
– начало нумерованного списка
– конец нумерованного списка
– элемент нумерованного или
маркированного списка
– начало маркированного списка
– конец маркированного списка
Таблицы
– начало таблицы
– конец таблицы
– начало заголовка таблицы
– конец заголовка таблицы
– начало строки – конец строки
вставка картинки из файла Вставка гипертекстовых ссылок = “ имя файла. расширение “ активный текст ссылка на другой HTML- документ или файл (звуковой или видеоклип) = “# имя метки “ активный текст ссылка на метку в текущем HTML- документе " width="640"
Вставка графических изображений
IMG SRC = “ имя файла. расширение “ вставка картинки из файла
Вставка гипертекстовых ссылок
= “ имя файла. расширение “ активный
текст
ссылка на другой HTML- документ или файл
(звуковой или видеоклип)
= “# имя метки “ активный
текст
ссылка на метку в текущем HTML- документе
активный текст ссылка на метку в другом HTML- документе = “ имя “ активный тек ст метка для двух указанных выше типов ссылок = “ имя файла “ IMG SCR =“ графическое изображение “активный текст ссылка в виде графического изображения Атрибуты (использующиеся в тэге ) LINK = “ цвет “ определяет цвет ссылки, которой ещё не пользовались VLINK = “ цвет “ определяет цвет ссылки, на которой уже щёлкали ALINK = “ цвет “ определяет цвет ссылки в момент щелчка " width="640"
= “ имя файла. Расширение # имя “ активный текст ссылка на метку в другом 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 " width="640"
Шрифты
– увеличение шрифта текста относительно текущего
– уменьшение шрифта текста
название цвета – смена цвета текста
red green
black maroon ( тёмно-красный)
olive navy (синий)
aqua ( морской волны) purple ( фиолетовый) teal ( зеленовато-синий) lime ( известковый)
fuchsia ( ярко-малиновый) silver (серебристый) white yellow
blue gray
– смена гарнитуры шрифта. Например: . размер шрифта – позволяет задавать размер шрифта в данной области, используется в середине строки, т.к. после окончания своего действия не разбивает строку. Например: . " width="640"
название шрифта – смена гарнитуры
шрифта.
Например: .
размер шрифта – позволяет задавать
размер шрифта в данной области, используется в середине
строки, т.к. после окончания своего действия не разбивает
строку.
Например: .
Атрибуты тэгов для списков (маркированных и
нумерованных)
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,...
Позволяет использовать в качестве маркеров цифры и буквы.
– нумерация будет начинаться с буквы E и будет продолжаться далее по алфавиту. " width="640"
Например:
SKIP = значение
П озволяет в середине нумерованного списка пропустить
заданное число пунктов нумерации.
Например:
– пропустит четыре следующих пункта.
START = значение
Используется для указания того, с какого места в заданном
типе нумерации начать нумерованный список.
Например:
OL TYPE =A START=5 – нумерация будет начинаться с
буквы E и будет продолжаться далее по алфавиту.
Атрибуты тэгов для создания таблиц
BORDER = ширина границы
Позволяет задавать ширину внешней границы таблицы в пикселах или в % .
Например:
CELLSPACING = ширина границы Позволяет задавать ширину фронтальной грани таблицы в пикселах или в %. Например: CELLPADDING = ширина Позволяет задавать ширину пустого пространства между содержимым ячейки и её границами. Например: COLSPAN = количество ячеек Позволяет растягивать строку на заданное количество ячеек (как бы объединять их). Например: ROWSPAN = количество строк Позволяет растягивать ячейку на заданное количество строк. Н апример: Бегущая строка 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 Позволяет создать «водяной знак» (фон, который не перемещается вместе с текстом). Например: Кадры ( frames) ( позволяют разбивать страницу на независемые окна) FRAMESET Позволяет задавать кадровую структуру (страница с кадровой структурой не содержит тэга ). FRAME Позволяет определить отдельный кадр. Атрибуты ROWS = “ширина части,...” Позволяет определить число и размер строк. Например: COLS = “ширина части,...” Позволяет определить число и размер столбцов. Например: SRC = “ имя файла ” Позволяет вставить картинку или страницу в кадр. Например: остав. html” YES SCROLLING = NO AUTO Позволяет задать линейки прокрутки. MARGINWIDTH = “ значение ” MARGINHIGHT = “ значение ” Позволяет задать внутреннюю границу кадра. Атрибуты рамки кадра BORDER = число YES FRAMEBORDER = NO BORDERCOLOR = “ цвет ” NAME = “имя” Позволяет задать имя кадра. Например: СОСТАВ .html” NAME =“MAIN” -имя кадра загружает указанный файл в кадр - blank загружает файл в окно без названия TARGET = -self загружает в окно, откуда сделан вызов -parent в старший кадр -top в новое окно, разрушая страницу кадров Используется для ссылок в кадр. Например: ГАЗЕТА.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 = “ Текст подсказки ” Например: Переход к карте 1 ” shape =“circle” coords =“256,126,35” href =“#sts.htm”
MARQUEE Используется для создания бегущей строки. TOP ALIGN = MIDDLE BOTTOM Позволяет разместить текст в верхней, средней или нижней части области бегущей строки. SCROLL прокрутка циклическая BEHAVIOR = SLIDE выход и остановка ALTERNATE прыжки Используется, чтобы установить режим вывода строки. " width="640"
![HEIGHT = высота бегущей строки в пикселах или в % от высоты экрана. Позволяет сделать область бегущей строки толще или тоньше. HSPACE = ширина в пикселях левого и правого полей между областью бегущей строки и окружающим её текстом или графикой. VSPACE = размер отступа в пикселях сверху и снизу от бегущей строки до текста или графики. SCROLLAMOUNT = скорость перемещения текста [1…3000] – мигание объекта](https://fsd.videouroki.net/html/2018/01/06/v_5a50739b37cb5/img19.jpg)
Позволяет задавать кадровую структуру (страница с кадровой структурой не содержит тэга ). FRAME Позволяет определить отдельный кадр. Атрибуты ROWS = “ширина части,...” Позволяет определить число и размер строк. Например: COLS = “ширина части,...” Позволяет определить число и размер столбцов. " width="640"
YES SCROLLING = NO AUTO Позволяет задать линейки прокрутки. MARGINWIDTH = “ значение ” MARGINHIGHT = “ значение ” Позволяет задать внутреннюю границу кадра. " width="640"
-имя кадра загружает указанный файл в кадр - blank загружает файл в окно без названия TARGET = -self загружает в окно, откуда сделан вызов -parent в старший кадр -top в новое окно, разрушая страницу кадров Используется для ссылок в кадр. " width="640"
ТЕКСТ NORESIZE Запрещает изменение кадровой структуры. Подключение звукового файла = “ имя файла ” n LOOP = INFINITE Например: BLIP .WAV” Подключение видеофайла = “ имя файла ” n LOOP = INFINITE " width="640"
= “ имя файла ”
" width="640"
-80%
Создание динамических веб-страниц с помощью PHP и MySQL
Получите комплекты видеоуроков + онлайн версии
0
491
6
Нравится
0
Похожие файлы
Зарегистрироваться
Восстановление пароля
Основные теги HTML (845.5 KB)
