- •Знакомство с языком html
- •Понятие гипертекста и языка html
- •Основные возможности языка
- •Ограничения языка
- •Создание html-документа
- •Инструменты для создания и редактирования html-документов
- •Имена файлов
- •Специальные символы
- •Структура html-документа
- •Сохранение документа
- •Просмотр html-документа
- •Комментарии
- •Форматирование текста
- •Заголовки
- •0 Преподаватель - Скроб Ольга Васильевна e-mail: olia_s@tut.By
Создание html-документа
Инструменты для создания и редактирования html-документов
HTML-документы представляют собой простые текстовые файлы (записанные на кодах ASCII), содержащие специальные коды разметки. Другими словами, документ не содержит ничего, кроме букв, чисел, знаков препинания и некоторых других печатных символов, плюс коды разметки.
Создание Web-страницы можно начать, с помощью:
встроенного в ОС Windows текстового редактора Блокнот;
можно использовать более мощные редакторы (работающие в режиме ASCII-кодов), например, MS Word;
можно использовать специализированные программы для создания Web-страниц (позволяющие быстро и удобно набирать, редактировать, обрабатывать и даже публиковать в сети Web-страницы), например, WebCoder.
WebCoder – HTML-редактор, особенность которого заключается в том, что все изменения страницы сразу же видны в панели быстрого просмотра. Это делает работу с Web-страницами намного продуктивнее и удобнее. Программа также наделена стандартными для HTML-редакторов функциями:
подсветка синтаксиса;
нумерация строк;
быстрая вставка HTML-тегов;
просмотр файла в Web-браузере и другое.
Имена файлов
Если использовать для создания Web-страниц обычный текстовый редактор, то следует для сохранения документа использовать команду Сохранить как…, чтобы сохранять документ в формате HTML (Веб-страница - *.htm, *.html).
Документ, сохранённый с такими расширениями, без проблем будет распознан браузером как Web-страница, а не как простой текст, и будет отображён соответственно.
Когда для создания Web-страниц используется специализированный HTML-редактор, то программа сама контролирует расширение создаваемого файла.
Следует также обращать внимание на собственные имена файлов. Для того, чтобы обеспечить нормальную работу в различных операционных системах следует использовать имена, состоящие только из латинских букв, цифр и символов подчёркивания(«__»). Лучше не задавать имён, имеющих длину более 8 символов. Кроме того, некоторые операционные системы чувствительны к регистру символов в именах файлов.
Для этого следует принять за правило использовать в именах файлов только маленькие буквы и ограничить длину имён восемью символами. При создании ссылок на файлы использовать такой же формат записи имён.
Теги
От простого текстового документа HTML-документ отличается присутствием тегов.
Тег – это код разметки.
Теги являются составными частями самого документа. Они управляют форматированием, определяют макет готового документа, формируют ссылки на другие документы.
Теги окружены специальными маркерами, с помощью которых они отделяются от основного текста документа. Это символы угловых скобок: < >.
HTML-коды не чувствительны к регистру. Например, теги
<body> <bODy> <BodY> <BODY> и т.п.
ничем не отличаются друг от друга.
Однако, для того, чтобы легко было отличить коды от основного текста, разработчики Web-страниц печатают теги заглавными буквами. Это облегчает процесс редактирования.
Непарные теги просто вставляются в нужном месте документа
<BR> - перевод строки
Парные теги состоят из открывающей и закрывающей части. Закрывающий тег отличается от открывающего символом косой черты (слэша) после угловой скобки
<BODY> </BODY>
Теги, требующие закрывающей части, часто называют тегами-контейнерами, указывая на то, что внутри них могут содержаться другие элементы страницы (в том числе и другие теги).
В некоторых случаях (например, для тега абзаца <P> </P>) закрывающий тег может быть пропущен.
Особенностью языка HTML является нечувствительность к ошибкам. Если неправильно задать какой-либо параметр, сообщение об ошибке выдано не будет. В такой ситуации страница будет отображена так, как это возможно, а неизвестные или неправильные элементы будут проигнорированы. Это позволяет пользователю в любом случае увидеть содержимое Web-страницы.