Содержание

Введение

Скелет веб-страницы

Несколько тегов

Изображения

Списки

Ссылки

Таблицы

Технические вопросы

Введение

Веб-страница - это обыкновенный текстовый файл. Поэтому создать ее можно, просто щелкнув правой кнопкой мыши в нужной папке.

Затем следует переименовать файл, изменив его расширение на ".html". Такое расширение является для браузеров (Explorer, Mozilla, Opera, Chrome и т.д.) признаком, что данный текст нужно рассмотреть особо.

Дело в том, что веб-страницы содержат, кроме текста, также и специальные комбинации символов, разбивающие текст на блоки типа заголовков, абзацев, ссылок и т.д.

Эти специальные комбинации символов позволяют браузерам распознавать структуру текста, и называются они тегами.

Пример.

Допустим, вы создали текстовый файл, изменили его расширение на ".html", открыли с помощью Блокнота и ввели следующий текст:

Астрономия Астрономия — это наука, изучающая расположение, движение, строение, происхождение и развитие небесных тел. Термин «Астрономия» образован от древнегреческих слов «астрон» (звезда) и «номос» (закон).

На ваш взгляд в приведенном тексте есть и заголовок, и абзацы. Однако при открытии файла в браузере (двойным щелчком по файлу) результат будет похож на сплошную "кашу":

Астрономия Астрономия — это наука, изучающая расположение, движение, строение, происхождение и развитие небесных тел. Термин «Астрономия» образован от древнегреческих слов «астрон» (звезда) и «номос» (закон).

Чтобы браузер правильно распознал, из каких частей состоит текст, эти части нужно заключить в соответствующие для них теги. Например, заголовок следует поместить между <h1> и </h1>. Абзацы помещаются между <p> и </p>.

Давайте приспособим наш исходный текст к "мышлению" браузера:

<h1>Астрономия</h1> <p>Астрономия — это наука, изучающая расположение, движение, строение, происхождение и развитие небесных тел.</p> <p>Термин «Астрономия» образован от древнегреческих слов «астрон» (звезда) и «номос» (закон).</p>

Теперь, открыв файл в браузере, мы увидим желаемое:

Внешний вид может довольно сильно различаться в разных браузерах в зависимости от их настроек. Но структура текста будет показана явно.

Почему так? В чем смысл теговой разметки страниц?

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

Поэтому главная идеология теговой разметки страниц состоит в разбиении текста на части, а не в его внешнем оформлении!

В следующем разделе рассмотрена основная общая структура любой веб-страницы: "Скелет веб-страницы" (читать далее >>).