| |
вы можете официально считать-
ся автором Web-страницы!
Пример простого HTML- документа - Microsoft Internet Explorer
Правка @ид
й
Cjgpene Справка
;Ддресш] http//html-webdesign/ChapterO1/TestPage.htm
Привет, МИР! Вот и я!
J
Рис. 1.2. Простая Web-страница, отображенная в Internet Explorer
Управление форматированием текста
При стандартной подготовке текстовых документов абзац определяется как
группа предложений. Обычно начало нового абзаца обозначается пустой строкой
или отступом первого слова. Например, каждый абзац в этой книге начинается с
отступа первой строки. Отступ первой строки (или пустая строка) — это визуаль-
ная подсказка, по которой пользователь узнает, что начался другой абзац.
Когда вы вставляете текст в Web-страницу, дескриптор задает конец тек-
ста и последующее начало нового абзаца. Дескриптор <р> дает Web-браузеру ука-
зание перейти на одну строку вниз, вставить пустую строку и затем начать но-
вый абзац со строки под пустой строкой — для текста, идущего после
дескриптора .
В нижеприведенном коде начальный и конечный дескрипторы абзаца
(<рх/р>) отмечают начало и конец каждого абзаца, как показано на рис. 1.3.
npnMep текста, разбитого на абзацы
<р>Текст между двумя дескрипторами абзаца определяет один абзац.
Абзацы содержат одно или более предложений
<р>Следующий абзац начинается здесь с пустой строки, вставленной
между двумя абэацами
Глава 1. Основы языка HTML 27
Щк Пример текста, разбитого на абзац
Првека. Щид Избранное Qgpenc ^пр
hHp//html-webd6sign/Chepter01/Figure0l-Q3htm
Текст между двумя дескрипторами абзаца определяет один абзац. Абзацы содержат
одно или
более предложений
Следующий абзац начинается здесь с пустой строки, вставленной между двумя
абзацами
'• j
Рис. 1.3. Дескрипторы абзацев организуют текст в группы, разделенные пустыми
строками
В языке HTML есть также несколько дескрипторов для форматирования тек-
ста, с помощью которых можно изменять внешний вид текста, обычно с целью
выделения. Чтобы применить стиль форматирования, поместите начальный деск-
риптор форматирования в начало текста, к которому требуется применить этот
стиль. Ниже описаны три наиболее часто употребляемых дескриптора формати-
рования:
• <ь> . Текст, помещенный между дескрипторами выделения полужир-
ным, отображается полужирным шрифтом.
• . Текст, помещенный между дескрипторами выделения курсивом,
отображаетсякурсивом.
• . Текст, помещенный между дескрипторами выделения подчерки-
ванием, отображается подчеркнутым.
Следующий HTML-код выводит текст, выделенный полужирным, курсивом и
подчеркиванием (результат можно увидеть на рис. 1.4).
OcHOBHbie стили шрифтов</Ъл.-Ые>
</head>
<body>
<Ь>Этот текст выводится полужирным</ЬХЬг>
<л.>Этот текст выводится курсивом</1ХЬг>
<и>Этот текст выводится подчеркнутым</иХЬг>
</body>
</html>
• Правка Вио Избра Сервис
] http//btj (е bde si gn/CbapterD yF\gurs 014
Этот текст выводятся полужирным
Этот текст выводится курсивом
Этот текст выводится подчеркнутым
"13
Рис. 1.4. HTML-дескрипторы форматирования позволяют изменить стиль текста
28 Глава 1. Основы языка HTML
Атрибуты в HTML
Атрибуты — один или более — вставляются в HTML-дескрипторы для того,
чтобы предоставить Web-браузеру дополнительную информацию о том, как брау-
зер должен выполнить инструкцию дескриптора. Например, дескриптор выбора
шрифта <font> сообщает Web-браузеру, что вы хотите изменить внешний вид
текста, идущего за дескриптором. Атрибуты color (цвет) и face (гарнитура),
идущие за именем дескриптора в приведенном ниже коде, сообщают браузеру
цвет (red — красный) и гарнитуру (Helvetica), которые браузер должен использо-
вать для изменения внешнего вида шрифта, идущего за дескриптором:
<р> <fo</pre>
</td>
<td align="left" class="row2s" width="5%"> </td>
</tr>
<tr><td class="row3" align="left" width="5%"><a href="/comp/.view-Samouchitelj.po.kreativnomu.webdizajnu.txt.12.html"><img border="0" src="/tpl/l.gif" alt="<<-"></a></td><td class="row3s" align="center" width="20%" valign="middle"><a href="/comp/.view-Samouchitelj.po.kreativnomu.webdizajnu.txt.full.html">[Весь Текст]</a></td><td class="row3s" align="center" width="70%" valign="middle"><br><form action="" method="get">Страница: <input type="text" size="4" name="pg" value="14"> из 389 <input type="submit" value="Открыть"></form></td><td class="row3s" align="center" width="20%" valign="middle"> </td><td class="row3" align="right" width="5%"><a href="/comp/.view-Samouchitelj.po.kreativnomu.webdizajnu.txt.14.html"><img border="0" src="/tpl/r.gif" alt="<<-"></a></td></tr></table>
</body>
</html>
|
