- •Знакомство с языком html
- •Понятие гипертекста и языка html
- •Основные возможности языка
- •Ограничения языка
- •Создание html-документа
- •Инструменты для создания и редактирования html-документов
- •Имена файлов
- •Специальные символы
- •Структура html-документа
- •Сохранение документа
- •Просмотр html-документа
- •Комментарии
- •Форматирование текста
- •Заголовки
- •0 Преподаватель - Скроб Ольга Васильевна e-mail: olia_s@tut.By
Учебный центр IBT тел.2649604, 2637202
СОДЕРЖАНИЕ
1 ЗНАКОМСТВО С ЯЗЫКОМ HTML 3
1.1 Понятие гипертекста и языка HTML 3
1.2 Основные возможности языка 3
1.3 Ограничения языка 4
2 СОЗДАНИЕ HTML-ДОКУМЕНТА 5
2.1 Инструменты для создания и редактирования HTML-документов 5
2.2 Имена файлов 5
2.3 Теги 5
2.4 Специальные символы 6
2.5 Структура HTML-документа 6
Тег <HTML> 6
Тег <HEAD> 6
Тег <BODY> 6
Тег <TITLE> 7
2.6 Сохранение документа 7
2.7 Просмотр HTML-документа 8
2.8 Комментарии 8
3 ФОРМАТИРОВАНИЕ ТЕКСТА 8
3.1 Заголовки 8
Теги <H1>…<H6> 8
Тег <CENTER> 9
Знакомство с языком html
Понятие гипертекста и языка html
Создание WEB-страниц заключается в создании гипертекста с помощью специального языка HTML.
Гипертекст – это сложный документ, состоящий из нескольких частей, связанных между собой ссылками.
Ссылка – это переход с одного объекта на другой.
HTML (Hyper Text Markup Language) – язык разметки гипертекста.
Это язык Всемирной паутины (Internet). Когда мы открываем любую web-страницу на любом сайте на самом деле мы открываем всего лишь документ, созданный на языке HTML.
Все web-документы форматируются с помощью языка HTML, и все гиперссылки, которые позволяют вам легко перемещаться со страницы на страницу, также созданы средствами языка HTML. Цветные изображения, которые встречаются на web-страницах, формы, с помощью которых можно вводить данные, и бегущие заголовки — все это создаётся посредством языка HTML.
Научиться создать такой гипертекст несложно. Достаточно знать правила и определённые команды языка HTML.
П рограммный код web-страницы на языке HTML выглядит примерно так:
Документ состоит из текста, который можно видеть на готовой web-странице, а также команд, заключенных в угловые скобки. Эти команды и «сообщают» Web-браузеру, в каком виде отображать текст, где вставить графику, на что имеются ссылки и другое.
Основные возможности языка
Форматирование текстовой части осуществляется с помощью команд, которые задают стиль шрифта, заголовков, таблиц и фреймов.
Имеется возможность включения гиперссылок, указывающих на другой документ, службу Интернета, мультимедийные файлы или приложения, находящиеся на любом компьютере земного шара.
Язык имеет широкий выбор средств макетирования.
С помощью команд языка можно создавать таблицы и форматировать текст вручную.
Средствами языка графические изображения можно включать прямо в HTML-документы; эти изображения также могут служить гиперссылками.
Имеется возможность создания карт-изображений, содержащих активные области. Это позволяет использовать разные части одного рисунка в качестве ссылок.
Возможно включение интерактивных компонентов, таких как заполняемые формы и программы, работа с которыми требует участия самого пользователя.
W eb-страница, изображённая в предыдущем пункте на языке HTML при просмотре в Internet выглядит следующим образом:
Ограничения языка
Документ-HTML не является обычным текстовым документом. Готовый HTML-документ, Web-страница не находится под непосредственных контролем создателя. Многие элементы форматирования некоторые пользователи могут просто не увидеть при просмотре через браузер, поскольку для более быстрой загрузки web-страниц они отключают загрузку изображений.
Различия в аппаратном обеспечении также являются ограничением, накладываемым на использование HTML. Ваш HTML-документ на разных компьютерах и на разных мониторах будет смотреться совершенно по-разному.
Пользователь, просматривающий Web-документ, может частично может управлять работой браузера. Например, из серии шрифтов можно выбрать нужный шрифт и установить его размер. Однако, типы и свойства шрифтов могут быть заданы и в коде HTML. Для того, чтобы разрешать подобные конфликты существует специальная система приоритетов.
Можно настроить браузер так, чтобы изображения, включённые в HTML-документ, загружались и отображались с задержкой. В этом случае вместо изображений пользователь видит лишь характерные местозаполнители. Если в таком месте сделать щелчок, то оригинальные рисунки станут видны. Такая возможность была разработана для того, чтобы максимально уменьшить время загрузки всего документа. Это удобно для пользователей, у которых используется медленное удалённое соединение. Однако, если изображение используется в виде ссылки, пользователь может оказаться в затруднительном положении.
В различных Web-браузерах один и тот же документ при просмотре может отображаться по-разному. Даже при условии, что используются одинаковые компьютеры, просмотр даёт совершенно разные результаты. Нововведения языка HTML и более совершенные методы отображения HTML-документов позволяют избавиться от многих существовавших ранее ограничений.
Язык HTML, несмотря на некоторые, по-прежнему пока непреодолимые ограничения, является очень гибким и удобным.