Веб-страницы на сегодняшний день пишутся на языке HTML. С помощью HTML можно размещать на веб-страницах текст, графику, а также указатели на другие страницы. Он является языком разметки, то есть языком, описывающим способ форматирования документа.
Языки разметки содержат подробные команды форматирования, называемые тэгами. Например, в языке HTML, команда <b> означает начало участка текста, печатаемого полужирным шрифтом, а </b> означает конец такого участка.
Переход от одного фрагмента текста к другому задается с помощью тэга ссылки вида:
<A HREF="[URL перехода]">выделенный фрагмент текста</A>,
При необходимости можно задать переход не просто к некоторому документу, но и к определенному месту внутри этого документа. Для этого необходимо создать в документе метку, к которой будет задан переход. Например в документе 2.htm:
<A NAME="M1">Метка перехода</A>
В этом случае ссылка на метку M1 в документе 2.htm будет иметь вид:
<A HREF="2.htm#M1">Переход к метке M1</A>
Формы
Были включены в язык HTML, начиная с версии 2.0. Формы могут содержать кнопки и поля для ввода текста, позволяющие пользователям делать выбор или вводить необходимую информацию, которую затем можно отсылать владельцу страницы. Для этой цели используется тег <input>. У него могут быть различные параметры, определяющие размер, назначение и другие свойства отображаемого окна. Наиболее часто используемыми формами являются поля для ввода текста, флажки, переключатели, кнопки подтверждения:
<INPUT STYLE="text" NAME="Edit" VALUE="строка текста">
XML и XSL
Язык HTML никак не определяет структуру веб-вебстраниц. Он смешивает содержимое страницы и описание средств ее форматирования. По мере роста популярности электронной коммерции и других приложений появлялась все более очевидная необходимость в структурировании веб-страниц и отделении содержимого от форматирования. Например, поисковая программа, обещающая найти в Мировой паутине книгу или компакт-диск по самой выгодной цене, должна проанализировать множество страниц, находя нужное наименование и цену. Если страница написана на обычном HTML, такой программе будет очень тяжело определить, где указано название товара, а где — его цена.
По этой причине консорциум WWW (W3C) предложил расширение HTML, позволяющее структурировать страницы для облегчения их автоматической обработки. Для целей было создано два языка.
XML (Extensible Markup Language – Расширяемый язык разметки веб-страниц), описывает структурированное содержимое страниц.
XSL (Extensible Style Language –расширяемый язык стилей), описывает форматирование независимо от содержимого.
Пример:
Ведомость
| Фамилия | Имя | Отчество | Предмет | Оценка |
| Иванов | Сергей | Владимирович | математика физика информатика | |
| Петров | Алексей | Сергеевич | математика физика | |
| Сидоров | Александр | Михайлович | математика физика |
В виде XML
<vedom name=’Ведомость’>
<record>
<fam> Иванов </fam>
<im> Сергей </im>
<otch> Владимирович </otch>
<mark predmet= ’математика’ > 5 </mark>
<mark predmet= ’физика’ > 4 </mark>
<mark predmet= ’информатика’ > 5 </mark>
</record>
<record>
<fam> Петров </fam>
<im> Алексей </im>
<otch> Сергеевич </otch>
<mark predmet= ’математика’ > 4 </mark>
<mark predmet= ’физика’ />
</record>
<record>
<fam> Сидоров </fam>
<im> Александр </im>
<otch> Михайлович </otch>
<mark predmet= ’математика’ > 5 </mark>
<mark predmet= ’физика’ > 4 </mark>
</record>
</vedom>
Пример XSL:
<html>
<body>
<table>
<TR> <TH>Фамилия</TH> <TH>Имя</TH> </TH>
<xsl:for-each select="vedom / record">
<TR>
<TD><xsl:value-of select=’fam’/> </TD>
<TD><xsl:value-of select=’im’/> </TD>
</TR>
</xsl:for-each>
</table>
</body>
</html>
Результат:
| Фамилия | Имя |
| Иванов | Сергей |
| Петров | Алексей |
| Сидоров | Александр |
