| |
т значения по умолчанию для цвета, размера, гарниту-
ры и начертания. Чтобы вернуться к значениям по умолчанию браузера, пос-
тавьте дескриптор в конце текста, внешний вид которого вы изменили с
помощью атрибутов дескриптора . Приведенный ниже код дает Web-брау-
зеру указание вывести текст красным цветом шрифтом Helvetica, а затем возоб-
новить вывод текста (идущего после дескриптора ) с использованием ха-
рактеристик текста, установленных в браузере по умолчанию:
npMMep изменения цвета шрифта</Ъд.Ъ1е>
</head>
30 Глава 1. Основы языка HTML
<body>
<font color="#ff0000" face="helvetica">
<p> Это текст красного цвета, шрифт — Helvetica</p> </font>
<р>Это обычный текст</р>
</body>
</html>
Назначение одного и того же набора атрибутов
множеству элементов страницы
Если вы хотите назначить один и тот же набор атрибутов нескольким смеж-
ным элементам Web-страницы одновременно, заключите элементы, на которые
вы хотите повлиять, между начальным и конечным дескрипторами блока
(<divx/div> — от слова "division" ("раздел")). Например, вам нужно отцентри-
ровать две строки текста и графическое изображение между левым и правым по-
лями Web-страницы. Вместо того чтобы добавлять атрибут align (выравнивание)
в каждый из трех HTML-дескрипторов, поместите дескриптор <div> перед пер-
вым элементом и дескриптор </div> после окончания последнего элемента, как
показано в следующем коде:
<div align="center">
<р>Этот текст отцентрирован НАД рисунком.</р>
<img src="image.jpg">
<р>Этот текст отцентрирован ПОД рисунком.</р>
</div>
Дескриптор <div> позволяет присвоить один или более атрибутов форматиро-
вания группе HTML-дескрипторов. Дескриптор </div> дает Web-браузеру указа-
ние вернуться к использованию значений по умолчанию для атрибутов, указан-
ных в дескрипторе <div>.
Создание Web-страниц с помощью текстовых
редакторов, текстовых процессоров и программ
компоновки Web-страниц
Создание "совершенной" Web-страницы требует хорошей техники дизайна и
досконального понимания HTML-дескрипторов и атрибутов. Если отвлечься от
понятий "хорошего" и "плохого" дизайна страниц, разработка Web-страницы сво-
дится к одной задаче — созданию документа (то есть текстового файла), содер-
жащего HTML-код, необходимый, чтобы заставить браузер вывести на экран то,
что вам нужно. Хотя в этой главе речь идет о простейшем HTML-коде, неплохо
будет ознакомиться с программами создания текстовых документов, в которых
вы будете писать и сохранять HTML-код своих Web-страниц.
Web-страница — это не более чем текстовый документ, содержащий все тек-
стовое содержимое и HTML-операторы (дескрипторы и атрибуты), требуемые
Web-браузеру для отображения на экране информации, которую вы хотите ви-
деть. Поэтому для того, чтобы сгенерировать Web-страницу, вам не нужны какие-
то специализированные программы. Вам нужны только общие знания языка
Глава 1. Основы языка HTML 31
HTML и приложение, позволяющее сохранять текстовые ф^йлы без элементов
форматирования текста. Создавать HTML-документы можно с помощью про-
грамм-трех типов: текстовых редакторов, текстовых процессоров и программ ком-
поновки Web-страниц (подобных Dreamweaver или FrontPage). Всем трем типам
присущи свои преимущества, а, в ряде случаев, и недостатки.
Текстовые редакторы
Текстовый редактор — это простейший (и, пожалуй, самый простой в исполь-
зовании) из трех типов программ, которые позволяют создавать текстовые доку-
менты. Текстовый редактор представляет собой приложение без особых изли-
шеств, с помощью которого можно вводить текст в компьютер и сохранять
набранную информацию в файле на жестком или гибком диске. На компьютерах
с операционной системой Windows компания Microsoft поставляет текстовый ре-
дактор Notepad (Блокнот); на компьютерах Macintosh аналогичный текстовый ре-
дактор называется SimpleText.
Обычно в текстовых редакторах нет модуля проверки орфографии или слож-
ных инструментов форматирования, таких как таблицы стилей и правила оформ-
ления абзацев. Текстовые редакторы, тем не менее, позволяют набирать инфор-
мацию на электронном "листе бумаги" и сохранять набранное в файле.
Основным недостатком использования текстового редактора для создания Web-
страницы является то, что текстовые редакторы немногим помогают в написании
дескрипторов, которые соответствовали бы правилам синтаксиса HTML. Вы на-
бираете HTML-код, а текстовый редактор фиксирует текст. Однако текстовый ре-
дактор не предупредит вас об орфографической ошибке или ошибке HTML-син-
таксиса. Преимущество же испо</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.14.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="16"> из 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.16.html"><img border="0" src="/tpl/r.gif" alt="<<-"></a></td></tr></table>
</body>
</html>
|
