Читайте также:
|
| Назначение | Вид тэгов | Примечание |
| Общая структура документа 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> |
Дата добавления: 2015-11-14; просмотров: 23 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Виды тэгов в HTML | | | Приложение 7.2 |