Главная страница
Навигация по странице:

Справка HTML. 1. Справка Краткая справка по языку html



Скачать 361.5 Kb.
Название 1. Справка Краткая справка по языку html
Анкор Справка HTML.doc
Дата 14.12.2017
Размер 361.5 Kb.
Формат файла doc
Имя файла Справка HTML.doc
Тип Документы
#12335

1. Справка

1.1. Краткая справка по языку HTML
Хотя сам HTML не является языком программирования, но он составляет неотъемлемую часть языков программирования WWW, поскольку именно в документы, написанные с помощью конструкций этого языка, вставляются апплеты Java, Flash-анимации и мультимедийные клипы. А серверные приложения Java генерируют HTML-документы, отсылаемые на компьютер клиента для их показа пользователю компьютера.
Система WWW и язык HTML

World Wide Web (Всемирная паутина) или, как ее обычно называют, WWW — это распределенная компьютерная система, основанная на гипертекстовых документах. Информация в ней хранится на компьютерах с соответствующим программным обеспечением (серверах), объединенных в глобальную сеть. Она включает в себя не только текст, но и возможность выполнения определенных действий при выборе специально отмеченных участков текста (так называемый гипертекст), а также графику, видео, звук (средства мультимедиа). Эта информация содержится в виде HTML-документов, которые могут включать ссылки на другие документы, хранящиеся как на том же самом, так и на другом сервере. На экране компьютера гиперссылки выглядят как выделенные другим цветом и/или подчеркиванием участки текста или рисунки (графические изображения).

С помощью гиперссылок, называемых также гипертекстовыми связями, пользователь может автоматически связаться с соответствующим источником информации в сети и получить на экране своего компьютера документ, на который была сделана ссылка. В большинстве случаев гиперсвязи выбирают щелчком кнопки мыши на участке текста с гиперсвязью. При этом компьютер посылает через сеть по протоколу HTTP (HyperText Transport Protocol) запрос серверу, хранящему файл с необходимым документом. Сервер, получив запрос, посылает клиенту этот файл или сообщение об отказе (если требуемый документ по тем или иным причинам недоступен).

HTML-документы просматривают с помощью браузеров — программ просмотра WWW-документов (WWW-browsers). В настоящее время получили распространение десятки таких программ, но наиболее известные и развитые — Microsoft Internet Explorer, Mozilla (в том числе один из его клонов, Firefox), Opera, а также уже сошедший со сцены Netscape Navigator.

WWW-документ, как уже отмечалось, содержит форматированный текст, графику и гиперсвязи с различными ресурсами Интернета. Чтобы реализовать все эти возможности, был разработан специальный компьютерный язык — HyperText Markup Language (HTML) — язык разметки гипертекста. Гипертекст (сверхтекст) — это текст, содержащий дополнительные возможности, в частности гиперссылки.

Существует несколько версий языка HTML, самая современная на данный момент — HTML 4.01 — принята в виде рекомендации Консорциума W3C (World Wide Web Consortium), отвечающего за развитие языка HTML и других WWW-технологий. XML-версия языка HTML, называемая XHTML, пока не нашла широкого распространения. Наиболее употребляемая версия при создании простых WWW-документов — это HTML 3.2. Создано много сред, позволяющих интерактивно создавать HTML-документы. Тем не менее, даже в этом случае полезно знать основные принципы устройства HTML-документов и имеющиеся в этом языке средства разметки.

Документ, написанный на языке HTML, представляет собой текстовый файл, содержащий собственно текст, несущий информацию пользователю, и теги разметки (murkup tags). Теги представляют собой определенные последовательности символов, заключенные между угловыми скобками (< >).

Программа просмотра располагает текст на экране дисплея согласно задаваемой тегами разметке, а также включает в него рисунки, хранящиеся в отдельных графических файлах, и формирует гиперсвязи с другими документами или ресурсами Интернета. После тега через пробел, вплоть до закрывающего символа >, может следовать один или не-сколько параметров (атрибутов) с задаваемыми для этих параметров значениями.

Файл на языке HTML имеет расширения html или htm. Он приобретает облик WWW-документа только тогда, когда просматривается в специальной программе просмотра — браузере.

Текст в HTML может включать любую последовательность символов, за исключением следующих:

<

>

&

"

Вместо них должны присутствовать комбинации:

<

>

&

"

Точка с запятой присутствует обязательно — ею заканчивается кодирующая последовательность.

