Цель работы: закрепить теоретические знания и приобрести практические навыки работы создания Web-страниц с помощью языка HTML
Пояснения к работе
HTML – (язык разметки гипертекста) – это простой набор команд, описывающих структуру документа, отдельные его логические части: заголовки, абзацы, таблицы.
Структура Web-страницы:
<html>
<head>
, , ,
head>
<body >
, , ,
body>
html>
Поясним значения тегов: - смотри документ
Имя |
Цвет |
Числовое значение |
Имя |
Цвет |
Числовое значение |
black |
Черный |
“#000000” |
green |
Зеленый |
“#008000” |
silver |
Серебро |
“#c0c0c0” |
lime |
Светло-зеленый |
“#00ff00” |
grey |
Серый |
“#808080” |
olive |
Оливковый |
“#808000” |
white |
Белый |
“#ffffff” |
yellow |
Желтый |
“#ffff00” |
maroon |
Каштановый |
“#800000” |
navy |
Темно-синий |
“#000080” |
red |
Красный |
“#ff0000” |
blue |
Синий |
“#0000ff” |
purple |
Фиолетовый |
“#800080” |
teal |
Сине-серый |
“#008080” |
fuchsia |
Сиреневый |
“#ff00ff” |
agua |
Голубой |
“#00ffff” |
Теги работающие со шрифтами: - смотри документ.
Ход выполнения практической работы
Создать на Рабочем столе папку Web.
В Блокноте набить файл. - смотри документ
Сохранить файл в папке Web под именем My.html.
Просмотреть полученную Web - страницу.
Скопировать в папку Web рисунок Priroda.gif.
Если на ПЭВМ нет такого рисунка, то:
а) скопировать в папку Web любой другой рисунок, сохранив его расширение;
б) имя рисунка д.б. на английском языке;
в) заменить имя рисунка Priroda.gif на имя внедряемого рисунка.
Просмотреть полученную Web - страницу.
Создать страницу spisok.html - смотри документ
Содержание отчёта:
- Название практической работы
- Фамилия и номер группы
- Цель практической работы
- Структура Web-страницы
- Значения тегов, работающих со шрифтами, фоном страницы, списком.
- Значения тегов, управляющих положением элемента на Web-странице.
Контрольные вопросы:
- Дайте определение языку HTML?
- Какую структуру имеют Web-страницы?
- Перечислите теги, работающие со шрифтами.
- Какие теги управляют цветом шрифта, фоном страницы?
- Какие теги управляют положением элемента на Web-странице?
- Перечислите теги, работающие со списком.