Вставка и форматирование текста > Форматирование текста стилями HTML |
![]() ![]() ![]() |
Форматирование текста стилями HTML
Стиль HTML определяется одним или несколькими тегами HTML (например, <B>, <I>, <FONT>, <CENTER>), которые задают форматирование всего текста. В спецификации HTML 4.0, опубликованной Консорциумом Всемирной Паутины (W3C) в начале 1998 г., предпочтение отдано каскадным таблицам стилей CSS. Однако на практике теги форматирования HTML, предлагая меньше возможностей, чем таблицы стилей CSS, поддерживаются большим количеством браузеров и, вероятно, останутся частью арсенала Web-раз-работчика до тех пор, пока заметную часть используемых браузеров составляют версии 3.0 и более ранние.
For specific information on formatting with HTML tags, См. one of the following topics:
![]() |
Настройка и изменения шрифтов и стилей |
![]() |
Изменение цвета текста |
![]() |
Выравнивание текста |
Теги HTML, которые задают скорее структуру документа, чем его отображение - например, заголовки, абзацы и списки - все еще составляют большую часть спецификации HTML. Фактически, если вы планируете применять таблицы стилей CSS, чтобы определить характеристики шрифта на своей странице, важно указывать стандартные теги заголовка, потому что они помогают сохранить структуру страницы в тех браузерах, которые не поддерживают CSS-стили. Чтобы посмотреть, как это выглядит, откройте файлы справочной системы Dreamweaver в браузере версии 3.0 - см. разд. Параграфы и заголовки.
Создайте стиль HTML, чтобы сохранить форматирование текста, которое вы хотели
бы применить где-то еще в своих документах. Как только вы организовали стиль
HTML, основанный на одном или нескольких тегах HTML, вы можете переформатировать
повторно любой текст в любом документе через панель HTML Styles (Стили HTML).
В отличие от CSS-стилей, форматирование стилем HTML воздействует только на текст, к которому вы его применяете, или на текст, который вы создаете с помощью выбранного стиля HTML. Если вы изменяете форматирование созданного вами стиля HTML, то текст, к которому первоначально был применен этот стиль, не обновляется. Если вы хотите иметь возможность изменять форматирование и автоматически модернизировать все документы, где использовалось данное форматирование, то рекомендуется применять CSS-стили (см. разд. Применение стилей CSS.)
Чтобы вызвать руководство по O'Reilly HTML, включенное в Dreamweaver, щелкните на кнопке Reference (Рекомендации) на панели инструментов, и выберите значение O'REILLY HTML Reference в верхнем раскрывающемся списке.
Вы можете использовать панель HTML Styles (Стили HTML) для записи назначенных при создании сайта стилей HTML, а затем передать эти стили другим пользователям, локальным или удаленным сайтам.
Чтобы вызвать панель HTML Styles (Стили HTML), сделайте один из следующих шагов:
![]() |
Выберите команду Window (Окно) > HTML Styles (Стили HTML); |
![]() |
Нажмите кнопку HTML Styles (Стили HTML) в панели Launcher (Запуск). |
Чтобы просмотреть существующий стиль HTML:
1 | В панели HTML Styles (Стили HTML) выберите стиль. |
Обратите внимание: Команды Clear Paragraph Style (Отменить стиль абзаца) и Clear Selection Style (Отменить стиль для выделения), применяются к форматированному тексту, но сами по себе стилями не являются. | |
2 | Щелкните правой кнопкой мыши (Windows) или выполните Control-щелчок (Macintosh) и выберите команду Edit (Правка) из контекстного меню, или дважды щелкните по имени стиля HTML. |
3 | В диалоговом окне Define HTML Style (Определение стиля HTML) определите настройки для стиля . |
Группа переключателей Apply To определяет, будет ли стиль применен к выделенному тексту (вариант Selection) или текущему блоку текста (вариант Paragraph). Группа переключателей When Applying (После применения) определяет, добавляются ли изменения стиля к первоначальному форматированию текста (вариант Add to Existing Style) или заменяют существующее форматирование, заменяя его новыми назначениями (вариант Clear Existing Style). | |
![]() |
Чтобы применить существующий стиль HTML:
В панели HTML Styles (Стили HTML) выберите стиль.
![]() |
Если в нижней части панели установлен флажок Auto Apply (Автоприменение), то щелкните на стиле один раз.. |
![]() |
Если флажок Auto Apply (Автоприменение) не установлен, то щелкните сначала на стиле, а затем нажмите кнопку Apply (Применить). |
Чтобы отменить форматирование текста в вашем документе:
1 | Выделите форматированный текст. |
2 | В панели HTML Styles (Стили HTML) щелкните на пункте Clear Selection Style (Отменить стиль для выделения) или Clear Paragraph Style (Отменить стиль для абзаца). |
Clear Paragraph Style (Отменить стиль для абзаца) удаляет любое форматирование текущего блока текста в документе. Clear Selection Style (Отменить стиль для выделения) удаляет любое форматирование выделенного текста. | |
![]() |
Обратите внимание: Вы можете использовать значения Clear Paragraph Style (Отменить стиль для выделения) и Clear Paragraph Style (Отменить стиль для абзаца), чтобы удалять любое форматирование, независимо от того, как проводилось форматирование оригинала, например, с помощью панели HTML Styles (Стили HTML) или инспектора Property (Свойства).
Чтобы удалить стиль из панели HTML Styles (Стили HTML):
1 | В панели HTML Styles (Стили HTML) снимите флажок Auto Apply (Автоприменение), чтобы отменить эту настройку. |
2 | Выберите стиль HTML. |
3 | Щелкните на значке Delete Style (Удалить стиль) - значок мусорной корзины - в нижнем правом углу панели. |
![]() |
Чтобы создать новый стиль HTML на основе существующего текста:
1 | Выберите или создайте в вашем документе текст, форматирование которого вы хотите использовать как основу для нового стиля HTML. Вы можете отобразить инспектор Property (Свойства), чтобы просмотреть и изменить форматирование |
2 | В панели HTML Styles (Стили HTML) щелкните на значке New Style (Новый стиль) в нижнем правом углу. |
3 | В диалоговом окне Define HTML Style (Определение стиля HTML) введите имя для нового стиля и, если необходимо, настройте дополнительное оформление. |
![]() |
Укажите, применить ли стиль HTML только к выделенному тексту или ко всему абзацу. Обратите внимание, что стиль абзаца назначается всему блоку текста, в котором расположен курсор, в независимости от выделения |
![]() |
Укажите, применить ли стиль HTML в дополнение к существующему стилю (CSS или HTML) отобранного текста или абзаца, или очистить форматирование выделенного текста или абзаца и заменить его новым стилем HTML. См. Применение стилей CSS. |
Обратите внимание: Настройки форматирования в панели HTML Styles (Стили HTML) соответствуют настройкам в инспекторе Property (Свойства). | |
4 | Нажмите ОК. |
![]() |
Чтобы создать новый стиль HTML на основе существующего стиля HTML:
1 | Удостоверьтесь, что никакой текст в окне Document (Документ) не выделен. |
2 | В панели HTML Styles (Стили HTML) выберите стиль. Выполните одно из действий: |
![]() |
Щелкните на стиле правой кнопкой мыши (Windows) или выполните Control-щелчок (Macintosh), затем выберите команду Duplicate (Дублировать) из контекстного меню. |
![]() |
Щелкните на треугольной стрелке в верхнем правом углу панели, чтобы вызвать раскрывающееся контекстное меню. |
При этом появится диалоговое окно Define HTML Style (Определение стиля HTML). Чтобы установить в нем настройки по умолчанию, нажмите кнопку Clear (Очистить). | |
3 | Укажите необходимые настройки и нажмите кнопку ОК. |
![]() |
Чтобы создать новый стиль HTML на пустом месте:
1 | В панели HTML Styles (Стили HTML) щелкните на значке New Style (Новый стиль). Вы можете также выбрать команду Text (Текст) > HTML Styles (Стили HTML) > New Style (Новый стиль). |
При этом появляется диалоговое окно Define HTML Style (Определение стиля HTML) | |
2 | Выполните шаги 3 и 4 в инструкции по созданию нового стиля на основе существующего текста. |
Чтобы установить в окне настройки по умолчанию, нажмите кнопку Clear (Очистить) или укажите необходимые параметры оформления текста. | |
3 | Нажмите OK. |
![]() |
Чтобы редактировать существующий стиль HTML:
1 | Удостоверьтесь, что в окне Document (Документ) не выделен никакой текст. |
2 | Проверьте, что в панели HTML Styles (Стили HTML) сброшен флажок Auto Apply (Автоприменение). |
Если эта настройка включена, то стиль HTML будет применяться, когда вы выберете его в панели HTML Styles (Стили HTML). | |
3 | Щелкните на стиле правой кнопкой мыши (Windows) или выполните Control-щелчок (Macintosh), а затем в контекстном меню выберите команду Edit (Правка). |
При этом появится диалоговое окно Define HTML Style (Определение стиля HTML). | |
Чтобы установить в нем настройки по умолчанию, нажмите кнопку Clear (Очистить). Когда вы редактируете стиль HTML, то Dreamweaver не обновляет текст автоматически, который был предварительно отформатирован с использованием этого стиля HTML. Если вы хотите обновить форматирование, применив создаваемый стиль, используйте таблицы стилей CSS; см. Применение стилей CSS. | |
![]() |
Чтобы передать ваши стили HTML на другие сайты или другим пользователями:
1 | Выберите команду Window (Окно) > Site Files (Файлы сайта), чтобы открыть окно Site (Сайт) в режиме Site Files (Файлы сайта). |
2 | В правой панели откройте корневую папку сайта, затем откройте папку Library (Библиотека). |
Вы увидите файл styles.xml. Этот файл содержит все стили HTML вашего сайта. Вы можете передавать, получать, помечать и снимать пометку, а также копировать этот файл, как любой другой файл своего сайта. Вы можете также создавать дизайн-примечания для файла styles.xml. Обратите внимание, что прежде, чем создавать или редактировать стиль для удаленного сайта, вы должны снять пометку с файла styles.xml. | |
Подробную информацию относительно использования этих настроек см. Настройка удаленного сайта. | |
![]() |
![]() ![]() ![]() |