Шрифты HTML - оформление текста

Для оформления текста используются следующие шрифты HTML - жирный шрифт, подчёркивание и курсив.

1 <HTML>
2
3 
4 
5
6 <HEAD>
7 <TITLE>Учебник по HTML -
8 Шрифты HTML - оформление текста</TITLE>
9 </HEAD>
10
11 <BODY>
12 <H1 ALIGN = "center">Добро пожаловать на наш Web-сайт RabotaemDoma!</H1>
13
14 <Р>Этот сайт посвящён работе дома и
15 <ЕМ>заработку в Интернете</ЕМ>. Здесь вы
16 узнаете про лохотроны в Интернете и <ЕМ>лёгкую работу</ЕМ>,
17 выполняя которую вы заработаете копейки. Узнайте,
18 как создавать сайты, размещать их в Сети и
19 зарабатывать на них. Познакомьтесь с азами <EМ>сайтостроения</ЕМ>
20 и их раскрутке (SEO).</Р>
21
22 <Н2 ALIGN = "center">Узнайте о том, как действительно
23 можно зарабатывать в Интернете большие деньги!</Н2>
24
25 </BODY>
26 </HTML>

Результат работы кода.

Первым в этом примере в строке 12 для выделения мы используем шрифт HTML - подчёркивание:

<H1 ALIGN = "center">Добро пожаловать на наш Web-сайт RabotaemDoma!</H1>

Обратите внимание на строку ALIGN = "center" в теге <Н1>. Таким образом можно указать режим выравнивания для одного, отдельно взятого элемента страницы. Этот атрибут может быть использован в теге <Р>, равно как и в других элементах, таких как изображения и таблицы. Чтобы выровнять текст по правому краю, включите в открывающий тег элемента строку ALIGN = "right". По принятому в HTML 4.0 соглашению значения атрибута ALIGN (left, center или right) должны заключаться в кавычки. Это правило относится к значениям большинства атрибутов.

Совет 1

Когда вы используете вложенные теги, не забывайте закрывать их в обратном порядке. Например, если вы выделили слово подчеркиванием и курсивом - <ЕМ>Привет!</ЕМ>, то в таком случае закройте элемент U первым, а потом закройте элемент ЕМ. Хоть и в последнее время это требование не является обязательным и эти теги можно закрывать в любом порядке, всё же рекомендуется делать это в правильной последовательности для уверенности в том, что HTML-документ будет корректно отображён в любом браузере.

Как вы можете видеть, весь текст, заключенный между тегами ... , изображается подчёркнутым. Вторым в строке 15 этого примера используется наклонный (курсив) или выделенный стиль:

<ЕМ>заработку в Интернете</ЕМ>. Здесь вы

Используется он таким же образом, как и тег подчёркивания. Последний стиль оформления текста - жирный - вводится в строке 16:

узнаете про лохотроны в Интернете и <ЕМ>лёгкую работу</ЕМ>,

Здесь используются теги <STRONG> и <ЕМ> вместо тегов <В> и - старого стандарта введения стилей жирный и курсив. Введение этих тегов обусловлено тем, что целью HTML является только разметка текста, в то время как вопрос о конкретном способе отображения текста на экране решается браузером. Поэтому теги <В> и являются нежелательными тегами (так как их использование в действующем стандарте HTML не рекомендуется, и поддержка этих тегов браузерами, в конце концов, может не осуществляться в будущем). Другими словами, использование тегов <В> и - это нарушение границы между содержанием и представлением документа.

Например, люди с ослабленным зрением могут использовать специальные браузеры, умеющие читать вслух текст, изображаемый на экране. Такие браузеры должны ориентироваться только на текст (они могут не показывать изображения, цвета и графику), но могут читать текст, выделенный элементами STRONG и ЕМ с различной интонацией, дабы передать пользователю стиль текста.

Совет 2

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

Совет 3

Чтобы быть уверенным в правильном отображении ваших страниц всеми браузерами, используйте теги <STRONG> и <ЕМ> вместо тегов <В> и .

И напоследок необходимо остановиться на содержимом строки 16:

узнаете про лохотроны в Интернете и <ЕМ>лёгкую работу</ЕМ>,

Здесь элементы U и STRONG перекрываются друг другом. В результате заключённый в эти элементы текст ("лохотроны в Интернете") выделяется двумя стилями.

Также стоит обратить внимание на то, каким образом выставляются закрывающие теги в строке 15 примера. Так как элемент STRONG вводится в текст после элемента U, то закрывающий тег элемента STRONG стоит перед закрывающим тегом элемента U. Хотя порядок расстановки закрывающих тегов обычно не важен для браузеров, тем не менее будет хорошим тоном ставить их в порядке, обратном открывающим тегам, как уже упоминалось ранее.

На главную