Главная
HTML
Введение
Основные параметры
Таблица и Ссылки
Текст
Разметка
Дополнительно
Стильные ссылки
Стильные курсоры
Таблица цветов
Софт
Скрипты
Форум
Ссылки
Webmaster


Основные теги HTML

Для создания простенькой странички вам надо знать необходимое количество тегов. В первую очередь это теги для оформления текста.

В Интернете, в отличие от текстового редактора, нельзя использовать любые шрифты, какими бы они красивыми ни были. Все дело в том, что стандартный набор Windows включает в себя очень малое количество шрифтов. И нельзя сказать заранее, что заданный вами шрифт окажется и у посетителя. И вместо вашей красивой странички пользователь увидит кучу непонятных закорючек. Чтобы этого не случилось, стоит задавать несколько шрифтов сразу. Если у вашего посетителя не окажется первого, браузер покажет во втором, в третьем … и т.д.
Всеми операциями со шрифтами управляет парный тег <FONT>. С помощью параметра FACE (лицо) задаются названия шрифтов.

Пример
<FONT FACE="ARIAL, COURIER, TAHOMA"></FONT>

Эта строка показывает, что текст будет показан шрифтом Arial, если такового не будет, тогда используется Courier, ну а если уж и его не будет у посетителя, тогда браузер покажет текст Tahoma'ой. Список шрифтов не ограничивается тремя. Можно указать пять-семь и более. Но если у вас нет острой необходимо, не стоит их указывать вообще. Тогда браузер точно покажет страничку правильно (ну, разве только не совпадет кодировка, но от этого уже никуда не денешься).

Другим свойством тега <FONT> - определение цвета текста (только отдельного кусочка, заключенного в тег <font>). Задается параметром COLOR. Цвет записывается словом или шестнадцатеричным кодом (об этих способах я рассказывал в статье, посвященной "телу" документа HTML).

Пример
<FONT COLOR=red>Внезапно покрасневший текст.</FONT>

Кегль шрифта в документе HTML (наверное, я удивлю многих) никак не задается. Тут тоже виновато отсутствие единого стандарта. У ваших посетителей может стоять разное разрешение экрана. Да и мониторы могут быть разные. То, что на одном слишком мелко, на другом не поместится.
Поэтому размер шрифта указывается в неких условных единицах. От "1" - самого мелкого до "7" - самого крупного. Есть и другой способ. Пишется "+1" или "-2". Это значит, что за "ноль" берется базовый размер шрифта. Значит "+1" - на единицу больше, а "-2" - на две единицы меньше. Размер определяет параметр SIZE.

Пример
<FONT SIZE=5>Текст, размером в пять единиц.</FONT>

Другим важным средством дизайна являются всплывающие подсказки. Можно абсолютно для любого слова сделать свою подсказку. Хоть для всех, если вам того хочется. Задаются подсказки атрибутом TITLE. Но тут уж кавычки обязательны. Иначе браузер покажет только первое слово.

Дополнительное оформление

Следующие парные теги также влияют на внешний вид текста. Тег <B> (bold - полужирный) делает помещённый между открывающим и закрывающим тегами текст полужирным.

Пример
<B>Слегка растолстевший текст</B>

Тег <I> делает текст курсивного начертания. Если вы хотите сделать отрывок текста одновременно полужирным и курсивом, вам следует соблюдать такой порядок <B><I></I></B>, а не <B><I></B></I>. Иначе вы можете не увидеть должного оформления.

Пример
<B><I>Полужирный текст, да еще и наклоненный.</I></B>

Есть также теги, задающие: подчеркнутое начертание - тег <U> (underline), перечеркнутое - <S> (strike), надстрочное, или верхний индекс - <SUP> (superscript), подстрочное, или нижний индекс - <SUB> (subscript), оформление моноширинным шрифтом (вроде Courier) - <TT>. Все перечисленные теги парные.
Теги <BIG> и </BIG> делают текст слегка увеличенным, а парный тег <SMALL> - уменьшенным.

Пример
<BIG>Увеличенный текст</BIG>, <SMALL>а этот резко уменьшенный.</SMALL>

В HTML можно добиться эффекта мерцания, заключив нужное слово или предложение (да хоть весь текст) парным тегом <BLINK>. У этого тега имеется только один существенный недостаток - не работает в IE (Internet Explorer). Из версии в версию IE игнорирует тег мерцания, так что придется рассчитывать только на пользователей других браузеров.

С помощью "языка разметки" можно заставить текст двигаться! Но на этот раз текст поползет только по окну Эксплорера. В других браузерах такого эффекта я не встречал. Движение получается при вставке парного тега <MARQUEE>. WIDTH'ом определяете ширину строки, в которой он будет двигаться. SCROLLDELAY ответственен за задержку текста на экране во время движения. Он измеряется в миллисекундах.

Реклама
Сайт создан в системе uCoz