Процесс форматирования текста условно можно разделить на два этапа: форматирование абзацев и форматирование символов. Если вы работали с Microsoft Word, то имеете представление о символе и абзаце, а также о том, как осуществляется их форматирование. Напомним, что символом называется любой единичный элемент текста, абзацем — фрагмент текста, который отделяется от других фрагментов символом перевода строки (в текстовых редакторах это непечатаемый символ ¶|). Процесс форматирования символа заключается в том, что его сначала выделяют, а затем изменяют соответствующие параметры. Для того чтобы отформатировать один или несколько абзацев, их также сначала нужно выделить. При необходимости изменить параметры только одного абзаца достаточно расположить курсор в любой его строке, не выделяя весь абзац. Именно в этом состоит различие между форматированием символа и абзаца. В Microsoft Word средства для выполнения этих операций разнесены по разным подменю. Очень важно понять суть таких различий, поскольку они характерны и для языка HTML.
Например, в HTML нельзя изменять параметры символов с помощью атрибутов, расположенных в тегах абзацев. Недопустимо также корректировать параметры абзацев посредством атрибутов в тегах, предназначенных для форматирования символов. Поэтому при определении параметров символов и абзацев в одном и том же тексте необходимо создать два тега и в каждом из них указать требуемые атрибуты.
В HTML для создания абзацев используются два тега: тег <Р> (с ним вы уже знакомы) и тег <DIV> (имеет то же назначение, что и тег <Р>). Между этими тегами существуют определенные различия, они будут рассмотрены ниже.
Тег <Р>
Для ввода тега <Р> в редакторе HomeSite 5.5 используется кнопка Paragraph (Абзац), находящаяся на вкладке Common (Общие). Расположите курсор в коде между тегами <BODY> и </BODY>, щелкните на указанной кнопке, и на экране появятся открывающий и закрывающий теги <Р>. Удобная возможность:Поместите курсор после символа «р», нажмите клавишу пробела, и рядом с курсором отобразится список атрибутов, которые можно выбрать для данного тега. Несмотря на то что раскрывшийся список довольно большой, найдите в нем элемент ALIGN(Выравнивание) и щелкните мышью. После этого элемент будет добавлен на страницу, и откроется новый список, где можно выбрать значение для данного атрибута.
Установите курсор между двумя тегами <Р> и введите текст. Просмотреть результат можно сразу же в окне программы Для этого щелкните на вкладке Browse (Просмотр), которая находится в левом верхнем углу окна набора кода. Если вы просматриваете страницу только в окне редактора, файл можно не сохранять, а при просмотре в браузерах его обязательно нужно сохранять. Для возвращения в режим набора кода щелкните на вкладке Edit (Правка), которая находится рядом со вкладкой Browse(Просмотр).
Если вы хотите, чтобы ваши веб-страницы корректно отображались, протестируйте их, открывая в разных браузерах. Ограничиваться просмотром только в окне программы HomeSite 5.5 не рекомендуется. Ведь редактор всего лишь показывает, как должна выглядеть страница с учетом введенного кода, а не то, как она будет отображаться в браузере.
Ничего нового о теге <Р>, кроме того, как вводится он сам и его атрибуты в окне программы HomeSite, вы не узнали. С его помощью абзацу можно задавать разные свойства, но об этом будет рассказано в главе, посвященной каскадным листам стилей.
Тег <DIV>
Этот тег, равно как и тег <Р>, используется для создания абзацев. Чтобы разобраться, какие существуют между ними различия, создайте два абзаца первый — с помощью тега <Р>, а второй — посредством тега <DIV> Тег <DIV> можно добавить на страницу при помощи кнопки DIV,располагаемой последней на вкладке Common(Общие). После щелчка на этой кнопке откроется диалоговое окно Tag Editor- DIV(Редактор тегов - DIV), которое показано на рис 2 2 Здесь в раскрывающемся списке Align(Выравнивание) вы можете выбрать способ выравнивания абзаца Укажите таковой и щелкните на кнопке ОК
Далее в книге будет приводиться только та часть кода, которую следует поместить в контейнер <BODY>. Предполагается, что все необходимые теги разметки страницы, <HTML>, <HEAD> и <BODY>, вы введете самостоятельно.
Просмотрите страницу непосредственно в окне программы (поскольку во всех браузерах она будет выглядеть одинаково), обратив внимание на различные промежутки между абзацами, задаваемые тегами <DIV> и <Р>.
Теги <FONT> и <BASEFONT>
Тег <FONT> применяют для работы с символами.
Для ввода тега <FONT> и его атрибутов в окне редактора используйте кнопка Font(Шрифт) одноименной вкладки, которая расположена рядом со вкладкой Common(Общие). После щелчка на указанной кнопке откроется диалоговое окно Tag Editor - FONT(Редактор тегов — Шрифт), показанное на рис. 2.3. Откройте это окно!
Цвет шрифта выбирается в раскрывающемся списке Color(Цвет), а размер — в списках области Size(Размер).
На вкладке HTML 4.0того же диалогового окна (рис. 2.4) расположены три списка, которые предназначены для указания шрифтов. В коде значения атрибутов, соответствующие названиям шрифтов, разделяются запятыми. Четвертый раскрывающийся список, combo(Комбинированный), позволяет выбрать готовый набор шрифтов, а последний список generic(Групповой) — указать ключевое слово, которое определяет тип шрифта.
Перейдя на вкладку Language (HTML 4.0)(Язык (HTML4.0)), в списке Direction (Направление) можно выбрать значение атрибута DIR, а в списке Language (Язык) — значение атрибута LANG. После щелчка на кнопке ОК окно Tag Editor- FONT(Редактор тегов — Шрифт) закроется, и заданный код отобразится в окне набора.
Существует еще один тег, имеющий отношение к шрифтам. это тег <BASEFONT>, который позволяет определить базовый размер шрифта. Иными словами, запись <BASEFONT SIZE=4> означает, что для всего кода вплоть до закрывающего тега </ВАSEFONT> значение размера шрифта будет равно 4. При отсутствии тега <BASEFONT> по умолчанию это значение равно 3.
В стандарте языка HTML 4.01 тег <BASEFONT> отмечен как нежелательный.
Теги <ЕМ>, <I>, <В> и <STRONG>
Теги <ЕМ> и <I> позволяют устанавливать для символов курсивное начертание. Следовательно, текст, находящийся в контейнере <ЕМ> или <1>, будет выделен курсивом. Обратите внимание на то, что атрибутов данные теги не имеют.
<ЕМ>Этот текст будет выделен курсивом</ЕМ>
Возможность определить полужирное начертание для текста предоставляют теги <В> и <STRONG>; они также не имеют атрибутов.
<STR0NG>3TOMy тексту будет назначен полужирный ujpn(})T</STRONG>
Для ввода тегов <ЕМ> и <STRONG> в программе HomeSite 5.5 предусмотрено по две кнопки: для первого — кнопки Italic (Курсив) и Emphasis (Выделение), а для второго — кнопки Bold(Полужирный) и Strong (Сильный). Все они находятся на панели Fonts(Шрифты).
Тег <Р>
(Абзац), находящаяся на вкладке Common (Общие). Расположите курсор в коде между тегами <BODY> и </BODY>, щелкните на указанной кнопке, и на экране появятся открывающий и закрывающий теги <Р>. Удобная возможность:Поместите курсор после символа «р», нажмите клавишу пробела, и рядом с курсором отобразится список атрибутов, которые можно выбрать для данного тега. Несмотря на то что раскрывшийся список довольно большой, найдите в нем элемент ALIGN(Выравнивание) и щелкните мышью. После этого элемент будет добавлен на страницу, и откроется новый список, где можно выбрать значение для данного атрибута.
Ничего нового о теге <Р>, кроме того, как вводится он сам и его атрибуты в окне программы HomeSite, вы не узнали. С его помощью абзацу можно задавать разные свойства, но об этом будет рассказано в главе, посвященной каскадным листам стилей.
Просмотрите страницу непосредственно в окне программы (поскольку во всех браузерах она будет выглядеть одинаково), обратив внимание на различные промежутки между абзацами, задаваемые тегами <DIV> и <Р>.
Существует еще один тег, имеющий отношение к шрифтам. это тег <BASEFONT>, который позволяет определить базовый размер шрифта. Иными словами, запись <BASEFONT SIZE=4> означает, что для всего кода вплоть до закрывающего тега </ВАSEFONT> значение размера шрифта будет равно 4. При отсутствии тега <BASEFONT> по умолчанию это значение равно 3.
Теги <ЕМ>, <I>, <В> и <STRONG>