Основы языка разметки гипертекста. Практическая работа 3.8. Разработка сайта с использованием веб-редактора

Планирование уроков на учебный год (по учебнику Н.Д. Угриновича, 2017 г.)


Уроки 44 - 49
§3.13. Основы языка разметки гипертекста. Практическая работа 3.8. Разработка сайта с использованием веб-редактора


§3.13. Основы языка разметки гипертекста



Содержание урока

Структура HTML-кода веб-страницы

Шрифт

Форматирование текста

Вставка изображений

Гиперссылки

Текстовые поля

Переключатели

Флажки

Поля списков

Текстовая область

Отправка данных из формы

Создание веб-страниц в веб-редакторах

Практическая работа 3.8. Разработка сайта с использованием веб-редактора


Структура HTML-кода веб-страницы


Веб-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый документ вставляются управляющие символы — HTML-теги, которые определяют вид веб-страницы при её просмотре в браузере.

Теги заключаются в угловые скобки и могут быть одиночными или парными. Парный тег содержит открывающий и закрывающий теги: такая пара тегов называется контейнером. Закрывающий тег содержит прямой слэш (/) перед обозначением тега. Теги могут записываться как прописными, так и строчными буквами. Некоторые теги имеют атрибуты, которые являются именами свойств и могут принимать определённые значения.

Веб-страница помещается в контейнер <HTML></HTML> и состоит из двух частей: заголовка и отображаемого в браузере содержания.

Заголовок страницы помещается в контейнер <HEAD></HEAD>. Заголовок содержит название страницы, которое помещается в контейнер <TITLE></TITLE> и при просмотре отображается в верхней строке окна браузера. В раздел заголовка веб-страницы могут быть добавлены информационные одиночные теги <МЕТА>, имеющие атрибуты. Так, атрибут charset информирует браузер о кодировке веб-страницы.

Отображаемое в браузере содержание страницы помещается в контейнер <BODY></BODY>.

Пример:
<HTML>
<HEAD>
<ТIТLЕ>Заголовок страницы</ТIТLЕ>
<МЕТА =”text/html; charset=windows-1251” http-equiv="content-type">
</HEAD>
<BODY>
Текст на веб-странице
</BODY>
</HTML>

Веб-страницу необходимо сохранить в виде файла. Начальную страницу сайта сохраняют обычно под именем index.htm. В качестве расширения имени файла веб-страницы можно также использовать html. Рекомендуется создать для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке.

Следующая страница Шрифт



Cкачать материалы урока







Наверх