Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Internet-lab+text.docx
Скачиваний:
0
Добавлен:
01.05.2025
Размер:
1.86 Mб
Скачать

Основные тэги языка html

Назначение

Вид тэгов

Примечание

Общая структура документа HTML

Тип документа

<HTML></HTML>

Начало и конец

Имя документа

<HEAD></HEAD>

Не отображается Браузером

Заголовок

<TITLE></TITLE>

Отображается в строке заголовка окна Браузера

Тело

<BODY></BODY>

Комментарий

<! --***-->

Обозревателем игнорируется

Структура содержания документа

Внутренние заголовки различного уровня

<HN></HN>

Здесь N – номер уровня заголовка (от 1 до 6)

Заголовок

N-го (?) уровня с выравниванием

<H? ALIGN=”left”></H?>

Типы выравнивания:

  • left – по левому краю,

  • center – по центру,

  • right – по правому краю,

  • justify – по ширине

Форматирование абзацев

Назначение

Вид тэгов

Примечание

Создание абзаца (параграфа)

<P> текст абзаца</P>

Выравнивание абзаца

<P ALIGN=”left”> текст </P>

Типы выравнивания:

left, right, center и justify

Перевод строки внутри абзаца

<BR>

Одиночный тэг

Перенос

<WBR>

Горизонтальная линия между абзацами

<HR>

Одиночный тэг

Атрибуты: толщина, длина линии, выравнивание

<HR SIZE=”?” WIDTH=”?” ALIGN=”left” COLOR=“?“>

Толщина указывается в пикселях, длина – в пикселях или %, выравнивание по умолчанию center

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

Логическое форматирование

Выделение текста: курсивом

полужирным

как с клавиатуры

<EM></EM>

<STRONG> </STRONG>

<KBD> </KBD>

Фрагмент документа:

Обычный текст

<EM>Курсив </EM>

<KBD>Моношириный</KBD>

Физическое форматирование начертания текста

Курсив

<I> </I>

<B> жирный</B>

<S> подчеркнутый</S>

X<SUP>2</SUP> – отобразится как X2

<I> курсив </I>

Подчеркнутый

<U> </U>

Перечеркнутый

<S> </S>

Моноширинный

<TT> </TT>

Верхний индекс

<SUP></SUP>

Нижний индекс

<SUB></SUB>

Базовый размер шрифта (задается для всего документа в целом)

<BASEFONT SIZE=?>

От 1 до 7, по умолчанию равен 3

Управление параметрами шрифта – параметры тэга<FONT>

<FONT SIZE= FACE= COLOR= > текст </FONT>

Размер шрифта

SIZE=” ?”

?- от 1 до 7 или изменение относительно базового размера +3 (-2) и т.п.

Список предпочтительных гарнитур шрифтов, через запятую

FACE=”шрифт1,шрифт2”

FACE=”Verdana,Arial”

Цвет шрифта

(задается либо ключевым словом, либо 16-ричным кодом)

COLOR=” цвет “

Red –красный

Blue – голубой

#ff0000 – 16-ричный код красного цвета в формате RGB

Создание списков

Упорядоченный

<OL></OL>

Фрагмент документа:

<OL>

<LI>Элемент списка 1</LI>

<LI>Элемент списка 2</LI>

<LI>Элемент списка 3</LI>

</OL>

Неупорядоченный

<UL></UL>

Элемент списка

<LI></LI>

Списки определений

<DL></DL>

Определяемые термины

<DT></DT>

Определения

<DD></DD>

Таблица

Определить таблицу

<TABLE></TABLE>

<TABLE border=”1”>

<TR>

<TH>Товар</TH>

<TH>Цена</TH>

</TR>

<TR>

<TD>Радиотелефон

</TD>

<TD align=”center”>

2000 </TD>

</TR>

</TABLE>

Окантовка таблицы

<TABLE BORDER=?> </TABLE>

Строка таблицы

<TR></TR>

Выравнивание

<TR ALIGN=LEFT | RIGHT | CENTER | JUSTIFY >

Ячейка таблицы

<TD></TD>

Выравнивание по горизонтали

<TD ALIGN=LEFT | RIGHT | CENTER | JUSTIFY>

Ширина (в пикселях или в % к ширине окна)

<TD WIDTH=?>

Заголовок столбцов или строк (полужирный)

<TH></TH>

Вставка изображений

Вставка графического файла

<IMG SRC=”URL” WIDHT=”?” HEIGHT=”?”>

Фрагмент документа:

<IMG SRC=”grafica.gif”

WIDHT=”550”

HEIGHT=”240”

ALT=”Графический файл”>

Выравнивание текста

<IMG SRC=”URL” ALIGN=”TOP”>

Вывод альтернативного текста

<IMG SRC=”URL” ALT=”текст”>

Вставка ссылок

Ссылки на другую страницу

<A HREF=”URL”>

текст </A>

Фрагмент документа:

<A HREF=”str2.htm”>

Ссылка1</A>

<A HREF=”URL”>текст</A>

<A NAME=”metka1”></A>

<A HREF=”index.html#metka1”>

На главную страницу</A>”

Ссылка на закладку в другом документе

<A HREF=”URL#*”>

текст</A>

На закладку в том же документе

<A HREF=”#*”>

текст</A>

Определить закладку

<A NAME=”*”></A>

Цвет фона, текста и ссылок – атрибуты тэга <BODY>

Атрибуты:

Значения атрибутов

Примеры

Фоновая картинка

BACKGROUND=”URL”

Фрагмент текста:

<BODY

BGCOLOR=”#C0C0C0”

BACKGROUND=”grafica.gif”

TEXT=”black”

LINK=”#FF0000”

VLINK=” yellow ”

ALINK=”#FFFFFF”> Содержимое документа </BODY>

Цвет фона

BGCOLOR=”#$$$$$$”

Цвет текста

TEXT=”#$$$$$$”

Цвет ссылки

LINK=”#$$$$$$”

Цвет пройденной ссылки

VLINK=”#$$$$$$”

Цвет активной ссылки

ALINK=”#$$$$$$”

Бегущая строка - тэг <MARQUEE>

Атрибуты:

Значения атрибутов

Примеры

Расположение

Тип отображения

Направление движения

Количество повторений

ALIGN=Top|Middle|Bottom

BEHAVIOR=Scroll | Slide | Alternate

DIRECTION=Left | Right

LOOP="k"

<MARQUEE ALIGN="TOP" BEHAVIOR="SLIDE" DIRECTION="RIGHT" LOOP="2"> Мы из Бонча! </MARQUEE>

Приложение 7.2

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]