Основы языка HTML. Назначение. Примечание. Общая структура документа HTML. Структура содержания документа. Внутренние заголовки различного уровня. Заголовок с выравниванием

Назначение

Примечание

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

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

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

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

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

Заголовок

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

Тело

Комментарий

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

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

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

< H№> < /H№>

Где № – номер уровня заголовка (от1 до 6–ти).

Заголовок с выравниванием

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

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

· LEFT - по левому краю,

· CENTER - по центру,

· RIGHT - по правому краю.

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

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

< P> < /P>

Абзацы отделяются двойным межстрочным интервалом

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

< BR>

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

Перенос

< WBR>

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

< P ALIGN=”LEFT”> < /P>

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

· LEFT - по левому краю

· CENTER - по центру

· RIGHT - по правому краю

· JUSTIFY – по ширине

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

< HR>

< HR SIZE="? " >

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

"? " - толщина линии в пикселях

Форматирование шрифта

Жирный

< B> < /B>

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

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

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

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

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

Курсив

< I> < /I>

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

< TT> < /TT>

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

< U> < /U>

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

< S> < /S>

Увеличенный размер

< BIG> < /BIG >

Уменьшенный размер

< SMALL> < /SMALL>

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

< SUP> < /SUP>

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

< SUB> < /SUB>

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

< U> < /U>

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

< SUB> < /SUB>

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

< SUP> < /SUP>

Выделение текста

< EM> текст< /EM> или

< STRONG>

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

< EM> Выделение текста < /EM>

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

< FONT SIZE="? " > текст< /FONT>

? - значения от 1 до 7 или относительное изменение +2 (-1 и тп)

Базовый размер шрифта

< BASEFONT SIZE="? " >

одиночный тег

? – размер от 1 до 7; по умолчанию равен 3 и задается для всего документа в целом

Гарнитура фрифта

< FONT FACE=" название1, название2, " > текст < /FONT>

Текст оформляется первым, установленным на компьютере шрифтом, из списка названий

Цвет шрифта (задается либо ключевым словом, либо шестнадцатеричным кодом с символом #)

< FONT COLOR=”$$$$$$”> текст

< /FONT>

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” align=" CENTER" >

< TR>

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

< TH> Цена< /TH>

< /TR>

< TR>

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

< TD

2000 < /TD>

< /TR>

< /TABLE>

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

< TABLE BORDER=? < /TABLE>

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

< TR> < /TR>

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

< TR ALIGN=LEFT | RIGHT | CENTER | MIDDLE | BOTTOM >

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

< TD> < /TD>

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

< TD ALIGN=LEFT | RIGHT | CENTER>

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

< TD BOTTOM>

Желаемая ширина (в точках – пикселях или %)

TD WIDTH="? " >

Заголовок столбцов или строк

< TH> < /TH>

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

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

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

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

< IMG SRC=”grafica.gif”

WIDHT=”550”

HEIGHT=”240”>

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

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

< IMG SRC=”URL” ALIGN=”left|right|top|bottom”>

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

< 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. htm#met1”>

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

< A HREF=”mailto: ivan@mail. ru" >

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

< A HREF=”URL#*”>

текст< /A>

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

< A HREF=”#*”>

текст< /A>

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

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

Ссылка на электронную почту

< A HREF=”mailto: mailaddress" >

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

< BODY BACKGROUND=”URL”>

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

< BODY

BACKGROUND=”grafica.gif”

TEXT=”black”      (черный)

LINK=”#FF0000” (красный)

VLINK=”#FFFF00” (желтый)

ALINK=”#FFFFFF”> (белый)

-------------------------

< /BODY>

< BODY BGCOLOR=”#$$$$$$”>

< BODY TEXT=”#$$$$$$”>

< BODY LINK=”#$$$$$$”>

< BODY VLINK=”#$$$$$$”>

< BODY ALINK=”#$$$$$$”>

© helpiks.su При использовании или копировании материалов прямая ссылка на сайт обязательна.