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

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

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

Выделение фрагментов текста

Собственно, средства HTML для оформления текста мы начали изучать еще в главе 1. Это парные теги <STRONG> и <EM>, которые выделяют свое содержимое полу- жирным и курсивным шрифтом соответственно.

Однако на самом деле теги <STRONG> и <EM> — это нечто большее, чем просто выделение текста. Они дают фрагменту текста, являющемуся их содержимым, особое значение с точки зрения Web-обозревателя. Они говорят, что данный фрагмент текста является важным, и на него следует обратить внимание посетителя. Тег <STRONG> делает фрагмент текста очень важным, а тег <EM> — менее важным (листинг 3.1).

Листинг 3.1

<P><STRONG>Я — очень важный текст и поэтому набран полужирным шрифтом!</STRONG> Прочитайте меня в первую очередь!</P>

<P><EM>А я — менее важный текст и набран курсивом. </EM> Не забудьте прочитать меня, но можете сделать это потом.</P>

HTML предусматривает для выделения текста довольно много тегов (табл. 3.1), имеющих две особенности:

— все они парные;

— служат для выделения частей текста блочных элементов (абзацев, заголовков, пунктов списков, текста фиксированного форматирования; подробнее о блочных элементах см. в главе 2).

Таблица 3.1. Теги HTML, предназначенные для выделения фрагментов текста

Как уже говорилось ранее, все эти теги служат для выделения фрагментов текста, являющихся частью блочных элементов, скажем, абзацев (листинг 3.2). Элементы Web-страницы, которые они создают, не являются независимыми и не отображаются отдельно от их "соседей", а принадлежат другим элементам — блочным. Такие элементы Web-страницы называются встроенными.

Листинг 3.2

<P>Теги HTML служат для создания элементов Web-страниц.

<STRONG>Соблюдайте порядок вложенности тегов!</STRONG><P>

<P>Тег <CODE>P</CODE> служит для создания <DFN>абзаца</DFN> HTML.</P>

<P>Язык <ABBR>HTML</ABBR> служит для создания <INS>содержимого</INS>

Web-страниц.</P>

<P>Наберите в Web-обозревателе интернет-адрес

<KBD>http://www.w3.org</KBD>.<P>

Из всех рассмотренных нами тегов чаще всего встречаются <STRONG> и <EM>. Остальные теги так и не снискали большой популярности среди Web-дизайнеров.

Для практики давайте откроем Web-страницу index.htm и выделим некоторые фрагменты ее текста с помощью тегов, перечисленных в табл. 3.1 (листинг 3.3).

Листинг 3.3

<P>Приветствуем на нашем Web-сайте всех, кто занимается Web-дизайном! Здесь вы сможете найти информацию обо всех интернет-технологиях, применяемых при создании Web-страниц. А именно, о языках <DFN>HTML</DFN> и <DFN>CSS</DFN>.</P>

.

<P><CODE>!DOCTYPE</CODE>, <CODE>BODY</CODE>, <CODE>EM</CODE>,

<CODE>HEAD</CODE>, <CODE>HTML</CODE>, <CODE>META</CODE>, <CODE>P</CODE>,

<CODE>STRONG</CODE>, <CODE>TITLE</CODE></P>

Все эти фрагменты так и просятся: оформите нас надлежащим образом! Мы ведь особенные!

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



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

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

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

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

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


Глава 9 Оформление HTML-документа средствами CSS

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

Глава 9 Оформление HTML-документа средствами CSS 9.1. Фон9.2. Генерируемое содержимое9.3. Автоматическая нумерация и списки9.4. Таблицы9.5. Интерфейс пользователя9.6. Поля и отступы9.7. Границы9.8. Работа с блокамиВ этой главе мы рассмотрим все возможности CSS по оформлению документа.


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

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

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


Глава 14 Оформление и учет первичных документов

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

Глава 14 Оформление и учет первичных документов К достоинствам программы «1С: Предприятие 7.7» можно отнести возможность оформления большого количества первичных документов, таких как платежное поручение, приходный и расходный кассовые ордера, доверенность, авансовый


Глава 19 Оформление документов в модуле «1С: Торговля и Склад»

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

Глава 19 Оформление документов в модуле «1С: Торговля и Склад» В этой главе мы продолжим знакомиться с модулем «1С: Торговля и Склад» и, в частности, научимся заполнять документы.• Ввод остатков товаров• Ввод остатков по покупателю• Оформление заказа


1.5. Оформление текста (границы, абзацы, размер шрифта, гарнитуры)

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

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


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

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

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


Глава 3 Оформление газет

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

Глава 3 Оформление газет Мы познакомились с самыми общими принципами верстки, которые можно было рассмотреть вне контекста, то есть для любого верстаемого издания в принципе. Однако многие приемы и правила верстки применяются только в определенных ситуациях. На


Глава 4 Оформление журналов

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

Глава 4 Оформление журналов Основное и принципиальное отличие журнальной верстки от газетной и книжной – высокое качество полиграфии в большинстве современных журналов. Таким образом, дизайнер может задействовать больший арсенал выразительных средств. Благодаря


Глава 5 Оформление книг

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

Глава 5 Оформление книг Казалось бы, апогеем полиграфического исполнения и работы дизайнера является журнал, тем не менее наиболее сложной и разнообразной является книжная верстка. Почему?Прежде всего потому, что, говоря «книга», мы чаще всего представляем себе


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

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

Оформление текста Оглавление и указателиЕсли вы создаете в Word документ большого объема (такой, например, как эта книга, дипломная работа или большая журнальная статья), частенько возникает необходимость добавить в него всевозможные дополнительные перечни.Оглавление,


Глава 8 Оформление чертежа

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

Глава 8 Оформление чертежа Разработка проекта завершается выпуском проектной документации, основу которой составляют чертежи, оформленные в соответствии с принятыми стандартами. Оформление чертежа – сложная и ответственная работа, от выполнения которой зависит сама


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

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

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


Глава 10 Оформление чертежа

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

Глава 10 Оформление чертежа • Нанесение размеров• Выносные надписи• Настройка единиц измеренияВиртуальное здание позволяет создать полное впечатление о проектируемом объекте, но построить этот объект можно, только имея комплект конструкторской документации, основу


1.5. Оформление текста (границы, абзацы, размер шрифта, гарнитуры)

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

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