- •Знакомство с языком html
- •Понятие гипертекста и языка html
- •Основные возможности языка
- •Ограничения языка
- •Создание html-документа
- •Инструменты для создания и редактирования html-документов
- •Имена файлов
- •Специальные символы
- •Структура html-документа
- •Сохранение документа
- •Просмотр html-документа
- •Комментарии
- •Форматирование текста
- •Заголовки
- •0 Преподаватель - Скроб Ольга Васильевна e-mail: olia_s@tut.By
Сохранение документа
Документ необходимо сохранить с расширением html. Имя файла при публикации в сети необходимо будет узнать у администратора. К именам файлов предъявляются определённые требования. Очень часто документ должен называться index.html, default.html или home.html. Такие имена используются на большинстве Web-серверов. Сервер автоматически ищет эти имена, когда пользователь попадает в каталог, где находится страница.
На текущем этапе, пока публикация ещё не производится, лучше всего назвать документ как-нибудь вроде first.html.
Просмотр html-документа
Для просмотра документа можно использовать любой Web-браузер, например Internet Explorer. здесь можно использовать известную команду Файл→Открыть. Если же в системе поддерживается автоматическое открытие файлов типа html, то достаточно дважды щёлкнуть на нём мышью.
М ожно также использовать для просмотра специализированные HTML-редакторы. Например в редакторе WebCoder можно для просмотра выполнить команду Файл→Просмотреть или нажать кнопку (Просмотреть в Web-браузере). Кроме того, для просмотра можно использовать панель быстрого просмотра, которая включается командой Вид→Панель быстрого просмотра. При этом одновременно можно видеть код документа и отображение его внешнего вида выглядит как на рисунке справа.
Комментарии
Текст комментариев, которые должны быть скрыты от пользователя, предназначен специальный тег, состоящий из двух частей <!-- и -->.
Например:
<!--Это текст комментария (не отображается браузером)-->
Текст комментариев хотя и не отображается браузером, но всё равно присутствует на странице. Поэтому большие комментарии могут увеличить время загрузки страницы.
Поскольку текст комментария присутствует в коде, он может быть просмотрен пользователем. Поэтому не следует помещать в комментарии информацию, которую не следует знать посторонним.
Форматирование текста
Заголовки
Теги <H1>…<H6>
HTML поддерживает 6 уровней заголовков. Создать заголовки различных размеров можно с помощью тегов от <H1> до <H6>. Текст заголовков заключается между открывающей и закрывающей частями. Чем меньше число, идущее за символом H, тем мельче текст заголовка. Наличие заголовка автоматически прерывает строку, т.е. следующий за ним текст будет расположен в новой строке. Текст заголовка может быть расположен в несколько строк. Мелкие заголовки (<H3> и ниже) в большинстве браузеров отображаются слишком мелкими. Это следует учитывать, т.к. заголовок может оказаться мельче основного текста.
Например:
<H1>Заголовок 1-го уровня.</H1>
<H2>Заголовок 2-го уровня.</H2>
<H3>Заголовок 3-го уровня.</H3>
<H4>Заголовок 4-го уровня.</H4>
<H5>Заголовок 5-го уровня.</H5>
<H6>Заголовок 6-го уровня.</H6>
Вместе с тегами <H1>…H6> используются различные дополнительные параметры (атрибуты форматирования). Чтобы выровнять заголовок по центру тег используется с параметром ALIGN (расположение).
Например:
<H3 ALIGN="CENTER">Заголовок, расположенный по центру</H3>
Тег <CENTER>
К роме того, для выравнивания текста и других объектов документа можно использовать специальный тег <CENTER>