Ступенька 9-ая.

Вторник, 07 Февраля 2012 г. 11:11 + в цитатник

Учебник по Html для чайников. Простейшие.

Ступенька 9-ая.

Мы уже с вами ознакомились с атрибутами size и color для тэга . В этой главе, мы завершим наше знакомство с тэгом , изучив атрибут face. С помощью face мы можем задать тип шрифта.

Попробуйте ввести следующую конструкцию в наш документ для части текста, чтобы задать шрифт Arial:

 текст (шрифт Arial)

Какие же типы шрифтов являются стандартными, и по идее должны находиться на компьютере каждого пользователя - это:

Times;
Times New Roman;
Arial;
Helvetica;
Courier;
Verdana;
Tahoma;
Cosmic Sans;
Garamond

Вы можете безбоязненно использовать любой из них.

В атрибуте face можно указать сразу несколько типов шрифтов:

 текст (шрифт Arial) 

В этом случае если у посетителя не окажется на компьютере шрифта Arial, то текст будет отображен шрифтом Verdana. Если и Verdana нет на компьютере вашего посетителя, то текст будет отображен шрифтом Courier. Т.е. в атрибуте face мы можем задать список разделенных запятыми названий шрифтов, которые броузер вашего посетителя должен попытаться найти у него на компьютере и отобразить в порядке приоритета.

Очень часто мой читатель задается вопросом, а можно ли установить свой тип шрифта, допустим, какой-то экзотический. Можно, но ваш посетитель его не увидит, т.к. на его компьютере этого шрифта, возможно, нет. Конечно, можно предложить вашему посетителю загрузить этот чудесный экзотический шрифт, когда посетитель зайдет на вашу страницу. Но большинство ваших посетителей отклонит такое предложение, т.к. никому не захочется закачивать несколько лишних мегабайт на свой компьютер ради ваших капризов. И в итоге, ваш посетитель увидит вместо вашего экзотического шрифта другой шрифт, который может быть просто ужасным.

Вывод: пользуйтесь стандартным набором шрифтов, их более чем достаточно. Тем более, что красота вашей страницы зависит не от типа шрифта, а от качества оформления (дизайна).

Однако если вам нужно ввести на страницу лишь несколько надписей, выполненных вашим экзотическим шрифтом, то сделайте их картинками (в графическом редакторе вы пишете нужным шрифтом нужную надпись и сохраняете ее как картинку).

Как ввести картинку на вашу страничку, и что можно делать с картинками, вы узнаете на следующих ступеньках. Шагайте дальше :)

Рубрики:

Учебник по Html для чайников

Ступенька 1 - "Основной инструментарий, учимся работать руками". Ступенька 2 - "Что такое тэги?". Ступенька 3 - "Обязательные тэги. Зачем телу голова, а голове тело?" Главная / Html / Оглавление учебника по Html Учебник по Html для чайников - Оглавление Инструментарий. Основные понятия. Ступенька 1 - "Основной инструментарий, учимся работать руками". Ступенька 2 - "Что такое тэги?". Ступенька 3 - "Обязательные тэги. Зачем телу голова, а голове тело?" Простейшие. Ступенька 4 - "Раскрась сам. Изменяем цвет текста". Ступенька 5 - "Как изменять цвет фона страницы. Немного об этике цветов". Ступенька 6 - "Параграфы и DIV. Учимся выравнивать текст". Ступенька 7 - "Что такое заголовки и как задавать размер буковок". Ступенька 8 - "Курсив, жирный текст, подчеркнутый и другие". Ступенька 9 - "Стандартные шрифты. Как прописать свой шрифт". Ступенька 10 - "Что такое путь? Как вставлять картинки". Ступенька 11 - "Что можно сделать с картинкой. Картинка, как фон документа, и т.д.". Ступенька 12 - "О любителе сосисок и принудительном прерывании обтекания текстом картинки". Ступенька 13 - "Ссылка и как с нею бороться". Ступенька 14 - "Ссылка на е-майл. Подсказка к текстовой ссылке". Ступенька 15 - "Может ли картинка быть ссылкой". Ступенька 16 - "Куда податься, на что ссылаться. Новое окно при нажатии на ссылку". Ступенька 17 - "Карты. Как часть картинки сделать ссылкой". Ступенька 18 - "Карты. Как часть картинки сделать ссылкой 2". Ступенька 19 - "Карты. Как часть картинки сделать ссылкой 3". Ступенька 20 - "Закладка. Как сделать ссылку внутри документа". Таблицы. Ступенька 21 - "Учимся создавать таблицы". Ступенька 22 - "Учимся создавать таблицы" продолжение. Ступенька 23 - "Таблицы, вертикальное выравнивание (valign)". Ступенька 24 - "Таблицы, учимся растягивать ячейки (rowspan, colspan)". Ступенька 24-2 - "Дополнительная глава. Ответы на домашнее задание". Ступенька 25 - "Таблицы, что такое cellspacing и cellpadding. Что делать с пространством". Ступенька 26 - "Вложенные таблицы и некоторые нюансы". Ступенька 27 - "О рамках таблиц, и брюзжание о таблицах напоследок". Ступенька 28 - "Создаем простой сайт с таблицами". Дополнительные. Ступенька 29 - "Спецсимволы, или головная боль". Ступенька 30 - "О линиях. Просто и полезно". Ступенька 31 - "Как убрать отступы (поля) документа, topmargin, leftmargin, marginwidth, marginheight". Ступенька 32 - "О списках. Неупорядоченные списки". Ступенька 33 - "Упорядоченные списки. Ремарка: что такое спецификация и консорциум". Ступенька 34 - "Cпецифические тэги, бегущая строка текста". Фреймы. Ступенька 35 - "Вступление. Зачем они (фреймы) нужны." Ступенька 36 - "Учимся создавать фреймы". Ступенька 37 - "Учимся создавать фреймы" продолжение. Ступенька 38 - "Учимся создавать фреймы" продолжение. Ступенька 39 - "Убираем полосу прокрутки, избавляемся от рамок, регулируем ширину полей фрейма". Ступенька 40 - "При нажатии на ссылку документ открывается в другом фрейме, в полное окно". Ступенька 41 - "Последняя глава о фреймах. Что такое IFrame". Объекты, скрипты и другие средства, чтобы оживить наш документ. Ступенька 42 - "Немного об объектах. Вставка объектов в наш документ при помощи тэга OBJECT". Ступенька 43 - "Вставка объектов в наш документ при помощи тэга EMBED. Разница между OBJECT и EMBED". Ступенька 44 - "Что такое таблицы стилей и для чего они нужны (CSS - Cascading Style Sheets)". Ступенька 45 - "Как внедрять таблицы стилей (CSS) в наш документ". Ступенька 46 - "Что такое скрипты. Как внедрять скрипты в html-документы". Формы. Ступенька 47 - "Формы. Введение в тему". Ступенька 48 - "Элементы формы. Создание простой формы". Ступенька 49 - "Элементы формы. Создание формы поиска". Ступенька 50 - "Элементы формы. Создание опроса".