ГЛАВА 2. Структурирование текста

ГЛАВА 2. Структурирование текста

В предыдущей главе мы прошли "ударный" курс современного Web-дизайна, концепции Web 2.0, интернет-технологий и языка HTML. Мы выучили много новых терминов, создали свою первую Web-страничку и даже испытали в действии собственный Web-сервер. Теперь мы готовы к любым трудностям. В этой главе мы продолжим изучение языка HTML и рассмотрим средства для структурирования текста — разбиения его на отдельные значащие фрагменты, имеющие различное назначение и несущие различный смысл. Такими фрагментами являются абзацы, заголовки, списки и цитаты.

Абзацы

Если оформить текст в виде большого монолитного "куска", его вряд ли кто-то будет читать. Такой "кусок" текста выглядит как высокий черный забор, за которым не видно ни единой мысли автора, забор без единой дверцы, без единой щелочки.

Именно поэтому текст всегда разбивают на абзацы. Небольшие, включающие по несколько связанных по смыслу предложений, они доносят авторский текст посте- пенно, по частям, от простого к сложному. В общем, превращают непроницаемый "забор" в читабельный текст.

Как мы уже знаем из главы 1, язык 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>Русская Википедия определяет термин HTML так:</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>

<P>!DOCTYPE, BODY, EM, HEAD, HTML, META, P, STRONG, TITLE</P>

</BODY>

</HTML>

Пока это только заготовка для главной Web-страницы. Позднее мы будем дополнять и править ее.

Создадим папку, куда будем "складывать" файлы, составляющие наш Web-сайт. И сохраним в этой папке набранный HTML-код, дав файлу имя index.htm. Как мы помним из главы 1, файл главной Web-страницы Web-сайта должен иметь имя index.htm[l] (или default.htm[l], но это встречается реже).

ВНИМАНИЕ!

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

Сразу же откроем созданную Web-страницу в Web-обозревателе — так мы сразу сможем определить, нет ли ошибок. Если ошибки все-таки есть, исправим их.

Пока что наша Web-страничка содержит одни абзацы. Первое, что мы должны в нее добавить, — это…

Данный текст является ознакомительным фрагментом.



Поделитесь на страничке

Похожие главы из других книг:

Глава 2 Ввод и оформление текста

Из книги автора

Глава 2 Ввод и оформление текста 2.1. Создание заголовков2.2. Создание абзацев2.3. Создание обрывов строк2.4. Создание списков2.5. Ссылки2.6. Форматирование текстаВвод текстовой информации на сайт осуществляется внутри элемента BODY. Однако чаще всего простое расположение текста


Глава 8 Форматирование текста средствами CSS

Из книги автора

Глава 8 Форматирование текста средствами CSS 8.1. Выделение текста цветом8.2. Шрифты8.3. Форматирование текстаВ этой главе мы разберем основные приемы работы с текстом средствами CSS. Форматирование и установка стиля, выбор шрифта и задание цвета – все это с легкостью решается


ГЛАВА 2. Структурирование текста 

Из книги автора

ГЛАВА 2. Структурирование текста  В предыдущей главе мы прошли "ударный" курс современного Web-дизайна, концепции Web 2.0, интернет-технологий и языка HTML. Мы выучили много новых терминов, создали свою первую Web-страничку и даже испытали в действии собственный Web-сервер. Теперь


ГЛАВА 3. Оформление текста 

Из книги автора

ГЛАВА 3. Оформление текста  В предыдущей главе мы научились структурировать текст Web-страницы, разбивая его на логические "куски". Также мы узнали о комментариях HTML, которые позволяют создавать небольшие заметки прямо в коде Web-страницы. И создали две Web-страницы нашего


ГЛАВА 3. Оформление текста

Из книги автора

ГЛАВА 3. Оформление текста В предыдущей главе мы научились структурировать текст Web-страницы, разбивая его на логические "куски". Также мы узнали о комментариях HTML, которые позволяют создавать небольшие заметки прямо в коде Web-страницы. И создали две Web-страницы нашего


Глава 2 Подготовка текста в Microsoft Word

Из книги автора

Глава 2 Подготовка текста в Microsoft Word • Общие сведения о Word 2007• Основные правила форматирования• Вставка стандартных блоков в документ• Нумерация страниц и колонтитулы• Проверка правописания, поиск синонимов, перевод слов• Сноски и закладки• Настройка параметров


Глава 8 Быстрый ввод текста

Из книги автора

Глава 8 Быстрый ввод текста • «Слепой» метод набора• Клавиатурные тренажеры• Программа автоматического переключения раскладки клавиатуры Punto


Глава 2 Оформление текста

Из книги автора

Глава 2 Оформление текста Прежде чем мы перейдем к оформлению конкретной печатной продукции (газет, журналов, книг), стоит поговорить о некоторых универсальных правилах оформления текста. Возможно, многие вещи, написанные в этой главе, вы уже знаете, однако все равно не


Глава 13 Настройки текста

Из книги автора

Глава 13 Настройки текста Наконец мы с вами рассмотрим настройки текста, которые доступны при работе с Adobe InDesign. Мы делаем это только сейчас потому, что данная тема достаточно сложная, и надо признать, что некоторые знания нам еще какое-то время не понадобятся на практике.


Глава 3 Ввод и редактирование текста

Из книги автора

Глава 3 Ввод и редактирование текста Ввод данных в документ Word обычно не вызывает никаких проблем даже у начинающих пользователей. Окно программы представляет собой чистый лист, на котором текст набирается посредством ввода с клавиатуры. К сожалению, далеко не всегда с


Глава 17 Программы для ускорения набора текста

Из книги автора

Глава 17 Программы для ускорения набора текста Существует целый класс программ, которые помогают быстрее набирать текст. Для этого используется несколько техник:• программа как бы угадывает слово по первым набранным буквам;• программа распознает специальные


Глава 35. Редактирование текста

Из книги автора

Глава 35. Редактирование текста Важно: В случае, если символы в текстовом диалоговом окне FineReader отображаются некорректно (в словах на месте некоторых букв стоят значки "?"), это означает, что шрифты, выбранные на закладке Форматирование, не содержат всех символов, входящих в


Модули - структурирование пространства имен

Из книги автора

Модули - структурирование пространства имен При создании больших программ или библиотек большим количеством людей встает проблема коллизий имен. Питон решает эту проблему так же, как и большинство современных языков - структурированием пространства имен с помощью


Глава 7 Быстрый набор текста

Из книги автора

Глава 7 Быстрый набор текста 7.1. «Слепой» метод печати Одной из главных причин малоэффективной работы за компьютером является неумение обращаться с клавиатурой. Даже овладев операционной системой и текстовым редактором, многие люди продолжают медленно, «одним пальцем»


Описание отношений и структурирование ПО

Из книги автора

Описание отношений и структурирование ПО Другой вопрос связан с тем, какие отношения допустимы между типами объектов. В рафинированной объектной технологии имеются только два отношения: "быть клиентом" и наследование. Они соответствуют различным видам возможных


§ 4.4 Структурирование документа

Из книги автора

§ 4.4 Структурирование документа Получить грамотно структурированнную книгу и есть та цель, ради которого мы беремся за редактирование книги.Непосредственно сам процесс можно разделить на следующие этапы:1) Разбиение на секции;2) Разметка элементов;3) Оформление сносок;4)