3. Наиболее известные и применяемые языки гипертекстовой разметки
Язык гипертекстовой разметки HTML
HTML (HyperText Markup Language) - язык гипертекстовой разметки документов. Назначение HTML в том, чтобы сделать документы пригодными для чтения с экрана монитора.
Как создать HTML?
Для создания HTML документов используют текстовые редакторы (например Блокнот), текстовые процессоры (Word), редакторы тегов HTML и визуальные HTML-редакторы. Вы можете создать HTML документ в простом Блокноте. Придерживаясь определённого стандарта и записав в текстовом файле HTML код, сохранив на жёстком диске и изменив расширение на .html или .htm вы получите полноценную web страничку.
Что такое теги в HTML?
Теги - это инструменты разметки текста. Теги могут прописываться как строчными, так и прописными буквами, разницы никакой нет. Теги бывают парными и не парными. В качестве примера парного тега можно привести тег <html></html>, этот тег начинает и заканчивает любой HTML документ. Вторая часть парного тега отличается от первой только наличием символа "/", однако первая часть тега может содержать и дополнительные параметры. Например в теге <font size="4"></font>, параметр size="4" определяет размер текста. Примером непарного тега является <hr> - тег вставки в HTML документ горизонтальной линии, такой как в конце этого абзаца.
Обязательные теги языка HTML
Любой HTML документ должен содержать следующие теги <html></html>, <head></head>, <body></body>, <title></title>. Порядок расположения тегов в HTML документе представлен ниже
<html>
<head>
<title>Название вашей страницы</title>
</head>
<body>
Тело вашего документа
</body>
</html>
Внутри тега <head></head> располагается название вашего HTML документа (чаще всего именно его вы видите в качестве ссылки в результатах поиска поисковыми машинами), помимо этого тега внутри конструкции <head></head> могут располагаться так называемые Мета Теги.
Заголовки
Заголовки в языке HTML выделяются тегами <h1></h1>, <h2></h2>, ... , <h6></h6>. Таким образом существует 6 уровней заголовков.
Абзацы в языке HTML
Абзац в HTML документе заключается в тег <P></P>.
Выделение текста в HTML
Для выделения текста, или области текста в HTML используют теги <b></b>, <i></i>, <u></u>, таким образом строка
<b>жирный</b> <i>курсив</i> <u>подчёркнутый</u> <u><i><b>жирный подчёркнутый курсив</b></i></u>
Ненумерованные списки в HTML
Ненумерованные списки прописывают в HTML коде следующим образом <UL><LI>пункт 1<LI>пункт 2<LI>пункт 3</UL>
Нумерованные списки в HTML
Нумерованные списки прописывают следующими тегами <OL><LI>пункт 1<LI>пункт 2<LI>пункт 3</OL>
Вложенные списки списки в HTML
Посмотрите пример вложенного списка
<ul> <li>Глава 1 <ul><li>Раздел 1<li>Раздел 2</ul> <li>Глава 2 <ul><li>Раздел 1<li>Раздел 2</ul> </ul>
Специальные символы в тексте документа
< - левая скобка (<) > - правая скобка (>) & - (&) " - кавычки (")
Так строка вида < "Язык HTML" > будет выглядеть
< "Язык HTML" >
Прерывание строки в тексте HTML документа
Прерывание строки осуществляется тегом <BR>. Например строка текста Автор<BR>Год издания<BR>Тираж даст следующий результат
Автор Год издания Тираж
Гиперссылки
Гиперссылка в языке HTML прописывается тегом <a></a>. Например запись вида
<a href="html.rar">Скачать учебник языка HTML</a>
будет выглядеть так
Скачать учебник языка HTML
Параметр href определяет место документа на который ссылается ссылка, в нашем примере ссылка относительная она ссылается на документ html.rar расположенный в той же директории что и страница HTML. Абсолютная ссылка прописывается следующим образом
<a href="http://webdesign.net-soft.ru/html.rar">Скачать учебник языка HTML</a>
Правила расстановки относительных ссылок в языке HTML
Если документ на который ссылается ссылка расположен в директории (папке) на уровень ниже, скажем dir, то ссылка параметр href будет иметь вид href="dir/html.rar" , а если документ расположен в директории на уровень выше, то нам необходимо будет записать href="../html.rar".
Вставка рисунков в HTML страницу
Рисунок в HTML документ вставляется следующим образом <img src="ris.jpg" width="100" height="140" alt="Учебник по языку HTML">. Разберем, каково значение параметров тега <img>. Как видите, это одиночный тег. Параметр src задаёт путь к изображению (абсолютный или относительный). Параметры width и height определяют ширину и высоту рисунка в пикселях в HTML документе. Параметр alt задаёт альтернативный текст - тот текст который отображается в браузере если отключена загрузка графики.
Фреймы в HTML документе
Фрейм - это рамка, в которую загружается другой HTML документ.
Таблицы в языке HTML
Таблицы в HTML документ вставляются следующим образом
<table border="1" style="border-collapse: collapse" bordercolor="#111111">
<tr><td>Ячейка11<td>Ячейка12</tr>
<tr><td>Ячейка21<td>Ячейка22</tr>
</table>
Таблицу открывает и закрывает тег <table></table>, тег <tr></tr> - определяет столбец, одиночный тег <td> определяет ячейку в столбце.
Язык гипертекстовой разметки XML
Язык гипертекстовой разметки XML - расширяемый язык гипертекстовой разметки, используемый для создания и размещения документов в среде WWW.
Язык XML использует структуру тегов и определяет содержание гипертекстового документа. XML позволяет автоматизировать обмен данными, не прибегая к существенному объему программирования.
Целью создания XML было обеспечение совместимости при передаче структурированных данных между разными системами обработки информации, особенно при передаче таких данных через Интернет. Словари, основанные на XML (например, RDF, RSS, MathML, XHTML, SVG), сами по себе формально описаны, что позволяет программно изменять и проверять документы на основе этих словарей, не зная их семантики, то есть не зная смыслового значения элементов. Важной особенностью XML также является применение так называемых пространств имён (англ. namespace).
Первая строка XML-документа называется объявление XML (англ. XML declaration) — это необязательная строка, указывающая версию стандарта XML (обычно это 1.0), также здесь может быть указана кодировка символов и внешние зависимости.
<?xml version="1.0" encoding="UTF-8"?>
Важнейшее обязательное синтаксическое требование заключается в том, что документ имеет только один корневой элемент (англ. root element) (так же иногда называемый элемент документа (англ. document element)). Это означает, что текст или другие данные всего документа должны быть расположены между единственным начальным корневым тегом и соответствующим ему конечным тегом.
Остальная часть этого XML-документа состоит из вложенных элементов, некоторые из которых имеют атрибуты и содержимое. Элемент обычно состоит из открывающего и закрывающего тегов, обрамляющих текст и другие элементы. Открывающий тег состоит из имени элемента в угловых скобках, например, <step>, а закрывающий тег состоит из того же имени в угловых скобках, но перед именем ещё добавляется косая черта, например, </step>. Имена элементов, как и имена атрибутов, не могут содержать пробелы, но могут быть на любом языке, поддерживаемом кодировкой XML-документа.
Содержимым элемента (англ. content) называется всё, что расположено между открывающим и закрывающим тегами, включая текст и другие (вложенные) элементы.
Кроме содержания у элемента могут быть атрибуты — пары имя-значение, добавляемые в открывающий тег после названия элемента. Значения атрибутов всегда заключаются в кавычки (одинарные или двойные), одно и то же имя атрибута не может встречаться дважды в одном элементе. Не рекомендуется использовать разные типы кавычек для значений атрибутов одного тега.
<ingredient amount="3" unit="стакан">Мука</ingredient>
В приведённом примере у элемента «ingredient» есть два атрибута: «amount», имеющий значение «3», и «unit», имеющий значение «стакан». С точки зрения XML-разметки, приведённые атрибуты не несут никакого смысла, а являются просто набором символов.