Презентация Создание HTML сайта часть 2

Создание HTML сайта Часть 2

Горизонтальная линия За горизонтальную линию отвечает тег <,HR>,. Спецификация тега <,HR>,: <,HR>, ALIGN=выравнивание WIDTH=длина линии SIZE=толщина линии

Благодаря этой рекламе сайт может продолжать свое существование, спасибо за просмотр.

Атрибут WIDTH задает длину линии. Значением данного атрибута является число. Это число означает длину линии в пикселях. Если после числа стоит знак %, то это означает длину в процентах от ширины окна. Например: <,HR WIDTH=400%>, – линия длиной 400 пикселей. <,HR WIDTH=50%>, – линия длиной 50 процентов от ширины окна.

Атрибут SIZE Атрибут SIZE задает толщину линии. Значением этого атрибута является число. Это число означает толщину линии в пикселях.

Пример <,HTML>, <,HEAD>, <,TITLE>, Горизонтальная линия <,/TITLE>, <,BODY>, Информатика - наука о методах и процессах сбора, хранения, обработки и передачи информации <,/BODY>, <,HR ALIGN=CENTER WIDTH=100% SIZE=50 COLOR=BLACK>, <,/HEAD>, <,/HTML>,

Картинки HTML позволяет использовать рисунки в формате JPG и GIF для оформления HTML-документов. Для вставки рисунков используется тег <,IMG>,.

Картинки Спецификация тега <,IMG>,: SRC=адрес рисунка ALIGN=выравнивание HEIGHT=высота рисунка WIDTH=ширина рисунка BORDER=толщина рамки

Атрибут SRC Атрибут SRC определяет URL-адрес рисунка, который будет отображаться браузером.

Атрибут ALIGHT может иметь следующие значения: TOP– рисунок выравнивается по верхнему краю текущей строки. MIDDLE– рисунок выравнивается серединой по текущей строке.   BOTTOM– рисунок выравнивается по нижнему краю текущей строки.   LEFT– рисунок прижимается к левому краю окна браузера и обтекается текстом.   RIGHT– рисунок прижимается к правому краю окна браузера и обтекается текстом. Атрибут HEIGHT определяет высоту рисунка в пикселях. Атрибут WIDTH определяет ширину рисунка в пикселях.

Пример: <,HTML>, <,HEAD>, <,TITLE>, Вставка картинки <,/TITLE>, <,BODY>, <,P>, Информатика - наука о методах и процессах сбора, хранения, обработки и передачи информации <,IMG SRC=http://56orb.ru/sites/default/files/node/u208/images-cms-image-000015564_0.jpg ALIGN=RIGHT BORDER=4>, <,/P>, <,/BODY>, <,/HEAD>, <,/HTML>,

Маркированный список Для создания маркированного списка необходимо использовать тег-контейнер <,UL>, <,/UL>,. Каждый элемент списка должен начинаться тегом <,LI>, и заканчиваться тегом <,/LI>,. Спецификация элемента UL: <,UL TYPE=вид маркера>,

Атрибут TYPE Задает тип маркера. Он может иметь следующие значения: DISK – маркеры отображаются закрашенными кружочками. CIRCLE – маркеры отображаются не закрашенными кружочками. SQUARE – маркеры отображаются квадратиками.

Пример: <,HTML>, <,HEAD>, <,TITLE>,Пример списка<,/TITLE>, <,/HEAD>, <,BODY>, <,UL TYPE=DISK>, Крупные города России: <,LI>,Москва<,/LI>, <,LI>,Санкт-Петербург<,/LI>, <,LI>,Новосибирск<,/LI>, <,/UL>, <,/BODY>, <,/HTML>,

Нумерованный список Для создания нумерованного списка следует использовать тег-контейнер <,OL>, <,/OL>,. Каждый элемент списка должен начинаться тегом <,LI>, и заканчиваться тегом <,/LI>,. Спецификация элемента OL: <,OL TYPE=вид нумерации START=начальная позиция>,

Атрибут TYPE имеет следующие значения: A– маркеры в виде прописных латинских букв, a– маркеры в виде строчных латинских букв,   I- маркеры в виде больших римских цифр, i- маркеры в виде маленьких римских цифр,  1- маркеры в виде арабских цифр, это значение используется по умолчанию.

Атрибут START Атрибут START определяет позицию, с которой начинается нумерация списка. Используя этот атрибут, можно начать нумерацию, например, с цифры 5 или буквы E, в зависимости от вида нумерации. Значением атрибута START является число, вне зависимости от вида нумерации.

Тег <,LI>, Спецификация элемента LI для нумерованного списка: <,LI TYPE=вид нумерации VALUE=номер элемента>,

Пример: <,HTML>, <,HEAD>, <,TITLE>,Пример списка<,/TITLE>, <,/HEAD>, <,BODY>, <,OL>, Города России по величине: <,LI TYPE=I>, Москва<,/LI>, <,LI TYPE=I>, Санкт-Петербург<,/LI>, <,LI TYPE=I>, Новосибирск<,/LI>, <,/OL>, <,/BODY>, <,/HTML>,