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

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


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


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



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

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

Шрифт

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

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

Гиперссылки

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

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

Флажки

Поля списков

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

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

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

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


Гиперссылки


Гиперссылки, размещённые на веб-странице, позволяют загружать в браузер другие веб-страницы, хранящиеся на локальном компьютере или в Интернете. Гиперссылка состоит из двух частей: адреса и указателя ссылки.

Гиперссылка создаётся с помощью универсального тега А и его атрибута HREF, указывающего, в каком файле хранится загружаемая веб-страница. Пример:

<А HREF="Адрес">Указатель ссылки</А>

Если загружаемая в браузер веб-страница размещена на локальном компьютере в той же папке, то вместо адреса указывается просто имя файла, например:

<А HREF="file.htm">Указатель ссылки</А>

Если загружаемая в браузер веб-страница размещена в Интернете, то в качестве адреса указывается её доменное имя, например:

<А HREF="http://www.server.ги/веб-сайт/file.htm”>Указатель ссылки</А>

Чтобы посетители сайта могли не только просматривать информацию, но и отправлять сведения для обработки и использования на сервер, на страницах сайта размещают интерактивные формы. Формы включают в себя элементы управления различных типов: текстовые поля, раскрывающиеся списки, флажки, переключатели и т. д.

Пусть мы хотим разместить на странице «Анкета» анкету для посетителей, чтобы выяснить, кто из них, с какими целями и с помощью каких программ получает и использует информацию из сети Интернет, а также узнать, какую информацию они хотели бы видеть на нашем сайте.

Вся форма заключается в контейнер <FORM> </FORM>.

Следующая страница Текстовые поля



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







Наверх