Символы табуляции и перехода на новую строку эквивалентны пробелу, а несколько этих символов и пробелов подряд (в любой комбинации) — одному пробелу.

Для вставки в текст значимого пробела используется комбинация:

 

Она обозначает так называемый неразрывный пробел (non-breaking space), который не считается разделителем между словами. Поэтому слова, разделенные этим пробелом, хоть и пишутся через пробел, но на новую строку переносятся вместе, а не по раздельности.
Теги и их атрибуты

Теги предназначены для форматирования и разметки документа. Теги бывают парные (контейнеры) и непарные. Действие парного тега начинается с открывающего тега <�имя-Тега и заканчивается при встрече соответствующего ему закрывающего </имяТега, признаком которого является символ /.

Например:

Это html документ

Непарный тег вызывает единичное действие в том месте, где он встречается. Например, тег
вызывает перевод текста на новую строку.

Исключением из правила, гласящего об эквивалентности любого числа пробелов, табуляций и переходов на новую строку одному пробелу, является текст внутри контейнера

. Этот текст показывается так же, как он был предварительно отформатирован в обычном текстовом редакторе с использованием моноширинного шрифта, а все пробелы и переносы на новую строку значимые. Однако внутри данного контейнера могут действовать другие теги разметки.

Внутри тега, кроме его имени, могут находиться атрибуты, задающие дополнительные параметры, необходимые для действия тега.

Например, тег



обеспечивает показ в данном месте текста изображения из файла с именем MyFile.gif, а ширина и высота изображения задается 100 на 40 точек (пикселов) соответственно. При этом атрибут src, задающий имя файла, обязательный, а width и height — необязательные (могут отсутствовать).

Регистр, в котором набраны имена тегов или атрибутов (но не значения атрибутов!), в рамках HTML не имеет значения. В ранних версиях HTML во многих программах, работающих с HTML-документами (редакторах, конвертерах из одного формата текста в другой), оказывалось предпочтение верхнему регистру (заглавные буквы). Но после появления стандарта XHTML для обеспечения максимальной совместимости лучше использовать нижний регистр (маленькие, строчные буквы).

Типичный HTML-документ имеет заголовок и тело.

Начало документа отмечается тегом и заканчивается тегом .

Заголовок документа:



Он никак не отображается на экране компьютера при просмотре HTML-файла, за ис-ключением названия документа, помещаемого между тегами заголовка и заключенного в контейнере:



Это название обычно выводится как заголовок окна браузера, в котором отображается файл.

Важнейшая служебная информация — кодировка документа — задается следующим образом:



(русскоязычная кодировка ISO 1251);



(кодировка UTF-8) и т. д.

Тело определяет видимую часть документа:



Это html-документ, содержащий какой-то текст.

Пример 1. Hello world



Если ваш браузер делает запрос о разрешении отображать активное содержимое, то нужно дать такое разрешение, иначе не удастся увидеть апплет.


Это пример запуска апплета с помощью тега object в HTML-документе:






codebase="."

code="Applet1.class"

width=200

height=150

>

Здесь в окне апплета должно выводиться приветствие: Hello world. Это альтернативный текст, который будет виден в браузерах, не поддерживающих работу с апплетами.



Пример 2. Hello world и эллипс



Если ваш браузер делает запрос о разрешении отображать активное содержимое, то нужно дать такое разрешение, иначе не удастся увидеть апплет.


Это пример запуска апплета с помощью тега object:






codebase="."

code="Applet2.class"

width=200

height=150

>

Здесь должен нарисоваться эллипс и приветствие: Hello world.

Альтернативный текст, который будет виден в браузерах, не поддерживающих работу с апплетами



Другой вариант запуска апплета — с помощью устаревшего тега applet:




alt="Ваш браузер понимает тег <APPLET>, но почему-то не показывает апплет!"

Ваш браузер полностью игнорирует тег <APPLET> !



TODO write content

на то, которое нам нужно (см. листинг 1.10). После компиляции в папке Applet1\build\classes появятся файлы index.html и Applet1.class. Если запустить в браузере файл index.html, то увидим апплет — если, конечно, он покажется. Напомним, что лучше всего показывать апплеты с помощью тега , т. к. хоть он и считается устаревшим, но с ним работают практически все браузеры, в том числе FireFox.

Заметим, что теперь создание HTML-файла стало доступным из контекстного всплывающего меню, т. к. в нем появился пункт HTML.... Команды этого меню не заданы раз и навсегда — в них автоматически добавляются пункты, соответствующие последним по времени вызовам, которые заменяют редко используемые команды меню.

