Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
создание Web-страниц.doc
Скачиваний:
30
Добавлен:
30.04.2015
Размер:
148.48 Кб
Скачать

5. Подчеркивание

Еще один новый тег HTML — это тег подчеркивания. Чтобы подчеркнуть фрагмент текста на Web-странице, поставьте в начале и в конце теги <U> и </U>. Не забывайте, что текст гиперссылки также выглядит подчеркнутым, и это может ввести посетителей в заблуждение.

Используя теги <U> и </U> подчеркните текст

<U>Этот текст подчеркнут</U>

6. Как сделать ваш текст немного крупнее или мельче

Иногда при вводе текста в Web-страницу необходимо слегка выделить определенные фрагменты текста, чтобы читатель обратил на них особое внимание. Это можно сделать с помощью тегов <BIG> и <SMALL>.

Наберите любой текст на Ваше усмотрение, используя, теги <BIG> и <SMALL>.

7. Нижние и верхние индексы

В последних версиях HTML появилось еще два новых тега — теги нижнего и верхнего индексов. Они очень удобны, когда вам нужно отобразить на Web-странице такую специфическую информацию, как химические формулы (Н20) или адреса (1 Красноармейская ул., 12)

Чтобы текст выводился в виде нижнего индекса, его следует поместить между тегами <SUB> и </SUB>, в виде верхнего индекса — <SUP> и </SUP>.

Наберите текст:

Химическая формула воды – H2O.

Мой адрес 1ая Красноармейская, 12 - 3.

Урок 8-9. Работа с тегом <FONT>

Разработчикам Web-страниц давно требовались дополнительные возможности изменения вида текста. Их не устраивало то, что они могут управлять только простыми атрибутами текста, но не могут с помощью основных тегов, таких как <Н1>, влиять на стиль и цвет.

Теперь новые версии Web-броузеров поддерживают тег <FONT>, который позво­ляет управлять стилем, цветом, размером и видом шрифта в гораздо большей сте­пени, чем стандартные теги <В> и <I>. Вы можете даже выводить текст различными шрифтами, а не только шрифтом Times New Roman, который сегодня используется в большинстве Web-страниц.

На этих уроках вы узнаете, как изменять вид текста с помощью тегов <FONT> и </FONT>.

Создайте файл и наберите текст из 10 предложений.

1.Задание фактического размера шрифта

Тег <FONT> дает возможности изменения не только заголовка, но и основ­ного текста. Текст может быть выведен шрифтом семи различных размеров — от 1 (наименьший) до 7 (наибольший). Текст без использования тега <FONT> выво­дится шрифтом размера 3. Всё, что вы должны сделать, — это поставить в начале и в конце фрагмента теги <FONT>, причем в начало добавить ключевое слово SIZE=, как показано ниже:

<FONT SIZE=5> Этот текст выводится шрифтом размера 5 </FONT>

В приведенном примере тег <FONT> устанавливает размер шрифта фрагмента равным 5, на два номера больше, чем обычно.

В набранном тексте у первых семи предложений измените размер шрифта от 1 до 7.

2. Задание относительного размера шрифта

Тег <FONT> имеет дополнительные возможности для задания размера шрифта основного текста. Вместо определенного номера вы можете задать относительный размер шрифта, например +3 или -1. Web - браузер прибавляет (или вычитает) заданное число к номеру шрифта, используемого по умолчанию.

Пример: <FONT SIZE=+3> Пример относительного шрифта </FONT>

<FONT SIZE=-2> Пример еще одного размера шрифта </FONT>

Поскольку шрифт обычно имеет размер 3, первая строка приведенного кода будет выведена на экран с размером 6(3+3=6), а вторая будет иметь размер 1(3-2=1).

Для остальных трёх предложений задайте относительное изменение размера шрифта.

3. Вложенные теги <FONT>

Вы можете применять вложенные друг в друга теги <FONT SIZE>, но их действие окажется не таким, которое вы предполагали. Скажем, вы хотели, чтобы три слова были выведены шрифтом последовательно увеличивающегося размера: Крупный, Крупнее, Крупнейший.

Скорее всего вы захотите использовать три вложенных тега <FONT>:

<FONT SIZE=+1> Крупный <FONT SIZE=+1> Крупнее <FONT SIZE=+1> Крупнейший </FONT> </FONT> </FONT>

Естественно предположить, что при этом шрифт первого слова Крупный будет увеличен на один номер; затем шрифт слова Крупнее увеличится еще на один шаг; а шрифт слова Крупнейший возрастет в совокупности на три номера. Но браузеры работают иначе.

Teги <FONT> не являются кумулятивными. Каждый тег <FONT SIZE=+1> задает увеличение размера шрифта охватываемого им текста на один номер относительно стандартного размера, и шрифт всех трех слов будет иметь один и тот же размер.

Чтобы последовательно увеличивать размер шрифта, следует записать НТML-код следующим образом:

<FONT SIZE=+1> Крупный <FONT SIZE=+2> Kpyпнee <FONT SIZE=+3> Крупнейший </FONT> </FONT> </FONT>