Web-страницы и Web-сайты. Структура Web- страницы. - презентация

1 Web-страницы и Web-сайты. Структура Web- страницы

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

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

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

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

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

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

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

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

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

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

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

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

14