Рабочие листы
к вашим урокам
Скачать
1 слайд
Создание HTML сайта
Часть 2
2 слайд
Горизонтальная линия
За горизонтальную линию отвечает тег <HR>.
Спецификация тега <HR>:
<HR>
ALIGN="выравнивание"
WIDTH="длина линии"
SIZE="толщина линии"
3 слайд
Атрибут WIDTH задает длину линии. Значением данного атрибута является число. Это число означает длину линии в пикселях. Если после числа стоит знак %, то это означает длину в процентах от ширины окна. Например:
<HR WIDTH="400%"> – линия длиной 400 пикселей.
<HR WIDTH="50%"> – линия длиной 50 процентов от ширины окна.
4 слайд
Атрибут SIZE
Атрибут SIZE задает толщину линии. Значением этого атрибута является число. Это число означает толщину линии в пикселях.
5 слайд
Пример
<HTML>
<HEAD>
<TITLE> Горизонтальная линия </TITLE>
<BODY> Информатика - наука о методах и процессах сбора, хранения, обработки и передачи информации </BODY>
<HR ALIGN="CENTER" WIDTH="100%" SIZE="50" COLOR="BLACK">
</HEAD>
</HTML>
6 слайд
Картинки
HTML позволяет использовать рисунки в формате JPG и GIF для оформления HTML-документов. Для вставки рисунков используется тег <IMG>.
![КартинкиСпецификация тега :
SRC="адрес рисунка"
ALIGN="выравнивание"
HEIGHT="...](https://documents.infourok.ru/ba1c67dd-178d-40da-8e29-834bfdc6ffe4/0/slide_07.jpg "КартинкиСпецификация тега :
SRC="адрес рисунка"
ALIGN="выравнивание"
HEIGHT="...")
7 слайд
Картинки
Спецификация тега <IMG>:
SRC="адрес рисунка"
ALIGN="выравнивание"
HEIGHT="высота рисунка"
WIDTH="ширина рисунка"
BORDER="толщина рамки"
8 слайд
Атрибут SRC
Атрибут SRC определяет URL-адрес рисунка, который будет отображаться браузером.
9 слайд
Атрибут ALIGHT
может иметь следующие значения:
TOP– рисунок выравнивается по верхнему краю текущей строки.
MIDDLE– рисунок выравнивается серединой по текущей строке.
BOTTOM– рисунок выравнивается по нижнему краю текущей строки.
LEFT– рисунок прижимается к левому краю окна браузера и обтекается текстом.
RIGHT– рисунок прижимается к правому краю окна браузера и обтекается текстом.
Атрибут HEIGHT определяет высоту рисунка в пикселях.
Атрибут WIDTH определяет ширину рисунка в пикселях.
10 слайд
Пример:
<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>
11 слайд
Маркированный список
Для создания маркированного списка необходимо использовать тег-контейнер <UL> </UL>.
Каждый элемент списка должен начинаться тегом <LI> и заканчиваться тегом </LI>.
Спецификация элемента UL:
<UL TYPE="вид маркера">
12 слайд
Атрибут TYPE
Задает тип маркера. Он может иметь следующие значения:
DISK – маркеры отображаются закрашенными кружочками.
CIRCLE – маркеры отображаются не закрашенными кружочками.
SQUARE – маркеры отображаются квадратиками.
13 слайд
Пример:
<HTML>
<HEAD>
<TITLE>Пример списка</TITLE>
</HEAD>
<BODY>
<UL TYPE="DISK">
Крупные города России:
<LI>Москва</LI>
<LI>Санкт-Петербург</LI>
<LI>Новосибирск</LI>
</UL>
</BODY>
</HTML>
14 слайд
Нумерованный список
Для создания нумерованного списка следует использовать тег-контейнер <OL> </OL>.
Каждый элемент списка должен начинаться тегом <LI> и заканчиваться тегом </LI>.
Спецификация элемента OL:
<OL TYPE="вид нумерации" START="начальная позиция">
15 слайд
Атрибут TYPE
имеет следующие значения:
A– маркеры в виде прописных латинских букв;
a– маркеры в виде строчных латинских букв;
I- маркеры в виде больших римских цифр;
i- маркеры в виде маленьких римских цифр;
1- маркеры в виде арабских цифр, это значение используется по умолчанию.
16 слайд
Атрибут START
Атрибут START определяет позицию, с которой начинается нумерация списка. Используя этот атрибут, можно начать нумерацию, например, с цифры 5 или буквы E, в зависимости от вида нумерации. Значением атрибута START является число, вне зависимости от вида нумерации.
17 слайд
Тег <LI>
Спецификация элемента LI для нумерованного списка:
<LI TYPE="вид нумерации" VALUE="номер элемента">
18 слайд
Пример:
<HTML>
<HEAD>
<TITLE>Пример списка</TITLE>
</HEAD>
<BODY>
<OL>
Города России по величине:
<LI TYPE="I"> Москва</LI>
<LI TYPE="I"> Санкт-Петербург</LI>
<LI TYPE="I"> Новосибирск</LI>
</OL>
</BODY>
</HTML>
Рабочие листы
к вашим урокам
Скачать
6 665 090 материалов в базе
Настоящий материал опубликован пользователем Тарасова Валентина Михайловна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Ваша скидка на курсы
40%
Курс профессиональной переподготовки
300/600 ч.
Курс повышения квалификации
36 ч. — 180 ч.
Курс профессиональной переподготовки
300 ч. — 1200 ч.
Мини-курс
8 ч.
Мини-курс
3 ч.
Мини-курс
4 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.