 |
Характеристика HTML как языка программирования для Интернет
|
|
|
|
HTML является наиболее популярным языком разметки документов. В исходном виде файл HTML содержит инструкции форматирования (теги), чередующиеся с текстом документа. Главной особенностью разметки HTML является возможность вставки ссылок на внешние документы или на внутренние разделы того же документа.
Язык HTML отличается от других широко распространенных языков программирования тем, что он позволяет отображать содержимое документа на компьютерах с различными аппаратными платформами, операционными системами и графическими характеристиками. Достигается это тем, что файл с документом WWW представляет собой набор инструкций для программы-обозревателя (браузера), которая выводит содержимое документа, интерпретируя его построчно. При этом задача выбора точных размеров окна, размера и цвета шрифтов и т. п. полностью ложится на браузер, который решает их в соответствии со своими возможностями и с возможностями системы. Этим достигается большая гибкость в выборе технических средств вывода изображения документа, но теряется точность. На практике это означает, что изображения одного и того же документа на одном компьютере, выведенные при помощи различных браузеров, будут отличаться.
В соответствии со спецификациями языка HTML текстовые документы сохраняются в файлах, имеющих расширение.htm или.html. Однако документ, открытый на сервере, редко бывает полностью текстовым, чаще всего он содержит графические изображения, создающие фон под текстом, либо имеющие определенную смысловую нагрузку. В документе могут присутствовать и звуковые файлы, и движущиеся изображения. Все эти составные части документа являются разными файлами, содержащими логически связанную между собой информацию и объединенными локальными ссылками, которые позволяют управлять просмотром графики, прослушиванием звука, перемещением по тексту, либо выполняют другие функции.
|
|
|
Наряду с неоспоримыми достоинствами язык HTML обладает рядом слабых сторон. По сути, HTML - это технология представления информации, описывающая то, как браузер должен скомпоновать текст и графику на странице. В результате справедливо утверждение: «То, что вы видите, это все, что вы получаете»:
- невозможно описать данные независимо от отображения этих данных, что является главной проблемой поиска нужной информации;
- клиент не имеет средств извлечения данных со страницы Web для дальнейшей обработки;
- на конкретной странице Web-клиент получает только одно представление конкретного множества данных.
Например, для получения данных, отсортированных иным образом, нежели тот, что представлен на текущей странице, браузер должен посылать новый запрос серверу. В свою очередь серверу придется заново отправлять полную страницу HTML со списком данных. Такое манипулирование данными ведет к значительному увеличению числа обращений к Web-серверам и затрудняет их дальнейшее масштабирование.
Другой недостаток языка HTML заключается в его «плоскости», т. е. невозможности предоставления информации об иерархии данных.
Непоследовательность языка HTML (неоднозначность синтаксиса) затрудняет разбор текста программным обеспечением браузеров. Примером такой непоследовательности может служить необязательное наличие закрывающих тегов для соответствующих открывающих. Для обозначения тегов используются символы «<» и «>», внутри которых помещаются названия инструкций и их параметры.
Базовая структура страницы WEB
1. Для создания Web-страницы требуются текстовый редактор, например, стандартное приложение ОС Windows Блокнот (Пуск-> Программы-> Стандартные -> Блокнот). В блокноте создается новый файл и сохраняется с расширением.html.
|
|
|
2. Язык HTML — это набор меток с форматом <TAG> текст</TAG>.
3. Все Web-страницы начинаются с метки <HTML> и заканчиваются меткой </HTML>.
4. HTML-документ состоит из двух секций. Первая из них, голова, определяется метками <HEAD> и </HEAD>.
5. Вторая секция, тело страницы, обрамляется метками <BODY> и </BODY>.
6. Заглавие страницы указывается между метками <TITLE> и </TITLE> и должно находиться в секции головы.
7. Текст Web-страницы располагается в секции тела. Для превращения текста в абзацы используется метка <P>.
Стили форматирования
1. Для введения стилей текста предназначены четыре основные метки: <В> — жирный, <I> — курсивный, <U> — подчеркнутый и <ТТ> — моноширинный. Допускается комбинировать эти метки, определяя для одного и того же текста несколько стилей.
| Стиль текста | Начальная метка | Конечная метка |
| Жирный | <В> | </В> |
| Курсив | <I> | </I> |
| Подчеркивание | <U> | </U> |
| Моноширинный | <ТТ> | </ТТ> |
2. Для вывода нестандартных символов, например знака авторского права, применяются специальные коды (символьные ссылки или названия).
| Знак | Символьная ссылка | Название |
| < | < | < |
| > | > | > |
| ¢ | ¢ | ¢ |
| £ | £ | £ |
| ¥ | ¥ | ¥ |
| © | © | © |
| ® | ® | ® |
| º | ° | ° |
| ¼ | ¼ | ¼ |
| ½ | ½ | ½ |
| ¾ | ¾ | ¾ |
| × | × | × |
3. При наличии на странице нескольких разделов (глав) для форматирования их названий и определения структуры страницы применяются метки заголовков от <Н1> до <Н6>.
4. Для вывода белого пространства и возврата каретки в предформатированном тексте предназначены метки <PRE> и </PRE>.
5. Конец строки определяет метка <BR>.
6. Чтобы провести поперек страницы горизонтальную линию, применяется метка <HR>.
Списки
1. Нумерованные списки удобны для ранжирования элементов и поэтапных процедур. Перед каждым элементом указывается метка <LI>, а весь список обрамляется метками <OL> и </OL>.
2. Маркированные списки позволяют выводить на странице Web бланочные комментарии. Перед каждым элементом списка указывается метка <LI>, а весь список находится внутри меток <UL> и </UL>.
|
|
|
3. Списки определений удобно применять для элементов типа словаря или секций документа (где каждый термин служит заголовком секции, а определение — текстом секции). Для указания термина применяется метка <DT>, для определения — метка <DD>, а весь список обрамляется метками <DL> и </DL>.
4. Допускается вставлять список одного типа в список другого типа и даже того же самого типа.
Гипертекстовые связи
1. Адреса URLs можно разбить на четыре части: «как» (протокол, например http, с последующими символами://), «кто» (имя хост-компьютера, например www.logophilia.com), «где» (каталог, например /Ноme/) и «что» (имя файла, например, homepage.html).
2. Базовая структура гипертекстовой связи имеет такой вид:
<А НREF= «URL»>Текст связи</А>
3. Если страница, к которой создается связь, находится в том же каталоге, что и текущий документ, в адресе URL связи можно оставить только имя файла.
4. Для создания якоря применяется такая разновидность метки <А>:
<А NАМЕ= «Имя»>Текст якоря</А>
5. Для образования связи к якорю применяется такая метка:
<А НREF= «#Имя»>Текст связи</А>
6. В связях электронной почты применяется разновидность mailto метки <А>:
<А HREF= «mailto: Адрес электронной почты» >Текст связи</А>
Графика
1. Встроенные изображения появляются непосредственно на странице Web, а внешние изображения можно просмотреть только с применением отдельной графической программы.
2. Имеется множество графических форматов, но в Web применяются только два — GIF (самый распространенный) и JPEG.
3. Графику можно получить из библиотек клипартов, других страниц, архивов Интернет, с помощью сканера или факса.
4. Для образования графического файла в формат GIF издругого формата применяется программа LView.
5. Для добавления изображения на страницу Web применяется метка
<IMG SRC= «имя_файла» >,
где имя_файла есть имя графического файла.
6. Чтобы превратить изображение в гипертекстовую связь, применяется метка <А>, в которой обычный текст связи заменяется меткой <IMG>:
<А HREF= «URL»><IMG SRC=«имя_файла» ></А>
|
|
|
