
- •Оглавление
- •1.Что такое html
- •2.Основные понятия html
- •3.Особенности показа документа
- •4.Структура документа
- •6.Элементы блочной разметки
- •7.Форматирование текста Логическое форматирование
- •Физическое форматирование
- •8.Изображения
- •9.Списки Маркированный список
- •Нумерованный список
- •Список определений
- •Вложенные списки
- •10.Организация ссылок
- •11.Таблицы
- •12.Фреймы
- •Оглавление
- •12. Фреймы 17
6.Элементы блочной разметки
Тест на странице разбивается на абзацы, может иметь заголовки, подзаголовки и другие элементы разметки.
<P> - выставляется перед началом нового абзаца. Закрывающий тэг </P> не обязателен. Возможно несколько открывающих тэгов и один закрывающий в конце текста.
Тэг <P> может задаваться с параметром горизонтального выравнивания текста ALIGN, который принимает одно из следующих значений:
LEFT- выравнивание абзаца по левому краю;
CENTER – выравнивание абзаца по центру;
RIGHT- выравнивание абзаца по правому краю;
JUSTIFY – выравнивание по ширине.
<BR> - тэг перевода строки. Используется для принудительного перевода строки и не имеет закрывающего тега. Используется, например, для отображения стихотворений.
<H1> - выделение заголовка первого уровня. Имеет закрывающий тэг </H1>.
<H2> - выделение заголовка второго уровня. Имеет закрывающий тэг </H2>.
<H3> - выделение заголовка третьего уровня. Имеет закрывающий тэг </H3>.
<H4> - выделение заголовка четвертого уровня. Имеет закрывающий тэг </H4>.
<H5> - выделение заголовка пятого уровня. Имеет закрывающий тэг </H5>.
<H6> - выделение заголовка шестого уровня. Имеет закрывающий тэг </H6>.
<HR> - тэг вывода рельефной горизонтальной линии.
Этот тэг имеет атрибуты:
Атрибут |
Назначение |
ALIGN=значение |
Выравнивает по краю или центру; имеет значения: LEFT, CENTER, RIGHT. |
WIDTH=размер |
Устанавливает длину линии в пикселях или процентах от ширины окна браузера. |
SIZE=толщина |
Устанавливает толщину линии в пикселях. |
COLOR=цвет |
Указывает цвет линии. |
Например:
<HR ALIGN=CENTER WIDTH=80% COLOR=RED>
<CENTER> - предназначен для горизонтального выравнивания всех элементов посередине окна просмотра браузера. Его полезно использовать для центрирования таблиц.
7.Форматирование текста Логическое форматирование
Тэги логического форматирования выделяют текст по смыслу. Так выделяются цитаты, аббревиатуры, программные коды, важные фрагменты текста и т.д. Это форматирование используется очень редко, в основном для обработки документа поисковыми системами.
<CITE> - используется для отметки цитат или названий книг и статей, ссылок на другие источники. Браузерами такой текст обычно выводится курсивом.
<CITE> «Речь» </CITE> - является одной из наиболее популярных газет в Череповце.
<EM> - используется для выделения важных фрагментов текста. Браузер обычно отображает такой текст курсивом.
Если, несмотря на все усилия, ничего не получается, <EM> прочтите, наконец, инструкцию.</EM>
<STRONG> - используется для выделения важных фрагментов текста. Браузерами обычно отображается полужирным шрифтом.
Санкт-Петербург расположен в самой восточной оконечности <STRONG>Финского залива</STRONG> в устье реки <STRONG>Невы</STRONG>.
Физическое форматирование
Тэги физического форматирования определяют формат отображения указанного в них фрагмента текста в окне браузера:
<B> - полужирный шрифт.
<I> - курсив.
<U> - подчеркивание.
<STRIKE> и <S> - текст, перечеркнутый горизонтальной линией.
<BIG> - выводит текст шрифтом больше, чем непомеченная часть.
<SMALL> - выводит текст шрифтом меньше, чем непомеченная часть.
<SUB> - нижний индекс.
<SUP> - верхний индекс.
<BLINK> - отображает мигающий текст. Поддерживается только браузером Netscape Navigator.
Например:
<FONT> - указывает параметры шрифта. Использование этого тэга не рекомендуется, т.к. не соответствует спецификации HTML 4.0.
Атрибут |
Назначение |
Face=Название шрифта |
Служит для указания типа шрифта. Можно перечислять через запятую несколько названий шрифтов. Будет использоваться для вывода тот, который имеется на компьютере у пользователя. Действие атрибута Face распространяется на весь текст до следующего атрибута Face. |
Color=Цвет |
Цвет шрифта (см. Таблица 2) |
Size=размер |
Этот параметр служит для указания размеров шрифта в условных единицах от 1 до 7. По умолчанию размер шрифта соответствует 3. |
Например:
Изменение названия шрифта
Изменение размера шрифта