Базисные теги. Атрибуты. Тэги и их атрибуты. Таблица цветов. Задание № 1.

⇐ ПредыдущаяСтр 2 из 2

Базисные теги

<HTML> </HTML> - начало и конец файла

<TITLE> </TITLE> - имя документа (должно быть в заголовке)

<HEAD> </HEAD>- голова документа

<BODY></BODY> - тело документа

Пример программы:

<HTML>

<HEAD>

<title> Моя страница </title>

</HEAD>

<BODY>

Содержимое страницы

</BODY>

</HTML>

Атрибуты

Атрибуты элемента определяют его свойства. Значение атрибута может быть заключено в одинарные или двойные кавычки.

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

Тэги и их атрибуты

Атрибут	Действие
<FONT COLOR=”цвет” size=“число от 1 до 7” FACE=“шрифт”>	Меняет цвет, Размер, гарнитуру шрифта текста
<BODY TEXT=”color” BGCOLOR="цвет”>	Меняет цвет всего текста Цвет фона страницы
<BODY BACKGROUND="URL">	Добавляет фоновую картинку (графический файл формата .jpg, .gif)
<IMG SRC=”файл” ALIGN=”значение”>	вставка графического изображения

Таблица цветов

Практическая часть:

Задание № 1.

Задание №1. Создайте с помощью языка HTML web-сайт «Мой колледж», состоящий из пяти страниц.

Страница 1 должна содержать:

- заголовок;

- главная страница

- гиперссылки: «Новости», «Сведения о колледже», «Информация студентам», «Информация абитуриентам».

Страницы 2, 3, 4 и 5 должны содержать:

- заголовок;

- по два или более отформатированных абзаца текста (один абзац не менее трех полных строк);

- фотографии (минимум по одной на каждой странице).

Сайт должен содержать информацию о колледже, о специальностях, контактную информацию и т.п.
Требования к сайту:

- заголовки и гиперссылки выравнивать по центру;

- для абзацев текста использовать различные варианты выравнивания (по ширине, по левому краю, по правому краю);

- использовать разные способы выравнивания фотографий;

- обязателен фоновый цвет страницы;

- на каждой странице должен быть заголовок окна;

- для заголовков использовать шрифт Time New Roman, для основного текста – Arial (размеры подобрать самостоятельно).

Задание №2. Протестируйте работоспособность сайта в браузере (по возможности в двух различных). Протестируйте работоспособность сайта при выключенной графике.

Задание №3. Измените в настройках браузера шрифт по умолчанию на Courier New, размер 14 и убедиться, что это не повлияло на внешний вид страниц сайта.

Задание №4. Разместите созданный сайт на любом бесплатном хостинге. Проверьте работоспособность.

Сделайте вывод о проделанной работе, с какими трудностями столкнулись при выполнении задания?

Сохраните работу под именем Фамилия_ПР27.docx.

⇐ Предыдущая 12