Абзац - неотъемлемый элемент текста, включающий в себя несколько, связанных по смыслу, предложений. Они доносят авторский текст постепенно, по частям, от простого к сложному, превращая текст в читабельный.
Для создания абзаца язык HTML предоставляет парный тег <p>. Содержимое этого тега становится текстом абзаца:
<p>Я — совсем короткий абзац.</p>
<p>А я — уже более длинный абзац. Возможно, Web-обозреватель разобьет
меня на две строки.</p>
Абзац HTML отделяется небольшим отступом от предыдущего и последующего элементов страницы. Если абзац полностью помещается по ширине в родительский элемент Web-страницы, он будет выведен в одну строку; в противном случае Web-обозреватель разобьет его текст на несколько более коротких строк.
Абзац — это независимый элемент Web-страницы, который отображается отдельно от других элементов. Такие элементы Web-страницы называются блочными, или блоками.
Правила отображения текста абзаца Web-обозревателем:
два и более следующих друг за другом пробела считаются за один пробел;
перевод строки считается за пробел;
пробелы и переводы строки между тегами, создающие блочные элементы, никак не отображаются на Web-странице. (Благодаря этому мы можем форматировать HTML-код для более удобного чтения, в том числе ставить отступы для обозначения вложенности тегов.)
Эти же правила справедливы для других блочных элементов, которые мы изучим чуть ниже.
Для начала создадим главную Web-страницу нашего первого Web-сайта — справочника по HTML и CSS. Откроем Блокнот и наберем в нем HTML-код, приведенный в листинге 2.1.
Листинг 2.1
<! DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Справочник по HTML и CSS</title>
</head>
<body>
<p>Справочник по HTML и CSS</p>
<p>Приветствуем на нашем Web-сайте всех, кто занимается Web-дизайном!
Здесь вы сможете найти информацию обо всех интернет-технологиях, применяемых при создании Web-станиц. А именно, о языках HTML и CSS.</p>
<p>Русская Википедия определяет термин так:</p>
<p>HTML ( от англ. HyperText Markup Language - язык разметки гипертекста ) - стандартный язык разметки документов во Всемирной паутине.</p>
<p>Пожалуй, не убавить, не прибавить!</p>
<p>HTML позволяет формировать на Web-станицах следущие элементы:</p>
<p>абзацы;</p>
<p>заголовки;</p>
<p>цититы;</p>
<p>списки;</p>
<p>таблицы;</p>
<p>графические изображения;</p>
<p>аудио и видео ролики.</p>
<p>Основные принципы HTML</p>
<p>. . . </p>
<p>Теги HTML</p>
Пока это только заготовка для главной Web-страницы. Позднее мы будем допол-нять и править ее.
Создадим папку, куда будем "складывать" файлы, составляющие наш Web-сайт. И сохраним в этой папке набранный HTML-код, дав файлу имя index.htm. Как мы помним, файл главной Web-страницы Web-сайта должен иметь имя index.htm[l] (или default.htm[l], но это встречается реже).
Впоследствии мы будем сохранять все файлы, составляющие наш Web-сайт, в специально созданной папке. Если какой-либо файл нужно сохранить где-то еще, автор сообщит об этом особо.
Сразу же откроем созданную Web-страницу в Web-обозревателе — так мы сразу сможем определить, нет ли ошибок. Если ошибки все-таки есть, исправим их.
Пока что наша Web-страничка содержит одни абзацы. Первое, что мы должны в нее добавить, — это заголовки.