- •Лабораторная работа № 1 Базовые понятия html
- •Элементы
- •Атрибуты
- •Создание простого html- документа Задание 1.
- •Тело html- документа
- •Задание цветов в элементе body Идентификаторы и значения часто используемых цветов
- •Задание 2
- •Задание начертания текста
- •Элементы задания начертания текста
- •Задание 3.
- •Задание шрифта текста
- •Задание 4.
- •Выравнивание абзацев Задание 5.
- •Разбиение текста на абзацы Задание 6.
- •Заголовки
- •Задание 7.
Создание простого html- документа Задание 1.
Набрать в БЛОКНОТЕ приведённый ниже пример 1. Сохранить как PRIMER1.HTML или PRIMER 1.HTM.
Открыть его и просмотреть результат.
В БЛОКНОТЕ набрать по памяти этот же текст, сохранить как PRIMER 1.1.HTML или PRIMER 1.1.HTM.
Сравнить результат с предыдущим.
Пример 1.
<HTML>
<HEAD>
<TITLE>Простой HTML- документ </TITLE>
</HEAD>
<BODY>
<H1> Заголовок </H1>
Текст страницы
</BODY>
</HTML>
Тело html- документа
Вся содержательная часть HTML-документа находится в его теле (элемент BODY). Для определения этого элемента парные теги < BODY > и </ BODY >. Эти теги не являются обязательными, но их наличие значительно улучшит наглядность структурной организации HTML-документа, позволяет чётко отделить его содержимое от заголовка.
Всё, что помещено между тегами < BODY > и </ BODY > , является содержимым документа, показываемым браузером пользователю.
Наиболее используемые атрибуты элемента BODY:
background – URI, указывающий расположение изображения для фона (обычно берётся небольшое изображение, которое размножается для заполнения фона всего документа);
bgcolor – цвет фона HTML-документа;
text – цвет шрифта документа;
link - цвет непосещённых гиперссылок;
vlink - цвет посещённых гиперссылок;
alink - цвет гиперссылок при выборе их пользователем (при нажатии Enter произойдёт переход по такой гиперссылке);
contenteditable – позволяет разрешить или запретить пользователю редактирование содержимого HTML-документа при просмотре его браузером (значения true, false, или inherit).
Задание цветов в элементе body Идентификаторы и значения часто используемых цветов
-
Название
Значение
Цвет
black
#000000
Чёрный
silver
#808080
Тёмно-синий
gray
#C0C0C0
Серый
white
#FFFFFF
Белый
maroon
#800000
Бордовый
red
#FF0000
Красный
purple
#800080
Фиолетовый
fuchsia
#FF00FF
Лиловый
green
#00F000
Зелёный
lime
#00FF00
Ярко-зелёный
olive
#808000
Оливковый
yellow
#FFFF00
Жёлтый
nary
#000080
Тёмно-синий
blue
#0000FF
Синий
teal
#008080
Сине-зелёный
aqua
#00FFFF
Бирюзовый
Задание 2
Набрать в БЛОКНОТЕ приведённый ниже пример 2. Сохранить как PRIMER 2.HTML или PRIMER 2.HTM.
Открыть его и просмотреть результат.
В БЛОКНОТЕ набрать по памяти этот же текст, сохранить как PRIMER2.1.HTML или PRIMER2.1.HTM.
Сравнить результат с предыдущим.
Пример 2
<HTML>
<HEAD>
<TITLE> Задание цветов в элементе BODY </TITLE>
</HEAD>
<BODY
Text=”black” (чёрный)
Link=”0080FF” (голубой)
Vlink=”red” (красный)
Alink=”navy”(тёмно-синий)>
Обычный неформатированный текст должен отображаться
Чёрным цветом
<P> <A HREF=”ref1”> Непосещённая гиперссылка (голубой цвет)</A>
<P> <A HREF=”ref2”> Посещённая гиперссылка (красный цвет)</A>
<P> <A HREF=”ref3”> Выделенная гиперссылка (тёмно-синий цвет)</A>
</BODY>
</HTML>