— А что же дальше? — поторопила подругу Фаина.
— Ну, а когда вы хотя бы в основных чертах продумали структуру сайта и его оформление, то можно приступать к его реализации на языке HTML… — продолжила было свою импровизированную лекцию Файка.
— Постой-постой! — потянула ее за рукав Фаина. — Какой такой язык HTML? Это что-то вроде языка программирования? Значит, Интернет-страницы подобны программам на Бейсике?
— Не совсем, — ответила Файка. — HTML — это язык разметки текста. Точнее, некоторый заранее оговоренный набор команд, которые называют тэгами и записывают в угловых скобках из знаков «больше» и «меньше». То есть файл любой Интернет-страницы (с расширением htm) содержит в себе весь текст, который надо на этой странице показывать, плюс вставленные в нужных местах этого текста тэги. Некоторые из таких тэгов служат для изменения вида всего текста или его части (тогда весь нужный фрагмент текста заключается в контейнер из двух тэгов — открывающего и закрывающего, который отличается от открывающего наклонной косой чертой), а другие тэги предназначены для вставки в текст рисунков, указания места перехода на новый абзац или чего-то другого. И когда мы просматриваем такой файл в браузере, то он отыскивает в тексте эти тэги и соответствующим образом отображает текст или загружает из указанного отдельного файла и вставляет в текст какой-то рисунок или делает что-то еще…
Файка раскрыла мини-портал, разведя ладошки в стороны, и в нем, как в окне, отобразился рисунок: слева — текст, справа — изображение Интернет-странички в браузере.
— Вот смотри, — кивнула она. — Здесь текст, который вместе с вставленными в него тэгами содержится в некотором htm-файле, показан рядом с изображением, которое получится на экране компьютера, если этот файл просмотреть в браузере. А стрелки указывают, какая строчка и какие тэги или контейнеры во что при этом превращаются.
Фаина внимательно рассматривала рисунок.
— Самая первая строчка нашего htm-файла содержит один-единственный тэг <HTML>, — объясняла Файка. — Он сообщает браузеру, что данный файл — это Интернет-страничка, содержащая в себе HTML-тэги. А в самой последней строчке — «ответный» закрывающий тэг </HTML>. Как видишь, он отличается от первого косой чертой. Значит, получается, что эти два тэга образуют контейнер, в котором «хранится» вся наша страничка. А внутри его — вложенный контейнер <HEAD>…</HEAD>, который обычно содержит в себе название страницы, отображаемое в заголовке браузера (эта строчка названия тоже обрамляется двумя соответствующими тэгами <TITLE> и </TITLE>), а за ним — еще один вложенный контейнер <BОDY>…</BОDY>, в котором располагается все содержимое нашей странички.
— А что в нем хранится? — спросила Фаина.
— Давай посмотрим по порядку, — предложила Файка. — Первая строчка — это контейнер из двух тэгов <Н1>…</Н1>.
Это тэги заголовка, они означают, что весь текст между ними будет отображаться крупнее и жирнее, чем обычный. Цифра, стоящая в тэге после буквы Н, показывает «степень» этого укрупнения: единичка — самый крупный, который возможен; двойка — чуть поменьше, для подзаголовков, тройка — еще меньше и так далее. А дополнительно записанное в открывающем тэге равенство ALIGN=CENTER указывает браузеру, что этот заголовок надо выровнять по центру отображаемой в его окне странички. Такие равенства называются параметрами тэгов.
— Следующие три строчки, — продолжала объяснять Файка, как заправская учительница, — это контейнер <Р>…</Р>, как видишь, он тоже, как и заголовок, является вложенным в контейнер <BОDY>…</BОDY> и означает для браузера приказ: сформировать на страничке отдельный абзац. Причем выровненный, как видишь, тоже по центру, — Файка указала невесть откуда появившейся указкой на записанное и здесь в открывающем тэге равенство ALIGN — CENTER. А хранится в этом контейнере тэг, предписывающий браузеру вывести рисунок. Здесь записанное в начале после открывающейся уголковой скобки слово IMG — это и есть тэг вставки рисунка, а дальше пишется несколько равенств: SRC=goose.jpg — указание имени файла, в котором хранится рисунок, а текст после «ALT»= будет выводиться в качестве «всплывающей подсказки», если пользователь наведет на этот рисунок курсор «мыши». Кстати, на то, что в тексте есть пустые строчки, не нужно обращать внимания: в HTML обычное разбивание на абзацы не учитывается и делается при помощи тэгов.
— А дальше опять будет контейнер абзаца? — спросила Фаина.