- •Создание web-страниц
- •4. Название домашней страницы
- •Урок 2-3. Ввод текста и иной информации
- •1. Заголовки
- •2. Ввод текста
- •3. Как разбить текст на смысловые группы
- •3.1. Тег нового абзаца
- •2.3. Выравнивание
- •2.4. Толщина линии
- •Урок 6-7. Стилевое оформление текста
- •Введите фразу «Этот текст будет выведен курсивом» и выделите её курсивом на вашей страничке.
- •5. Подчеркивание
- •7. Нижние и верхние индексы
- •1.Задание фактического размера шрифта
- •2. Задание относительного размера шрифта
- •4. Управление цветом текста
- •Урок 10-11. Списки и таблицы
- •1. Как создать на странице список
- •1.1. Маркированный список
- •1.2. Нумерованный список
- •1.3. Списки определений
- •Списки в списках
- •2. Как построить на странице таблицу
- •Теги html для построения таблиц:
- •3. Цвета в таблице
- •Урок 12-13. Использование графики Рисунки и графика очень важны для www. Это единственное средство Интернета, позволяющее просматривать на экране одновременно изображения и текст.
- •Измените цвет фона Вашей страницы
- •Урок 14-15. Ссылки на Web-страницах.
- •1.Создание ссылки.
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>