Создание Web-страницы

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

Для создания Web-страницы используется простейший текстовый редактор (блокнот), которые не включаются в создаемый документ управляющие символы форматирования текста самого редактора
Создание Web-страницы требует знания синтаксиса языка. Поэтому для создания применяются специальные Webредакторы

Web-страница сохраняется в виде файла с разрешением .htm или .html
Пример: index.htm

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

HTML – код страницы помещается в контейнер
Без этих тегов браузер не сможет определить формат документа и правильно его интерпретировать.
Структура Web-страницы

Web-страница разделяется на 2 логические части:
Заголовок;
Содержание.
Структура Web-страницы

Заголовок страницы
Заголовок страницы помещается в контейнер и содержит название страницы и справочную информацию о странице (тип кодировки, версия языка HTML и т.д.).
Название страницы помещается в контейнер
. При просмотре оно отображается в верхней части браузера.

Содержание страницы
Отображаемое содержание страницы помещается в контейнер
Тег может иметь атрибуты. Например:
bgcolor =“black” – задает цвет фона страницы;
text =“white” – задает цвет текста

Форматирование текста на Web-странице
Абзацы. Разделение текста на абзацы происходит с помощью контейнера
. Для каждого абзаца можно задать тип выравнивания и параметры форматирования шрифта.
Заголовки. Размер шрифтов заголовков задается парами тегов от
(самый крупный) до
(самый мелкий).

Шрифт. Параметры форматирования шрифта задаются с помощью тега FONT и его атрибутов:
SIZE – определяет размер шрифта;
FACE – определяет гарнитуру шрифта;
COLOR – определяет цвет шрифта.
Пример:
Пример текста
Форматирование текста на Web-странице

Заголовки
Заголовок 1
Заголовок 2
Заголовок 3
Заголовок 4
Заголовок 5
Заголовок 6

Выравнивание текста. Задается с помощью атрибута ALIGN.
Выравнивание по левому краю: ALIGN = “left”
Выравнивание по правому краю: ALIGN = “right”
Выравнивание по центру: ALIGN = “center”
Пример:
текст
Форматирование текста на Web-странице

Тег
. Создает жирный текст.
Тег
. Создает наклонный текст (курсив).
Тег
. Используется для перехода на новую строку.
Форматирование текста на Web-странице

Пример Web-страницы
Моя первая веб - страница text = gold>
Web - страница
Создана с помощью программы
Блокнот
и языка HTML.
Спасибо за внимание!