Поделиться
Л2-01015.docx
HTML — это теговый язык разметки документов. Элементы — это структуры, которые описывают отдельные составляющие HTML-документа. Элемент состоит из трех частей: начального тега, содержимого и конечного тега. Тег — это специальный текст, заключенный в угловые скобки "<" и ">". Конечный тег имеет то же имя, что начальный тег, но начинается с косой черты "/". Атрибуты элемента определяют его свойства. Значение атрибута может быть заключено в одинарные или двойные кавычки. Порядок следования атрибутов в теге не важен. Атрибут действует от открывающего тега, в котором он задан, до закрывающего, или только внутри тега, если тег не имеет парного.
|
Базисные теги |
|
|
|
Тип документа |
<HTML></HTML> |
Начало и конец файла |
|
|
|
|
|
Имя документа |
<TITLE></TITLE> |
Должно быть в заголовке |
|
Заголовок |
<HEAD></HEAD> |
Описание документа |
|
Тело |
<BODY></BODY> |
Содержимое страницы |
Оформление тела Веб-страницы
|
Атрибут |
Действие |
Значения атрибута |
|
BACKGROUND="URL" |
Фоновая картинка |
*.jpg, *.gif, .png. графический файл расположен в одной папке с Вашим документом |
|
BGCOLOR="цвет " |
Цвет фона |
|
|
TEXT=”color” |
Цвет текста |
|
|
LEFTMARGIN="40" |
Определяет ширину левого и правого полей документа |
Пикселы |
|
MARGINWIDTH="40" |
Определяет ширину верхнего и нижнего полей документа |
Пикселы |
Таблица цветов НТМL
|
pink |
Розовый |
blue |
синий |
|
cyan |
оттенок бирюзового |
teal |
ярко-голубой |
|
orange |
Оранжевый |
gray |
серый |
|
brown |
Коричневый |
yellow |
желтый |
|
fuchsia |
ярко-фиолетовый |
olive |
оливковый |
|
aqua |
Бирюзовый |
purple |
фиолетовый |
|
silver |
светло-серый |
red |
красный |
|
black |
Черный |
green |
зеленый |
Для того, чтобы отформатировать текст, который будет располагаться на вашей веб-странице, необходимо воспользоваться следующими тегами:
|
Форматирование |
|
|
|
Заголовки |
<H*></H*> * - от 1 до 6 |
Стандарт определяет 6 уровней заголовков |
|
Конец строки |
<TR> |
|
|
Начало абзаца |
<P> |
|
|
Выравнивание |
<H* > </H*> *-ALIGN= LEFT|CENTER|RIGHT |
По левому краю, по правому, по центру |
|
Цитата |
<BLOCKQUOTE> </BLOCKQUOTE> |
Обычно выделяется отступом |
|
Шрифт |
|
|
|
Жирный |
<B></B> |
|
|
Курсив |
<I></I> |
|
|
Размер шрифта |
<FONT SIZE=?></FONT> |
От 1 до 7 |
|
Цвет шрифта |
<FONT COLOR="#$$$$$$"> </FONT> |
|
Важнейшую роль в оформлении страницы играют иллюстрации.
Для размещения рисунков в документе служит одиночный тег <IMG>, который должен обязательно содержать атрибут SCR=, значение которого составляет адрес файла изображения.
Изображение переносится на страницу с сохранением размеров. Нужные размеры рисунка можно задать с помощью атрибутов WIDTH= (ширина) и HEIGHT= (высота).
Альтернативный текст – словесное описание изображения задаётся при помощи атрибута ALT=.
Для создания гиперссылки в документе используются теги <A> и </A>. Текст ссылки помещается между этими тегами. Для того, чтобы указать адрес, на который указывает ссылка, необходим атрибут HERF=. Некоторые гиперссылки могут указывать на определённое место внутри страницы (якоря). Для него является обязательным атрибут NAME=. Значением этого атрибута является имя якоря, которое может состоять только из латинских букв и цифр и не должно содержать пробелов.
В качестве гиперссылки можно использовать изображения. Для этого теги разметки изображения должны быть помещены между тегами гиперссылок.
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
