Кроме ссылок на другие документы часто используются ссылки на разные части текущего документа. Например, большой документ читается лучше, если он имеет оглавление со ссылками на соответствующие разделы. Для построения внутренней ссылки сначала нужно создать указатель, определяющий место назначения. Например, сделать ссылку на текст определенной главы документа. Сначала размещается указатель и присваивается имя при помощи параметра name тега <a>. При этом параметр href не используется и браузер не выделяет содержимое тега <a>. Например:
<a name=chapter_5></a>
Теперь создается сама ссылка. Для этого в параметре href указывается имя ссылки с префиксом #, свидетельствующим о том, что это внутренняя ссылка.
<a href="#chapter_5">Глава 5</a>
Если пользователь щелкнет кнопкой мыши на словах «Глава 5», браузер выведет соответствующую часть документа в окно просмотра.
При использовании гипертекстовых связей программа просмотра извлекает документ, форматирует его и затем показывает начиная с верхней части окна просмотра. Однако код связи позволяет также немедленно "прокрутить" документ до метки в документе назначения. Код гипертекстовой связи такого рода имеет вид:
<A HREF="URL #метка"> Фрагмент текста </A>
Метка должна находиться в HTML-документе назначения:
<<A NAME="метка"> текст, видимый пользователю </A>
Гипертекстовые связи могут изменять положение просматриваемого документа на экране ПЭВМ:
<<A HREF="#метка"> Текст <A/>
Гипертекстовые связи такого типа позволяют начинать просмотр документа с его общего плана (упорядоченного или неупорядоченного списка), где каждый элемент представляет собой код гипертекстовой связи, адресующий к соответствующему разделу документа.
3. Гарнитуру, кегль, начертание, цвет шрифта для визуального вывода. (форматирование текста)
<P ALIGN=CENTER/LEFT/RIGHT >...</P> - тег нового абзаца, используется в формате одиночного тега или контейнера. При использовании в форме одиночного тега концом абзаца считается начало следующего т.е следующий тег <P>. Атрибут ALIGN задает выравнивание элементов абзаца, значение по умолчанию LEFT
| <P>...</P> или <P> | Этот абзац выравнивается по левому краю. И этот абзац тоже. |
| <P ALIGN=CENTER> | Этот абзац выравнивается по центру. |
| <P ALIGN=RIGHT> | Этот абзац выравнивается по правому краю. |
<BR>,<NOBR>...</NOBR>, <WBR> - теги управления разрывами и переносом строк в тексте документа. При разрыве строки межстрочный интервал не увеличивается.
| <BR> | Используется для указания места принудительного разрыва. Пример: <P>ФИО: <BR> Иванов С.С.</P>Будет выглядеть так: ФИО:Иванов С.С. |
| <NOBR>...</NOBR> | Используется для запрета разрыва текста, помещенного в данный контейнер. Пример: <NOBR>Это лучше не разрывать</NOBR> при необходимости переноситься на новую строку целиком, а не так: Это лучшене разрывать |
| <WBR> | Используется для указания рекомендуемого места для разрыва строки. Может быть вложенным в контейнер <NOBR>...</NOBR>.Пример: <NOBR>42301<WBR>810600000000001</NOBR> - номер счета заданный таким образом при помещении в поле уже своей ширины, разорвется после балансового счета: 42301810600000000001 |
<H1>...</H1>, ... ,<H6>...</H6> - контейнерные теги шестиуровневых заголовков документа. Имеют атрибут ALIGN ( по умолчанию LEFT) для выравнивания заголовка.
| <H1>...</H1> | Заголовок 1 уровня |
| <H2>...</H2> | Заголовок 2 уровня |
| <H3>...</H3> | Заголовок 3 уровня |
| <H4 ALIGN=LEFT>...</H4> | Заголовок 4 уровня по левому краю |
| <H5 ALIGN=CENTER >...</H5> | Заголовок 5 уровня по центу |
| <H6 ALIGN=RIGHT>...</H6> | Заголовок 6 уровня по правому краю |
Контейнеры для смыслового выделения заключенного в них текста на Web-страницах. Способ выделения зависит от типа используемого броузера, но главное назначение этих тегов передача читателям логики автора.
| <CODE>...</CODE> | Компьютерный код - Function Sum(a,b); |
| <CITE>...</CITE> | Выделение цитат - Цитата |
| <KBD>...</KBD> | Клавиатурный шрифт - Клавиатура |
| <SAMP>...</SAMP> | Выделение примеров -Пример |
| <STRONG>...</STRONG> | Выделение важных фрагментов - Важно |
| <VAR>...</VAR> | Выделение имен (i, j, k ) переменных |
| <DFN>...</DFN> | Выделение определений - Определение |
| <EM>...</EM> | Расставить акценты - Акцент |
| <BLOCKQUOTE>...</BLOCKQUOTE> | Выделение фрагмента текста в большом блоке текстовом блоке на странице. Вот фрагмент который мы хотели выделить из текстового блока в документе.Таким образом выделенные фрагменты текста отображаются броузером. |
Данная группа контейнерных тегов применяется для стилистического выделения элементов текста. Допускается любая комбинация нижеперечисленных тегов.
| <B>...</B> | Выделение полужирным шрифтом |
| <I>...</I> | Выделение курсивом |
| <TT>...</TT> | Выделение телетайпным шрифтом |
| <U>...</U> | Выделение подчеркиванием |
| <STRIKE>...</STRIKE> | Выделение перечеркиванием |
| <SUP>...</SUP> | Шрифт в верхнем индексе |
| <SUB>...</SUB> | Шрифт в нижнем индексе |
| <SMALL>...</SMALL> | Мелкий шрифт |
| <BIG>...</BIG> | Крупный шрифт |
<HR> - тег вставки линии-разделителя. Применяется для визуального разделения текста, при помощи горизонтальных линий (не путайте с графическими изображениями в форме разделителей). При отображении линии-разделителя в документе, до и после нее, броузер добавляет разделение абзацев. Формат линии-разделителя задается при помощи следующих атрибутов:
· ALIGN - выравнивание (LEFT / RIGHT / CENTER);
· WIDTH - ширина линии (пикселы или проценты к ширине окна WIDTH=50%);
· SIZE - высота линии (пикселы);
· COLOR - цвет линии;
· NOSHADE - отключить эффекты 3-х мерности;
При использовании различных шрифтов для оформления текста следует помнить, что у пользователя может не оказаться шрифта, использованного вами для создания документа. Если вы используете редкие или нестандартные шрифты, то броузер пользователя может не подобрать шрифт для корректного отображения документа.
Для определения шрифта текста в HTML документах применяется контейнер <FONT>...</FONT> и одиночный тег <BASEFONT>.
Тег <BASEFONT> задает базовые параметры шрифта, общие для всего документа. Действие базовых установок может быть отменено атрибутами нового тега <BASEFONT>.
Kонтейнер <FONT> применяется для изменения параметров шрифта отдельных элементов документа, которые необходимо отобразить шрифтом отличным от базового. Действие его атрибутов ограничивается фрагментом документа, заключенным в данный контейнер, и он может быть вложенным по отношению к другим тегам форматирования текста.
Для задания характеристик шрифта в тегах <FONT>...</FONT> и <BASEFONT> используются следующие атрибуты:
· FACE - Задает имя шрифта (или перечня шрифтов - по мере убывания предпочтения) на компьютере пользователя. В случае отсутствия текст отображается шрифтом, заданным по умолчанию в броузере пользователя. Например:
<FONT FACE="Arial">Пример Arial</FONT> - Пример Arial
· SIZE - абсолютный или относительный размер шрифта. Относительный размер это размер шрифта относительно стиля Normal (SIZE=3) или размера заданного тегом <BASEFONT>. Минимальное абсолютное значение размера шрифта 1, максимальное 7. Например:
<FONT SIZE=4>4 абсолютный шрифт</FONT> - 4 абсолютный шрифт
<FONT SIZE=+1>4 относительный шрифт</FONT> - 4 относительный шрифт
· COLOR - цвет шрифта. Например:
<FONT COLOR=RED>Красный шрифт</FONT> - Красный шрифт
<FONT COLOR=#FF0000>Красный шрифт</FONT> - Красный шрифт
Полученные в данном разделе навыки, по форматированию текста, закрепим конкретным примером:
4. Специальные символы (выходящие за рамки ASCII символы пунктуации, математические символы, греческие и готические буквы, стрелки и т. п.)
5. Формы для введения пользователем данных, которые позднее подвергаются обработке. Формы и другую информацию можно обрабатывать с помощью специальных серверных программ (например, на языках PHP или Perl).
6. Открытие мультимедийных файлов, выводимых как непосредственно браузером (например, изображения в форматах JPEG, GIF или PNG; аудиофайлы MIDI и др.), так и внешними приложениями, «встраиваемыми» в окно браузера (Flash-анимация, Java-апплеты и прочее).
Использование графики в документах позволяет повысить привлекательность ваших Web-страниц, делает изложенный материал более доступным для восприятия, а в некоторых случаях (искусство, реклама) без нее просто не обойтись.
Web-броузеры поддерживают множество графических форматов, но наиболее часто используются GIF и JPEG (некоторые форматы требуют установки дополнительных программных компонентов броузера).