Форматирование документа

Практически все теги, рассмотренные нами, являются тегами физического форматирования. Исключение составляют теги <strong> и <em>. Эти теги являются тегами физического форматирования текста и используются для выделения очень важных и просто важных фрагментов соответственно. Теги логического форматирования используются для структурной разметки документа и могут отображаться разными веб-браузерами по-разному.

Теги логического форматирования:

Тег комментария

Текст, заключенный между тегами <!-- и -->, не отображается веб-браузером. Заметим, что это нестандартная пара тегов, так как открывающей тег не имеет закрывающей угловой скобки, а в звкрывающем теге отсутствует открывающая угловая скобка:

<!-- Текст -->

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

Перевод строки

Для разделения строк используется одинарный тег <br>.

Если в HTML-документе набрать текст

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Перевод строки</title>
</head>

<body>
Строка 1
Строка 2
Строка 3
</body>
</html>

то веб-браузер отобразит его в одну строку.

В окне веб-браузера это будет выглядеть ТАК.

Для того, чтобы строки располагались друг под другом, необходимо добавить тег <br> в конец каждой строки:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Перевод строки</title>
</head>

<body>
Строка 1<br>
Строка 2<br>
Строка 3<br>
</body>
</html>

В окне веб-браузера это будет выглядеть ТАК.

Для вывода текста в исходном виде, что и в исходном коде, используется парный тег <pre>:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Перевод строки</title>
</head>

<body>
<pre>
Строка 1
Строка 2
Строка 3
</pre>
</body>
</html>

В окне веб-браузера это будет выглядеть ТАК.

Запрет переноса строки

Для запрета переноса строки используется тег <nobr>:

<nobr>Длинная строка</nobr>

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

Пример:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Перевод строки</title>
</head>

<body>
<nobr>
Практически все теги, рассмотренные нами, являются тегами физического форматирования. Исключение составляют теги &lt;strong&gt; и &lt;em&gt;. Эти теги являются тегами физического форматирования текста и используются для выделения очень важных и просто важных фрагментов соответственно. Теги логического форматирования используются для структурной разметки документа и могут отображаться разными веб-браузерами по-разному.
</nobr>
</body>
</html>

В окне веб-браузера это будет выглядеть ТАК.

Горизонтальная линия

Одинарный тег <hr> позволяет провести горизонтальную линию.

Тег <hr> имеет следующие параметры:

Заголовки

Заголовки могут иметь шесть различных размеров:

<Hx>Заголовок</Hx>

где х — число от 1 до 6.

Заголовок с номером 1 является самым крупным:

<H1>Самый крупный заголовок</H1>

Заголовок с номером 6 является самым мелким:

<H6>Самый мелкий заголовок</H6>

Пример:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Заголовки</title>
</head>

<body>
<h1>Самый крупный заголовок</h1>
<h6>Самый мелкий заголовок</h6>

</body>
</html>

В окне веб-браузера это будет выглядеть ТАК.

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

Пример:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Заголовки</title>
</head>

<body>
<h1 align="center">Заголовок первого уровня с выравниванием по центру</h1>
<h2 align="left">Заголовок второго уровня с выравниванием по левому краю</h2>
<h6 align="right">Самый мелкий заголовок с выравниванием по правому краю</h6>
</body>
</html>

В окне веб-браузера это будет выглядеть ТАК.



  • Другие |
назадвверхвперед
Rambler's Top100