Апплет на основе формы Swing, позволяющей визуально проектировать его интерфейс, можно разработать с помощью создания файла типа JApplet Form. Для этого следует щелкнуть правой кнопкой мыши по области в дереве проекта и в появившемся всплывающем меню выбрать New/Other…/Swing GUI Forms/JApplet Form.

Редактор HTML-документов, стилей CSS и кода JavaScript

Редактор исходного кода NetBeans позволяет достаточно удобно редактировать HTML-файлы и стили CSS. Он не только обеспечивает выделение цветом тегов, атрибутов и значений атрибутов, что присуще многим редакторам, но еще и диагностирует ошибки при написании тегов, выделяя соответствующие участки оранжевой или красной волнистой линией и устанавливая в левом столбце оранжевые или красные квадраты с крестиком, сигнализирующие об ошибке в соответствующей строке (рис. 1.4).

Например, если мы в строке



исправим имя тега на , сымитировав ошибку, то получим диагностику в двух местах:

предупреждение в строке

такое же сообщение об ошибке в испорченной строке с сообщением о непарном закрывающем теге.
Сообщение об ошибке показывается при наведении курсора мыши на треугольник с восклицательным знаком, помечающего строку с предупреждением.

В редакторе HTML-документов имеется еще одна удобная вещь — справка по тегам и их атрибутам. Для того чтобы вызвать справку по какому-нибудь тегу или атрибуту, следует установить на него курсор редактирования текста и нажать комбинацию клавиш +<�Пробел>, после чего появится контекстная справка (рис. 1.5 и 1.6).



Рис. 1.4. Показ ошибок и предупреждений при редактировании HTML-файлов

В начале справки выводится список тегов, в котором выделена строка с нашим тегом. Далее идет окно справки по выбранному в списке тегу. Сначала идет формальное определение элемента и его атрибутов с помощью XML-нотации (эту часть справки не следует пытаться понять, а нужно просто пропустить). А вот дальше приведена полезна информация — перечисляются допустимые атрибуты и описано их назначение. Сначала почему-то указываются устаревшие (deprecated), не рекомендуемые к использованию атрибуты (в теге
они отсутствуют), и только потом — действующие.

Если курсор установить после открывающей тег левой треугольной скобки и нажать комбинацию клавиш +<�Пробел>, то появится список допустимых тегов и подсказка по выделенному в этом списке тегу. При наборе с клавиатуры нового HTML-текста сразу после ввода такой скобки появляется список тегов даже без комбинации клавиш +<�Пробел>.

Аналогично, если после имени тега и следующего за ним пробела нажать комбинацию клавиш +<�Пробел>, то появится список допустимых атрибутов. А при наборе с клавиатуры нового HTML-текста этот список появляется сразу после ввода пробела после имени тега.

Заметим, что при редактировании HTML-документов можно автоматически форматировать исходный код так же, как при редактировании Java-файлов: с помощью комбинации горячих клавиш ++ или через пункт всплывающего меню Format.

Еще одна полезная особенность редактора — возможность использования палитры HTML-элементов (рис. 1.7).

Из этой палитры можно перетащить любой элемент в необходимое место HTML-документа. Откроется форма, в которой будет предложено уточнить значения параметров этого элемента, а после ввода этих параметров в HTML-тексте появятся необходимые теги и атрибуты. Например, при вставке таблицы это будет выглядеть так, как показано на рис. 1.8.



Рис. 1.5. Контекстная справка по атрибуту bgcolor



Рис. 1.6. Контекстная справка по тегу




Рис. 1.7. Палитра HTML-элементов

Рис. 1.8. Добавление в HTML-документ таблицы

После нажатия кнопки OK в HTML-документе появится заготовка таблицы, представленная в листинге 1.15.
Листинг 1.15. Заготовка HTML-таблицы, созданная средой NetBeans





































Удивительно, но среди HTML-компонентов отсутствует апплет. По-видимому, Sun Microsystems в настоящее время не придает особого значения апплетам.

Совершенно так же, как HTML, редактируется код сценариев (script) языка JavaScript, причем редактор Java показывает и диагностирует многие ошибки в этом коде. И точно так же вызывается справка.

Например, код, приведенный в листинге 1.16, в режиме показа справки будет выглядеть так, как на рис. 1.9.
Листинг 1.16. Пример сценария JavaScript в коде HTML

Document : newhtml

Author : V.Monakhov

-->







написать администратору сайта