
- •Лабораторная работа №1. «Основные понятия html»
- •Основные понятия html Что такое Интернет?
- •Зачем нужен язык разметки?
- •Об истории html
- •Браузеры
- •Html-файлы
- •Редакторы html-файлов
- •Коротко о главном
- •Лабораторная работа №2. «Общая структура html-документа»
- •Общая структура html-документа
- •Структурные теги
- •Элементы форматирования на уровне блоков
- •Коротко о главном
- •Лабораторная работа №3. «Оформление текста в html-документе»
- •Формирование абзацев и заголовков, работа со шрифтами Абзацы
- •Заголовки
- •Горизонтальные линии
- •Бегущая строка
- •Работа со шрифтами
- •Создание списков
- •Коротко о главном
- •Лабораторная работа №4. «Структура html-приложения. Гиперссылки»
- •Структура html-приложения. Гиперссылки Структура html-приложения
- •Создание гиперссылок
- •Коротко о главном
- •Лабораторная работа №5. «Графика и мультимедиа в html-документе»
- •Вставка графики и мультимедиа Вставка изображений
- •Вставка звука и видео
- •Коротко о главном
- •Лабораторная работа №6. «Таблицы в html-документе»
- •Создание таблиц
- •Пример создания простой таблицы
- •Пример создания таблицы с названиями столбцов
- •Создание сложных таблиц
- •Пример фрагмента html-документа для создания таблицы с различной шириной строк и столбцов
- •Оформление таблиц
- •Коротко о главном
- •Лабораторная работа №7. «Формы в html-документе»
- •Формы в html-документе Создание форм
- •Коротко о главном
- •Лабораторная работа №8. «Фреймы в html-документе»
- •Фреймы в html-документе Создание фреймов
- •Создание «плавающих» фреймов
- •Создание гиперссылок с учетом фреймов
- •Коротко о главном
- •Практическая работа. «Основы веб-конструирования»
Об истории html
История языков разметки уходит в 60-е годы XX века, когда сотрудники компании IBM взялись за решение задач переноса документов между различными платформами и операционными системами. Результатом их усилий стал язык GML (General Markup Language – общий язык разметки).
Следующий этап связан с именами ученых-физиков, сотрудников Европейского центра ядерных исследований (CERN) в Женеве. Так, в конце 1980-х годов Тим Бернерс-Ли занялся проблемой хранения и отображения данных, полученных коллегами. Проблема состояла в том, что каждый специалист, приезжавший в Центр, применял собственные методы представления информации, и срочно требовалось создание универсальной системы, которая не зависела бы от используемой компьютерной платформы и в то же время была бы достаточно простой.
HTML был разработан Тимом Бернерс-Ли (Tim Berners-Leе) в 90-х годах на основе работ Теда Нельсона (Ted Nelson) и концепции гипертекста.
В основу разрабатываемого языка Бернерс-Ли положил язык GML и приемы работы с гипертекстом, с чем и связано название созданного им языка – HTML.
Понятие гипертекст означает электронный документ, который содержит в себе ссылки на другие документы.
Разработка HTML привела в итоге к новой технологии распространения гипертекстовых документов в Интернете. Однако для широкого распространения World Wide Web кроме языка HTML потребовалась разработка протокола передачи гипертекста HTTP (HyperText Transfer Protocol — протокол передачи гипертекста), который позволил осуществлять обмен документами HTML. Именно этот протокол дал возможность приложению-клиенту находить и использовать ресурсы, хранящиеся на другом компьютере.
HTML разработан с учетом того, что информацию из сети могут использовать различные устройства: персональные компьютеры с экранами, обладающими различным разрешением и количеством цветов, сотовые телефоны, устройства для речевого ввода-вывода, компьютеры с высокой и низкой пропускной способностью и т. д.
Браузеры
Чтобы отобразить на экране компьютера HTML-документы в том виде, как они задумывались разработчиками, необходимо иметь специальную программу, называемую «браузер». (От английского слова browse, которое переводится как «пастись, ощипывать молодые побеги, заниматься беспорядочным чтением».) Браузер Internet Explorer входит в виде интегрированного модуля в Windows.
Html-файлы
Веб-страница, загружаемая в браузер, представляет собой HTML-файл. Это текстовый файл с расширением .htm, .html или .htmll. Файлы .htm создаются для обработки в операционной системе DOS (где принято расширения обозначать тремя буквами). Для работы в Windows допустимо сохранять HTML-файлы с расширениями .htm и .html, причем более предпочтительным является использование расширения .html.
Для просмотра HTML-кода страницы в браузере Internet Explorer можно выполнить любое из следующих действий:
• щелкнуть правой кнопкой мыши в окне документа и в появившемся контекстном меню выбрать команду «Просмотр HTML-кода»;
• выбрать команду меню «Вид» ► «Просмотр HTML-кода».
После этого на экране откроется окно приложения Блокнот с HTML-кодом просматриваемой страницы.