- •Уроки html'а. Урок # 1.
- •Уроки html'а. Урок # 2.
- •Заголовки
- •Набор текста
- •Разделители
- •Уроки html'а. Урок # 3.
- •Верхние и нижние индексы
- •Уроки html'а. Урок # 4.
- •Управление цветом шрифта
- •Шрифты различного начертания
- •Уроки html'а. Урок # 5.
- •Списки и таблицы
- •Что такое списки и таблицы
- •Как списки помогают организовать нам информацию
- •Как создать список на вашей странице
- •Нумерованный список
- •Списки определений
- •Списки в списках
- •Уроки html'а. Урок # 7.
- •Как построить таблицу
- •Объединение нескольких столбцов в одну ячейку
- •Включение списка в таблицу
- •Уроки html'а. Урок # 8.
- •Выравнивание текста в таблице
- •Цвета в таблице
- •Предварительное форматирование
- •Уроки html'а. Урок # 9.
- •Где вы сможете найти графику, изображения и рисунки
- •Создаем свое изображение
- •Как поместить изображение на страницу
- •Оптимальные размеры изображений
- •Миниатюра полное изображение
- •Алтернативный текст
- •Выравнивание изображений
- •Задание размера изображения
- •Пиктограммы
- •Линии и полосы
- •Фон страниц
- •Уроки html'а. Урок # 11.
- •Как браузеры работают с прозрачными изображениями
- •Создание прозрачных gif-изображений
- •Наложение изображений
- •Уроки html'а. Урок # 12.
- •Понятие гипертекстовой ссылки
- •Анатомия ссылки
- •Ссылки на любое место в www
- •Уроки html'а. Урок # 13.
- •Создание якоря и присвоение ему якоря
- •Ссылка на якорь
- •Компоновка ссылок в виде списков
- •Текст ссылок должен быть понятным
- •Уроки html'а. Урок # 14.
- •Изображения-карты
- •Как работают изображения-карты
- •Изображения-карты не являются новой технологией
- •Различия между серверными и клиентскими изображениями-картами
- •Разбиение изображения на фрагменты
- •Уроки html'а. Урок # 15.
- •Прямоугольники
- •Окружности
- •Многоугольники
- •Уроки html'а. Урок # 16.
- •Совершенствования веб-страницы
- •Развертывание веб-страницы в веб-узел
- •Зачем разделять веб-страницу
- •Правильно проектируйте свой узел
- •Подсчет числа посетителей домашней страницы
Шрифты различного начертания
Обычно на компьютере установлено около 37 шрифтов. Internet Explorer позволяет задавать начертание (гарнитуру) шрифта, которым текст будет выведен на экран, с помощью нового ключевого слова в теге <font>. Делается это вот так. Воспользуйтесь ключевым словом face="...", и брозуер попытается отобразить текст тем альтернативным шрифтом, который вы указали. Например:
|
<font face="Arial">Шрифт Arial</font><Br> <font face="Courier New">Шрифт Courier New</font><Br> <font face="Times">Шрифт Times</font><Br> <font face="MS Sans Serif">Шрифт MS Sans Serif</font><Br> |
Вот что мы получим в результате:
|
Шрифт Arial Шрифт Courier New Шрифт Times Шрифт MS Sans Serif |
Этот фрагмент кода (face="...") сообщает браузеру, что отмеченый тегом <font> текст должен быть отображен шрифтами указанными внутри face="..." [Arial, Courier New, Times, MS Sans Serif].
Тег <font> работает следующим образом. Сначала браузер выясняет, какой шрифт вы задали, - в нашем случае Arial (возьмем за пример первую строку). Затем он проверяет, установлен ли шрифт Arial на персональном компьютере посетителя веб-страницы. Если да, то браузер отображает текст, используя этот шрифт. Если по какой-либо причине не удается найти шрифт Arial, браузер просто выводит текст стандартным шрифтом, как если бы тега <font face="Arial"> вообще не было.
При желании можно задать список шрифтов, которые браузер будет искать перед тем, как прибегнет к шрифту, заданному по умолчанию.
|
<font face="Arial, Courier New, Times, MS Sans Serif"> |
В этом случае, если браузер не обнаружит шрифт Arial, он будет искать шрифт Courier New; если и Courier New не будет установлен, он пойдет дальше...
Используя этот тег для выделения фрагмента, помните, что такое выделение увидят лишь только те посетители страницы, на чьих компьютерах установлен соответствующий шрифт. И еще, некоторые шрифты имеют разный размер, это видно из таблицы на абзац выше. Это говорит о том, что нерациональное применение разных шрифтов некрасиво отразится на дизайне вашего сайта.
При использовании данного тега важно правильно называть шрифты. Чтобы увидеть список шрифтов, установленных на вашем компьютере, вам нужно выполнить следующие действия: Пуск -> Настройка -> Панель управления -> Шрифты.
Управление цветом шрифта
Возможно менять цвет любого фрагмента отображаемой информации - один из самых замечательных способов придать тексту индивидуальность. Вы можете сделать так, чтобы слово или предложение автоматически отображалось одним из миллионов различных оттенков. Вы также можете выбрать ваш собственный цвет, смешивая различные оттенки красного, зеленого и синего.
Использование ключевого слова color=... тега <font> дает возможность задавать один из нескольких цветов для отображения текста, например:
|
<font color="red">Красный</font> |
Вот что мы получим в результате:
|
Красный |
