1.1. Язык гипертекстовой разметки
Отыскав в бескрайних просторах Интернета привлекательную страничку, вы, наверное, не раз задумывались, как же это всё создаётся. И тот факт, что даже самая красочная web-страничка по сути своей является текстовым документом, наверняка вызовет недоумение, а то и недоверие. Но это действительно так: любую — сложную или простую, короткую или длинную, разноцветную или чёрно-белую, с картинками и без — страницу можно создать даже в таком примитивном текстовом редакторе, как Блокнот.
"Как же так? – удивитесь вы. – Ведь в блокноте можно набирать только обычный текст: его нельзя раскрасить, для него нельзя задать форматирование, в него, конечно же, не вставишь картинки… "
Все это так, но ведь есть возможность и в обычном текстовом файле указать, как должен быть оформлен какой-либо фрагмент или куда надо вставить рисунок. Сделать это можно, например, так:
<картинка из файла ie.jpg> Это моя начало полужирного текста> первая
конец полужирного текста> web-страничка!
Не правда ли, все так просто!
Такой способ разметки был “изобретен” Тимом Бернерсом-Ли в 1989 году и назван HTML, или HyperText Markup Language, что и означает “Язык гипертекстовой разметки”. За его основу была взята идея специальными ключевыми словами обозначать, как браузеру следует отображать текст, размеченный языком HTML. Эти ключевые слова получили название tag (тег), и, чтобы их можно было отличить от основного текста, они записываются в угловых скобках < и >.
Иногда необходимо с помощью тегов оформить какой-то ограниченный фрагмент документа. В таких случаях применяют парные теги. Парных тегов всегда два – один из них показывает, где начинается оформление (начальный тег), другой – где это оформление заканчивается (конечный тег). Конечный тег отличается от начального тем, что перед его именем ставится символ / (слэш).
Кроме того, существует и непарные теги, с помощью которых можно указать, что должно отобразиться в данной точке документа, например, “тут должна появиться картинка”.
Далее мы подробно рассмотрим теги языка HTML, а пока для общего знакомства запишем приведенный выше пример с помощью кода HTML
<IМG srс=iе.jpg> Это моя <В> первая </В> web-страничка!
Вы уже догадались, что тег IMG вставляет в документ картинку, а теги B и B оформляют текст полужирным начертанием.
Обзор тегов, рассматриваемых в этом уроке, приведен в Приложении А.
Всем спасибо, увидимся в следующем уроке!