Практическая работа №8. Создание
простейшей веб-страницы.
Цель
работы:
Знакомство учащихся с общими положениями создания WEB-страниц и
базовыми тегами языка HTML
Теоретическая
часть:
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
|
зеленый
|
Практическая
часть
Создание
простейшей Веб-страницы:
Создайте
стандартный текстовый файл.
Откройте
его редактором "Блокнот".
Сначала
напечатайте основные теги:
<HTML>
<HEAD>
<TITLE>Добро пожаловать !!!</TITLE>
</HEAD>
<BODY> Здравствуйте!!!
</BODY>
</HTML>
Сохраните
документ с расширением *.htm.
Создайте
веб-страницу с оформленным фоном и текстом.
HTML-код
будет выглядеть следующим образом:
<HTML>
<BODY BACKGROUND="paint1.bmp" BGCOLOR="red"
TEXT="cian" LEFTMARGIN="40" MARGINWIDTH="40">
...
Текст документа (5-6 предложений на любую тему).
...
</BODY>
</HTML>
Сохраните
документ с расширением *.htm.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.