Содержание

HTML тег

Тег <font> задает характеристика шрифта. Размер, цвет и гарнитура шрифта определяются атрибутами size, color и face.

Внимание: Данный тег устарел, взамен необходимо использовать CSS стили (см. пример ниже).

Синтаксис¶

Тег <font> парный, содержимое пишется между открывающим (<font>) и закрывающим (</font>) тегами.

Пример¶

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
  </head>
  <body>
    <p>
        <font size="2" color="blue">Текст синего цвета</font>
      </p>

       <p>
         <font size="3" color="red">Текст красного цвета, размер шрифта увеличен.</font>  
       </p>
        <p>
          <font face="arial" color="green">Текст зеленого цвета, гарнитура шрифта изменена.</font>
       </p>
   </body>
</html>
Попробуйте сами!

Результат¶

CSS стили¶

Вместо атрибута color для изменения цвета используют CSS свойство color, вместо атрибута face — CSS свойство font-family или font-face, а вместо атрибута size CSS свойство font-size.

Пример¶

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
  </head>
  <body>
      <p>Текст синего цвета.</p>
       <p> Текст красного цвета, размер шрифта увеличен.</p>        
        <p> Текст зеленого цвета, гарнитура шрифта изменена.</p>
      </body>
</html>
Попробуйте сами!

Результат

Атрибуты¶

Атрибут Значение Описание
color rgb (x, x, x)
#xxxxxx
colorname
Устанавливает цвет текста.
face font_family
Устанавливает гарнитуру шрифта.
size number Устанавливает размер текста

Как добавить стиль к тегу <font> ?

Распространенные свойства для изменения визуальной насыщенности/выделения/размера текста внутри тега <font>:

Цвет текста внутри тега <font>:

Стили форматирования текста для тега <font>:

Другие свойства для тега <font>:


Поддержка браузера


| Справочник HTML



Элемент <font> (от англ. «font» ‒ «шрифт») используется для задания цвета, типа, размера шрифта текста.

Внимание: Данный элемент устарел, взамен используйте стили CSS.

Синтаксис

<font>...</font>

Закрывающий тег

Обязателен.

Атрибуты

colorУстарел в HTML5
Устанавливает цвет текста с использованием либо названия цвета, либо цвета, указанного в шестнадцатеричном формате #RRGGBB.
faceУстарел в HTML5
Этот атрибут содержит список разделенных запятыми одного или нескольких имен шрифтов. Текст документа по умолчанию отображается для первого типа шрифта, поддерживаемого браузером клиента. Если в локальной системе не указан шрифт, браузер обычно по умолчанию использует шрифт пропорциональной или фиксированной ширины для этой системы.
sizeУстарел в HTML5
Задаёт размер шрифта в условных единицах.

Для этого элемента доступны глобальные атрибуты и события.

Различия между HTML 4.01 и HTML5

Тег <font> не поддерживается в HTML5.

Пример использования:

Элемент <font>

Определяем цвет, шрифт и гарнитуру текста:

Пример HTML: Попробуй сам
<font size="3" color="red">Кое какой текст!</font>
<font size="2" color="blue">Кое какой текст!</font>
<font face="verdana" color="green">Кое какой текст!</font>

Спецификации

Спецификация Статус
HTML 4.01 (W3C) Рекомендация

Поддержка браузерами

Элемент
<font> 3+ 1+
4+
1+ 1+ 1+
Элемент
<font> 1+ 1+ 6+ 1+


HTML Тег . Справочник тегов. W3Schools на русском


Пример

Укажите размер шрифта, начертание шрифта и цвет текста:

<font size=»3″ color=»red»>Это какой-то текст!</font>
<font size=»2″ color=»blue»>Это какой-то текст!</font>
<font face=»verdana» color=»green»>Это какой-то текст!</font>

Попробуйте сами »

Определение и использование

Тег <font> не поддерживается в HTML5. Используйте CSS вместо этого.

Тег <font> определяет шрифт, размер шрифта и цвет текста.


Поддержка браузерами

Элемент
<font> Yes Yes Yes Yes Yes

Различия между HTML 4.01 и HTML5

Тег <font> не поддерживается в HTML5.


Примечания по совместимости

CSS Пример: Установить цвет текста

CSS Пример: Установить шрифт текста

CSS Пример: Установить размер текста

В нашем учебнике по CSS вы можете найти больше информации о CSS цветах текста и CSS шрифтах.


Необязательные атрибуты

Атрибут Значение Описание
color rgb(x,x,x)
#xxxxxx
colorname
Не поддерживается в HTML5.
Определяет цвет текста
face font_family Не поддерживается в HTML5.
Определяет шрифт текста
size number Не поддерживается в HTML5.
Определяет размер текста

Какой тег не является параметром тега font. Цвет шрифта HTML. Способы выделения текста

Элемент (от англ. font — шрифт) представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура.

Данный элемент устарел, взамен используйте стили.

Синтаксис

Текст

Закрывающий тег

Обязателен.

Пример

FONT

Первая буква этого предложения написана шрифтом Arial, выделена красным цветом и увеличена в размерах.

Результат данного примера показан на рис. 1.

Рис. 1. Изменение вида текста

Примечание

Для изменения цвета текста предназначено стилевое свойство color , семейство шрифта задаётся свойством font-family , а размер текста через свойство font-size .

font

Первое слово этого предложения написано шрифтом Arial, выделено красным цветом и увеличено в размерах.

Браузеры

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

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

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


Физические стили ТIТLЕ>НЕАD>
ПолужирныйВ>
Курсив
Подчеркнутый
Вычеркнутый
Пишущая машинкаТТ>
Полужирный курсивВ>
Полужирный курсив подчеркнутый В>

Рис. 649. Физические стили

Внутри тега заголовка можно вставить тег физического стиля, чтобы модифицировать весь заголовок или только некоторую его часть. Например, чтобы выделить курсивом часть текста, определенного в качестве заголовка, можно использовать следующую конструкцию:


Физические и логические стили ТIТLЕ> НЕАD>
Это — модифицированный заголовок 2-го уровняН2>

Рис. 650. Изменение стиля шрифта части заголовка

С помощью специального тега можно настроить шрифт для изображения текста: задать гарнитуру, размер и цвет. Прежде всего, вы можете установить размер основного шрифта, который используется в документе по умолчанию. тег основного шрифта имеет формат . Размер основного шрифта можно установить от 1 до 7. Если не использовать этот тег, то размер основного шрифта по умолчанию устанавливается равным 3.
тег устанавливает размер текущего шрифта для отдельных фрагментов текста. На стили этот тег не влияет. Диапазон возможных значений — от 1 до 7. Данный тег позволяет также управлять размером текущего шрифта относительно основного. Для этого используются символ + (чтобы увеличить) и символ — (чтобы уменьшить) размер шрифта на заданную величину. Например, если размер основного шрифта установлен равным 3, то тег

устанавливает размер текущего шрифта равным 5.
Для задания гарнитуры шрифта используется тег . Например:

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

FACE=»Arial, Sans Serif, Courier»>

Обычно в перечне задают похожие шрифты. Рекомендуется назначать наиболее популярные шрифты. При размещении на странице текстовой информации лучше вообще не назначать название шрифта, полагаясь на стандартные настройки браузера. Но тогда при разработке страницы следует также использовать стандартные настройки браузера, чтобы синхронизировать свое восприятие текста с возможным восприятием пользователя. В конце концов, вы создаете страницу не для себя, а для читателей.
С помощью атрибута COLOR в теге можно задать цвет шрифта:

Аргумент атрибута COLOR представляет собой шестнадцатеричную запись кода цвета (красной, зеленой и синей составляющей, иначе говоря, RGB-составляющей). Следующая программа демонстрирует управление шрифтом:


Установка шрифтовТIТLE/НЕАD>
Шрифт Aria АБВГДЕЖЗИК
Шрифт CourierАБВГДЕЖЗИК
Шрифт SYMBOLАБВГДЕЖЗИК

Рис. 651. Использование различных шрифтов

Заметим, что в теге можно использовать несколько или все его возможные атрибуты. Например:

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


ИндексыТIТLЕ> /НЕАD>
Пример использования индексов
(5+x2)x+3

a1 + a2+ a3
Подстрочные примечания 2

Рис. 832. Использование верхних и нижних индексов

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

  • — выделение адресов электронной почты, почтовых адресов и
    номеров телефонов;
  • — выделение цитат;
  • , — запись текстов программ, символьных констант;
  • — ввод текстов с клавиатуры.

В последних трех стилях используется моноширинный шрифт (обычно Courier). Например, буквы I и Ж моноширинного шрифта занимают одинаковое место. Использование моноширинных шрифтов обусловлено простой возможностью выравнивания текста с помощью символов «пробел».
Отметим еще один момент. В теги управления шрифтом, как и в теги логических стилей, можно вставлять атрибут ТITLE= «строка» , что позволяет привязать к тексту внутри этого тега всплывающую подсказку. Аргументом атрибута TITLE является строка подсказки. При остановке указателя мыши на выделенном слове или фразе около указателя появится подсказка. С помощью этого приема можно расшифровывать аббревиатуры, давать дополнительные пояснения и рекомендации пользователю.

Сегодня продолжим рассмотрение различных тэгов, а именно Font, Blockquote, Pre, Strong, Em, B, I и других, позволяющих осуществлять форматирование текста.

Blockquote и Pre — форматирование в HTML

Раньше(еще до появления CSS) тег цитаты Blockquote в Html коде использовался довольно часто, потому что фрагмент текста, заключенный в него, получал горизонтальный отступ, что было не так-то просто сделать в то время в силу невозможности использования CSS свойств. Элемент Blockquote является парным и внутри него могут находиться как строчные теги, так и блочные (например, абзацы P).

Пример

Пример, заключенный в Blockquote

Сейчас тег Blockquote по-прежнему используется при оформлении текста, но внешний вид цитат в наше время уже обычно задается с помощью CSS свойств, прописанных именно для него в файле с таблицами стилей вашего шаблона оформления. Например, в случае моего блога, в style.css можно найти следующие строки:

#content blockquote{margin:15px 0 20px 0;padding:5px 8px 5px 35px;background:#eaedf0 url(images/quote2.png) no-repeat left top;background-position:8px 5px;color:#666;font-size:14px;width:91%;font-style:italic;} #content blockquote p{color:#666;font-size:14px;}

Ну, а то, как будут при этом выглядеть цитататы, заключенные в Blockquote, вы можете увидеть в тексте статьи с интервью с руководителем .

Кроме цитаты в Html раньше (до появления CSS) довольно широко использовался еще один тег форматирования — Center . Он является парным (своеобразный контейнер) и блочным. В нем можно заключать любые элементы текста (как строчные, так и блочные), которые в результате сего действа будут выровнены по центру.

Так, теперь давайте рассмотрим тэг Pre , который позволяет передать форматирование текста заданное непосредственно в исходном коде. Помните я говорил, что все идущие подряд в (пробел, табуляция и перенос строки) будут при разборе кода в браузере заменены одним единственным пробелом.

Так вот, элемент Pre запрещает сокращение пробельных символов в участке текста, который будет в него заключен. Что примечательно, для фрагмента, заключенного в Pre, браузер не будет осуществлять автоматический перенос строк по пробельным символам.

Т.е. все строки внутри элемента Pre будут считаться браузером неразрывными — как вы написали в коде, так и будет отображаться в браузере. Причем, в обозревателе для отображения участка текста, отформатированного с помощью тега Pre, будет использоваться моноширинный шрифт, типа Courier New или подобные ему.

Форматирование в исходном коде
 тэг Pre
 теги устаревшие

Сам тэг Pre является блочным, а внутри него (этот тег парный) может быть заключен только строчный контент (т.е. внутри него не следует размещать абзацы P, заголовков h2 — H6 и т.п.).

В Html есть еще один блочный тэг, который предназначен для форматирования текста — Address. Внутри этого тега может располагаться по стандартам валидатора только строчный контент, который будет отображен в браузере курсивом.

Font — работа с цветом и шрифтом текста в чистом Html

Strong, Em — тэги логических и визуальных выделений в тексте

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

Визуальные теги предназначены для изменения начертания текста, которое будет видно посетителям вашего сайта, но которому не должны уделять какое-то особое внимание поисковые системы.

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

Если вы помните, то не так уж давно оптимизаторам советовали выделять значимые места с ключевыми словами (как нужно выделять ) тегами логического форматирования Strong и EM, которые для пользователя будут выглядеть как обычное выделение жирным и курсивом.

А вот для выделений без ключевых слов советовали использовать Html элементы «B» и «I», которые для пользователей опять же выглядели бы тоже как выделение жирным и курсивом, но уже поисковыми машинами не учитывались, т.к. они не являются тэгами логического форматирования.

Сейчас все это уже практически не работает так, как задумывалось, и выделение ключевых слов с помощью Strong и EM мы делаем скорее по привычке, нежели действительно надеясь на определенные дивиденды за это со стороны поисковых систем.

Итак, кроме уже упомянутых «B» и «I» (выделение жирным и курсивом) к разряду визуального форматирования можно отнести уже рассмотренные в начале статьи Font, Pre, а также теги:

  1. «U» — выделение подчеркиванием
  2. «Strike» — перечеркивание
  3. «Sup» — верхний индекс
  4. «Sub» — нижний индекс
  5. «Tt» — выделение моноширинным шрифтом
  6. «Big» — увеличить шрифт
  7. «Small» — уменьшить шрифт

Ну, а теперь давайте рассмотрим перечень элементов логического форматирования текста:

  1. «Em» — логическое выделение важных фрагментов курсивом
  2. «Strong» — то же самое, но только выделяться будет жирным
  3. «Cite» — выделение цитат курсивом
  4. «Code» — предназначен для отображения разнообразных кодов моноширинным фонтом
  5. «Samp» — для выделения нескольких символов моноширинным фонтом
  6. «Abbr» — в атрибуте Title этого тэга прописывается расшифровка какой-либо аббревиатуры (типа, CSS или Html, которые читаются по буквам, а не как единое слово). Прописанные в Title слова будут всплывать при подведении к этой аббревиатуре курсора мыши.
  7. «Acronym» — то же самое, но используется для акронимов, т.е. сокращений, которые читаются не по буквам, а как слово (например, МКАД или Гаи)
  8. «Kbd» — используется для отображения моноширинным шрифтом текста, вводимого пользователем сайта с клавиатуры
  9. «Var» — используется для выделения курсивом переменных в каком-либо коде
  10. «Del» — выделение перечеркиванием, когда требуется показать, что какой-то фрагмент был удален после опубликования Html документа
  11. «Ins» — выделение подчеркиванием, когда нужно показать, что какой-то кусок был вставлен после публикации Html документа

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

Удачи вам! До скорых встреч на страницах блога сайт

Вам может быть интересно

Пробельные символы и форматирование ими кода в Html, а так же спецсимволы неразрывного пробела и другие мнемоники
Как задаются цвета в Html и CSS коде, подбор RGB оттенков в таблицах, выдаче Яндекса и других программах Select, Option, Textarea, Label, Fieldset, Legend — теги Html формы выпадающих списков и текстового поля
Списки в Html коде — теги UL, OL, LI и DL
Как создать гиперссылку (А, Href, Target blank), как открывать ее в новом окне на сайте, а так же сделать картинку ссылкой в Html коде
Таблицы в Html — теги Table, Tr и Td, а так же Colspan, Cellpadding, Cellspacing и Rowspan для их создания
Теги и атрибуты заголовков h2-H6, горизонтальной линии Hr, переноса строки Br и абзаца P по стандарту Html 4.01
Что такое язык гипертекстовой разметки Html и как посмотреть список всех тэгов в валидаторе W3C
Img — Html тег для вставки картинки (Src), выравнивания и обтекание ее текстом (align), а так же задания фона (background)
Директивы комментариев и Doctype в Html коде, а так же понятие блочных и строчных элементов (тэгов)

Элемент

Теперь вы знаете, что управлять размером выводимого на экран текста можно при помощи тегов и . А как программист может изменять другие параметры шрифта? Для этого и существует директива .

Как известно, размер шрифта в стандарте HTML обозначается условными, пунктами, причем всего их насчитывается семь. Однако не все броузеры понимают термин пункт одинаково. Например, при отображении документа в Microsoft Internet Explorer размеры всех шрифтов различны, за исключением пунктов 2 и 3 — они отображаются шрифтом одной высоты, которая равна величине, принятой по умолчанию, и зависит от пользовательских настроек броузера. В Netscape Navigator абсолютно одинаково отображаются пункты 4 и 5, а так же б и 7, они больше по высоте, чем пункт 3, который является нормальным размером шрифта.

ПРИМЕЧАНИЕ Следует помнить, что некоторые броузеры, например Microsoft InternetExplorer, позволяют настраивать параметры текста, отображаемого всоставе документов HTML, путем изменения размера шрифта, подставляемого интерпретатором броузера по умолчанию. Это значит, что параметры элемента , равно как и других тегов, управляющих размером шрифта, могут изменяться в зависимости от пользовательских настроек. По той же причине возможен эффект нарушения компоновки страницы, оптимизированной для просмотра в броузере со стандартными настройками. Избежать этого можно, заключив все элементы документа в невидимую таблицу с фиксированной шириной, заданной в пикселах.

В общем виде синтаксис записи тега выглядит следующим образом:

текст

Значением атрибута FACE является название шрифта, который вы планируете использовать для отображения текста, заключенного в теги . Если, например, вместо параметра «значение!» в приведенном примере вы подставите «Arial», помеченный тегом , текст будет отображаться именно этим шрифтом.

ВНИМАНИЕ Помните, что набор шрифтов, установленных на компьютерах посетите— » лей вашего сайта, может быть разным, и если вы укажете в атрибуте FACE тега шрифт, отсутствующий в системе пользователя, текстна экране его монитора станет нечитаемым. Для того чтобы избежать ошибок при отображении текста в броузерах конечных пользователей, используйте указания только на стандартные шрифты, имеющиеся в составе большинства броузеров: Arial и New Times Roman. А лучше вообще опускать данный атрибут, позволив броузеру подставлять при интерпретации кода тот шрифт, который используется по умолчанию.

Атрибут SIZE указывает на размер шрифта, которым следует выводить текст. Параметр этого атрибута, обозначенный в нашем примере как «значение2», может быть описан либо абсолютной, либо относительной величиной. Абсолютная величина подразумевает использование в качестве параметра целого числа в диапазоне от 1 до 6, указывающего на высоту шрифта в пунктах. Относительная же величина, обозначаемая целым числом со знаком плюс или минус (например, +2 или -1), — это количество пунктов, которые следует прибавить или отнять от размера шрифта, используемого броузером по умолчанию. Так, запись говорит о том, что размер помеченного таким тегом текста будет на один пункт больше, чем обычный текст документа.

Вместо значения атрибута COLOR подставляется либо цифровой код нужного цвета, либо обозначающая этот цвет символьная метка.

Очевидно, что при использовании тега любой из его атрибутов может быть опущен. Примером записи такой команды может служить следующая строка кода HTML:

отрывок текста

ВНИМАНИЕ Помните, что некоторые броузеры старых версий не поддерживают директиву . Среди них — текстовый броузер для UNIX-совместимыхплатформ, который носит название Lynx.

Тег представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура. Хотя этот тег до сих пор поддерживается всеми браузерами, он считается устаревшим и от его использования рекомендуется отказаться в пользу стилей.

Синтаксис

Текст

Закрывающий тег

Обязателен.

Параметры

color Устанавливает цвет текста. face Определяет гарнитуру шрифта. size Задает размер шрифта в условных единицах.

Пример 1. Использование тега



Тег FONT

Первая буква этого предложения написана шрифтом Arial, выделена красным цветом и увеличена в размерах.


Параметр COLOR

Описание

Устанавливает цвет текста внутри контейнера .

Синтаксис

Аргументы

Значение цвета можно задавать двумя способами.

1. По его названию

Браузеры поддерживают некоторые цвета по их названию.

2. По шестнадцатеричному значению

Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю.

Аналог CSS

Значение по умолчанию

Цвет, установленный в браузере по умолчанию.

Параметр FACE

Описание

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

Синтаксис

Аргументы

Любое количество имен шрифтов разделенных запятыми. Универсальные семейства шрифтов:
serif — шрифты с засечками (антиквенные), типа Times;
sans-serif — рубленные шрифты (шрифты без засечек или гротески), типичный представитель — Arial;
cursive — курсивные шрифты;
fantasy — декоративные шрифты;
monospace — моноширинные шрифты, ширина каждого символа в таком семействе одинакова.

Аналог CSS

Значение по умолчанию

Шрифт, установленный в браузере по умолчанию.

Параметр SIZE

Описание

Ззадает размер шрифта в условных единицах от 1 до 7. Средний размер, используемый по умолчанию принят 3. Размер шрифта можно указывать как абсолютной величиной (например, size=»4″ ), так и относительной (например, size=»+1″ , size=»-1″ ). В последнем случае размер изменяется относительно базового. На размер шрифта влияет не только заданный параметр size , но и выбор гарнитуры шрифта. Так, шрифт Arial выглядит крупнее, чем шрифт Times, а шрифт Verdana чуть больше шрифта Arial. Учитывайте эту особенность при выборе шрифта и его размеров.

HTML | тег | Портал информатики для гиков

Тег <font> играет важную роль на веб-странице для создания привлекательной и читаемой веб-страницы. Тег шрифта используется для изменения цвета, размера и стиля текста. Базовый тег шрифта используется, чтобы установить весь текст одинакового размера, цвета и лица.

Тег font имеет в основном три атрибута, которые приведены ниже:

  • Размер
  • Лицо / Тип
  • цвет

Размер шрифта. Этот атрибут используется для настройки размера текста в документе HTML с помощью тега шрифта с атрибутом размера. Диапазон размера шрифта в HTML составляет от 1 до 7, а размер по умолчанию равен 3.

Пример:

<!DOCTYPE html>

<html>

    <head>

        <title>HTML font tag</title>

    </head>

      

    <body>

        <font size = "1">GeeksforGeeks!</font><br />

        <font size = "2">GeeksforGeeks!</font><br />

        <font size = "3">GeeksforGeeks!</font><br />

        <font size = "4">GeeksforGeeks!</font><br />

        <font size = "5">GeeksforGeeks!</font><br />

        <font size = "6">GeeksforGeeks!</font><br />

        <font size = "7">GeeksforGeeks!</font>

    </body>

</html>                    

Выход:

GeeksforGeeks!! = "1"
GeeksforGeeks!! = "2"
GeeksforGeeks!! = "3"
GeeksforGeeks!! = "4"
GeeksforGeeks!! = "5"
GeeksforGeeks!! = "6"
GeeksforGeeks!! = "7"

Тип шрифта: тип шрифта может быть установлен с помощью атрибута лица с тегом шрифта в документе HTML. Но шрифты, используемые пользователем, должны быть сначала установлены в системе.
Пример:

<!DOCTYPE html>

<html>

    <head>

        <title>Example of Font Type</title>

    </head>

      

    <body>

        <font face = "Times New Roman" size = "6">

                             GeeksforGeeks!!</font><br />

        <font face = "Verdana" size = "6">

                             GeeksforGeeks!!</font><br />

        <font face = "Comic sans MS" size =" 6">

                             GeeksforGeeks!!</font><br />

        <font face = "WildWest" size = "6">

                             GeeksforGeeks!!</font><br />

        <font face = "Bedrock" size = "6">

                             GeeksforGeeks!!</font><br />

    </body>

</html>                    

Выход:

 GeeksforGeeks!!
GeeksforGeeks!!
GeeksforGeeks!!
GeeksforGeeks!!
GeeksforGeeks!!

Цвет шрифта: Цвет шрифта используется для установки цвета текста с помощью тега шрифта с атрибутом цвета в документе HTML. Цвет можно указать либо по названию, либо по шестнадцатеричному коду.
Пример:

<!DOCTYPE html>

<html>

    <head>

        <title>Font Color</title>

        <style>

            body {

                font-size:40px;

                font-weight:bold;

                text-align:center;

            }

        </style>

    </head>

    <body>

        <font color = "#009900">GeeksforGeeks</font><br />

        <font color = "green">GeeksforGeeks</font>

    </body>

</html>                    

Выход:

Примечание. Тег HTML не поддерживается в HTML5.
Поддерживаемый браузер: браузер, поддерживаемый тегом <font>, перечислены ниже:

  • Гугл Хром
  • Internet Explorer
  • Fire Fox
  • опера
  • Сафари

Рекомендуемые посты:

HTML | тег <font>

0.00 (0%) 0 votes

размеры, цвета, теги шрифтов html. с названиями разных моделей

).

Попробуйте попрактиковаться и посмотрите как будет меняться расположение ваших элементов.

Знакомое название, правда? Действительно. Есть такой тег, и мы его ставим между и . Но сейчас я говорю именно об атрибуте, и подходит он практически к любому тегу, так как является универсальным. А нужен он в качестве подсказки при наведении. И суть состоит в том, что вы сами пишите эту подсказку. Выглядит это примерно так:

Что мы тут видим? В начале открываем абзац, потом прописываем сам атрибут и даем ему значение «Ну что ты тупишь? Будет 2». Далее пишем отображаемый текст, ну и в конце закрываем тег

.

Что после этого произойдет? Сохраните документ и сами увидите. При наведении на текст курсором должна появиться всплывающая подсказочка.

В одном теге может находиться сколько угодно атрибутов. Главное, чтобы они соответствовали данной метке. Вот вам пример:

Как видите тут все довольно просто, просто в одном теге нужно писать все атрибуты через пробел. Из данного примера мы видим, что содержимое будет выравнено по правому краю, и при наведении на него курсором мышки нам всплывет подсказка. Всё просто. Надеюсь, всё понятно?

Ну а теперь давайте вернемся к нашему Лукоморью, которое мы делали на прошлом занятии.

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

После этого сохраняем html-документ и запускаем его. Проверяем, что у нас получилось. Всё правильно? Я думаю, что у вас всё должно получиться. Но всё таки я чувствую, что многие из вас задолбались проставлять атрибуты в каждом четверостишии. Я вам покажу, как этот процесс облегчить.

Если вам нужно ставить один и тот же атрибут к какому-то большому отрезку, то в этом нам поможет тег . DIV — это просто пустой блочный элемент, который служит некоторым контейнером для объединения. Сюда можно запихнуть различные атрибуты с цель применения к общему фрагменту. А уж если вы вообще хотите применить атрибут ко всему документу, то его вообще можно прописать в основной тег .

В общем в этом случае вам можно не ставить в каждый тег атрибут align=»center» . Вам лишь нужно нужно поставить

перед заголовком, и закрыть его с помощью

в конце всего текста. Ну а внутри

ставим align=»center» , но уже всего один раз. По моему это гораздо быстрее и удобнее и в итоге получается то же самое.

Ну как? Разобрались в общем принципе? Просто дальше мы будем изучать еще больше. Главное, чтобы вы поняли сам принцип расстановки тегов и атрибутов. В случае чего задавайте свои вопросы. Буду рад на них ответить.

Ну а для полноценного обучения принципа созданиям сайта рекомендую к просмотру отличный видеокурс «HTML5 и CSS3 с нуля до профи «. Там вы изучите HTML, CSS, научитесь верстать сайты-визитки, блоги и даже интернет-магазины. Курс просто офигительный для начинающего веб-разработчика.

Ну а я на сегодня заканчиваю. Надеюсь, что статья вам понравилась и была для вас полезной. Не забудьте подписаться на обновления моего блога, чтобы всегда быть в курсе всего самого интересного и не пропустить новых уроков. Ну а я с вами на сегодня прощаюсь. Желаю вам успехов в освоении материала. Пока-пока!

С уважением, Дмитрий Костин.

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

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


Физические стили ТIТLЕ>НЕАD>
ПолужирныйВ>
Курсив
Подчеркнутый
Вычеркнутый
Пишущая машинкаТТ>
Полужирный курсивВ>
Полужирный курсив подчеркнутый В>

Рис. 649. Физические стили

Внутри тега заголовка можно вставить тег физического стиля, чтобы модифицировать весь заголовок или только некоторую его часть. Например, чтобы выделить курсивом часть текста, определенного в качестве заголовка, можно использовать следующую конструкцию:


Физические и логические стили ТIТLЕ> НЕАD>
Это — модифицированный заголовок 2-го уровняН2>

Рис. 650. Изменение стиля шрифта части заголовка

С помощью специального тега можно настроить шрифт для изображения текста: задать гарнитуру, размер и цвет. Прежде всего, вы можете установить размер основного шрифта, который используется в документе по умолчанию. тег основного шрифта имеет формат . Размер основного шрифта можно установить от 1 до 7. Если не использовать этот тег, то размер основного шрифта по умолчанию устанавливается равным 3.
тег устанавливает размер текущего шрифта для отдельных фрагментов текста. На стили этот тег не влияет. Диапазон возможных значений — от 1 до 7. Данный тег позволяет также управлять размером текущего шрифта относительно основного. Для этого используются символ + (чтобы увеличить) и символ — (чтобы уменьшить) размер шрифта на заданную величину. Например, если размер основного шрифта установлен равным 3, то тег устанавливает размер текущего шрифта равным 5.
Для задания гарнитуры шрифта используется тег . Например:

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

FACE=»Arial, Sans Serif, Courier»>

Обычно в перечне задают похожие шрифты. Рекомендуется назначать наиболее популярные шрифты. При размещении на странице текстовой информации лучше вообще не назначать название шрифта, полагаясь на стандартные настройки браузера. Но тогда при разработке страницы следует также использовать стандартные настройки браузера, чтобы синхронизировать свое восприятие текста с возможным восприятием пользователя. В конце концов, вы создаете страницу не для себя, а для читателей.
С помощью атрибута COLOR в теге можно задать цвет шрифта:

Аргумент атрибута COLOR представляет собой шестнадцатеричную запись кода цвета (красной, зеленой и синей составляющей, иначе говоря, RGB-составляющей). Следующая программа демонстрирует управление шрифтом:


Установка шрифтовТIТLE/НЕАD>
Шрифт Aria АБВГДЕЖЗИК
Шрифт CourierАБВГДЕЖЗИК
Шрифт SYMBOLАБВГДЕЖЗИК

Рис. 651. Использование различных шрифтов

Заметим, что в теге можно использовать несколько или все его возможные атрибуты. Например:

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


ИндексыТIТLЕ> /НЕАD>
Пример использования индексов
(5+x2)x+3

a1 + a2+ a3
Подстрочные примечания 2

Рис. 832. Использование верхних и нижних индексов

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

  • — выделение адресов электронной почты, почтовых адресов и
    номеров телефонов;
  • — выделение цитат;
  • , — запись текстов программ, символьных констант;
  • — ввод текстов с клавиатуры.

В последних трех стилях используется моноширинный шрифт (обычно Courier). Например, буквы I и Ж моноширинного шрифта занимают одинаковое место. Использование моноширинных шрифтов обусловлено простой возможностью выравнивания текста с помощью символов «пробел».
Отметим еще один момент. В теги управления шрифтом, как и в теги логических стилей, можно вставлять атрибут ТITLE= «строка» , что позволяет привязать к тексту внутри этого тега всплывающую подсказку. Аргументом атрибута TITLE является строка подсказки. При остановке указателя мыши на выделенном слове или фразе около указателя появится подсказка. С помощью этого приема можно расшифровывать аббревиатуры, давать дополнительные пояснения и рекомендации пользователю.

Тег FONT представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура. Хотя этот тег до сих пор поддерживается всеми браузерами, он считается устаревшим и от его использования рекомендуется отказаться в пользу стилей.

Синтаксис
Текст

Закрывающий тег
Обязателен.

Параметры
color — цвет текста.
face — шрифт текста.
size — размер шрифта.

Пример 1. Использование тега FONT


Первая буква этого предложения будет написана шрифтом Arial, красным цветом и увеличенной в размерах.

Результат

П ервая буква этого предложения будет написана шрифтом Arial, красным цветом и увеличенной в размерах.

Описание параметров тега FONT

Параметр COLOR

Описание
Устанавливает цвет текста внутри контейнера FONT.

Синтаксис

Аргументы
Для задания цветов применяется два способа: первый использует обозначения цветов в шестнадцатеричном коде, а второй — по названию некоторых цветов. Преимущественно используется способ, основанный на шестнадцатеричной системе исчисления, как наиболее универсальный. Десятичная система, хотя и более привычна для представления, находит применение только с помощью CSS.

Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. В таблице приведено соответствие десятичных и шестнадцатеричных чисел.

Десятичные 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
Шестнадцатеричные 1 2 3 4 5 6 7 8 9 A B C D E F

Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999.

Типичный цвет выглядит следующим образом.

#FA8E47 >Текст

Цвет фона задан как #FA8E47. Символ решетки # перед числом означает, что оно шестнадцатеричное. Первые две цифры (FA ) определяют красную составляющую цвета, цифры с третьей по четвертую (8E ) — зеленую, а последние две цифры (47 ) — синюю. В итоге получится такой цвет.

Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF, что в итоге образует 256 оттенков. Таким образом, в модели RGB количество цветом может быть 256 х 256 х 256 = 16.777.216 комбинаций.

Аналог CSS
color

Значение по умолчанию
Цвет, установленный в браузере по умолчанию.

Пример 2. Цвет фона текста



Результат
Параметр FACE

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

Синтаксис

Аргументы
Любое количество имен шрифтов разделенных запятыми. Универсальные семейства шрифтов:
serif — шрифты с засечками (антиквенные), типа Times;
sans-serif — рубленные шрифты (шрифты без засечек или гротески), типичный представитель — Arial;
cursive — курсивные шрифты;
fantasy — декоративные шрифты;
monospace — моноширинные шрифты, ширина каждого символа в таком семействе одинакова.

Аналог CSS
font-family

Значение по умолчанию
Шрифт, установленный в браузере по умолчанию.

Пример 3. Изменение шрифта


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

Результат

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Параметр SIZE

Описание
Ззадает размер шрифта в условных единицах от 1 до 7. Средний размер, используемый по умолчанию принят 3. Размер шрифта можно указывать как абсолютной величиной (например, size=4), так и относительной (например, size=+1, size=-1). В последнем случае размер изменяется относительно базового. На размер шрифта влияет не только заданный параметр size, но и выбор гарнитуры шрифта. Так, шрифт Arial выглядит крупнее, чем шрифт Times, а шрифт Verdana чуть больше шрифта Arial. Учитывайте эту особенность при выборе шрифта и его размеров.

Синтаксис

Аргументы
Целое число от 1 до 7 или изменение значения в большую или меньшую сторону с помощью символов + и -.

Аналог CSS
font-size

Значение по умолчанию
3

Пример 4. Размер текста


Шрифт размера 1

Шрифт размера 2

Шрифт размера 3

Шрифт размера 4

Шрифт размера 5

Шрифт размера 6

Шрифт размера 7

Результат

Шрифт размера 1
Шрифт размера 2
Шрифт размера 3
Шрифт размера 4
Шрифт размера 5
Шрифт размера 6
Шрифт размера 7
Браузер Internet Explorer Netscape Opera Safari Mozilla Firefox
Версия 5.5 6.0 7.0 6.0 7.0 8.0 7.0 8.0 9.0 1.0 1.7 1.0 2.0
Поддерживается Да Да Да Да Да Да Да Да Да Да Да Да Да

Описание

Тег представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура. Хотя этот тег до сих пор поддерживается всеми браузерами, он считается устаревшим и от его использования рекомендуется отказаться в пользу стилей.

Синтаксис

Текст

Закрывающий тег

Обязателен.

Параметры

color Устанавливает цвет текста. face Определяет гарнитуру шрифта. size Задает размер шрифта в условных единицах.

Пример 1. Использование тега



Тег FONT

Первая буква этого предложения написана шрифтом Arial, выделена красным цветом и увеличена в размерах.


Параметр COLOR

Описание

Устанавливает цвет текста внутри контейнера .

Синтаксис

Аргументы

Значение цвета можно задавать двумя способами.

1. По его названию

Браузеры поддерживают некоторые цвета по их названию.

2. По шестнадцатеричному значению

Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю.

Аналог CSS

Значение по умолчанию

Цвет, установленный в браузере по умолчанию.

Параметр FACE

Описание

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

Синтаксис

Аргументы

Любое количество имен шрифтов разделенных запятыми. Универсальные семейства шрифтов:
serif — шрифты с засечками (антиквенные), типа Times;
sans-serif — рубленные шрифты (шрифты без засечек или гротески), типичный представитель — Arial;
cursive — курсивные шрифты;
fantasy — декоративные шрифты;
monospace — моноширинные шрифты, ширина каждого символа в таком семействе одинакова.

Аналог CSS

Значение по умолчанию

Шрифт, установленный в браузере по умолчанию.

Параметр SIZE

Описание

Ззадает размер шрифта в условных единицах от 1 до 7. Средний размер, используемый по умолчанию принят 3. Размер шрифта можно указывать как абсолютной величиной (например, size=»4″ ), так и относительной (например, size=»+1″ , size=»-1″ ). В последнем случае размер изменяется относительно базового. На размер шрифта влияет не только заданный параметр size , но и выбор гарнитуры шрифта. Так, шрифт Arial выглядит крупнее, чем шрифт Times, а шрифт Verdana чуть больше шрифта Arial. Учитывайте эту особенность при выборе шрифта и его размеров.

Синтаксис

Аргументы

Целое число от 1 до 7 или изменение значения в большую или меньшую сторону с помощью символов + и -.

Сегодня продолжим рассмотрение различных тэгов, а именно Font, Blockquote, Pre, Strong, Em, B, I и других, позволяющих осуществлять форматирование текста.

Blockquote и Pre — форматирование в HTML

Раньше(еще до появления CSS) тег цитаты Blockquote в Html коде использовался довольно часто, потому что фрагмент текста, заключенный в него, получал горизонтальный отступ, что было не так-то просто сделать в то время в силу невозможности использования CSS свойств. Элемент Blockquote является парным и внутри него могут находиться как строчные теги, так и блочные (например, абзацы P).

Пример

Пример, заключенный в Blockquote

Сейчас тег Blockquote по-прежнему используется при оформлении текста, но внешний вид цитат в наше время уже обычно задается с помощью CSS свойств, прописанных именно для него в файле с таблицами стилей вашего шаблона оформления. Например, в случае моего блога, в style.css можно найти следующие строки:

#content blockquote{margin:15px 0 20px 0;padding:5px 8px 5px 35px;background:#eaedf0 url(images/quote2.png) no-repeat left top;background-position:8px 5px;color:#666;font-size:14px;width:91%;font-style:italic;} #content blockquote p{color:#666;font-size:14px;}

Ну, а то, как будут при этом выглядеть цитататы, заключенные в Blockquote, вы можете увидеть в тексте статьи с интервью с руководителем .

Кроме цитаты в Html раньше (до появления CSS) довольно широко использовался еще один тег форматирования — Center . Он является парным (своеобразный контейнер) и блочным. В нем можно заключать любые элементы текста (как строчные, так и блочные), которые в результате сего действа будут выровнены по центру.

Так, теперь давайте рассмотрим тэг Pre , который позволяет передать форматирование текста заданное непосредственно в исходном коде. Помните я говорил, что все идущие подряд в (пробел, табуляция и перенос строки) будут при разборе кода в браузере заменены одним единственным пробелом.

Так вот, элемент Pre запрещает сокращение пробельных символов в участке текста, который будет в него заключен. Что примечательно, для фрагмента, заключенного в Pre, браузер не будет осуществлять автоматический перенос строк по пробельным символам.

Т.е. все строки внутри элемента Pre будут считаться браузером неразрывными — как вы написали в коде, так и будет отображаться в браузере. Причем, в обозревателе для отображения участка текста, отформатированного с помощью тега Pre, будет использоваться моноширинный шрифт, типа Courier New или подобные ему.

Форматирование в исходном коде
 тэг Pre
 теги устаревшие

Сам тэг Pre является блочным, а внутри него (этот тег парный) может быть заключен только строчный контент (т.е. внутри него не следует размещать абзацы P, заголовков h2 — H6 и т.п.).

В Html есть еще один блочный тэг, который предназначен для форматирования текста — Address. Внутри этого тега может располагаться по стандартам валидатора только строчный контент, который будет отображен в браузере курсивом.

Font — работа с цветом и шрифтом текста в чистом Html

Strong, Em — тэги логических и визуальных выделений в тексте

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

Визуальные теги предназначены для изменения начертания текста, которое будет видно посетителям вашего сайта, но которому не должны уделять какое-то особое внимание поисковые системы.

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

Если вы помните, то не так уж давно оптимизаторам советовали выделять значимые места с ключевыми словами (как нужно выделять ) тегами логического форматирования Strong и EM, которые для пользователя будут выглядеть как обычное выделение жирным и курсивом.

А вот для выделений без ключевых слов советовали использовать Html элементы «B» и «I», которые для пользователей опять же выглядели бы тоже как выделение жирным и курсивом, но уже поисковыми машинами не учитывались, т.к. они не являются тэгами логического форматирования.

Сейчас все это уже практически не работает так, как задумывалось, и выделение ключевых слов с помощью Strong и EM мы делаем скорее по привычке, нежели действительно надеясь на определенные дивиденды за это со стороны поисковых систем.

Итак, кроме уже упомянутых «B» и «I» (выделение жирным и курсивом) к разряду визуального форматирования можно отнести уже рассмотренные в начале статьи Font, Pre, а также теги:

  1. «U» — выделение подчеркиванием
  2. «Strike» — перечеркивание
  3. «Sup» — верхний индекс
  4. «Sub» — нижний индекс
  5. «Tt» — выделение моноширинным шрифтом
  6. «Big» — увеличить шрифт
  7. «Small» — уменьшить шрифт

Ну, а теперь давайте рассмотрим перечень элементов логического форматирования текста:

  1. «Em» — логическое выделение важных фрагментов курсивом
  2. «Strong» — то же самое, но только выделяться будет жирным
  3. «Cite» — выделение цитат курсивом
  4. «Code» — предназначен для отображения разнообразных кодов моноширинным фонтом
  5. «Samp» — для выделения нескольких символов моноширинным фонтом
  6. «Abbr» — в атрибуте Title этого тэга прописывается расшифровка какой-либо аббревиатуры (типа, CSS или Html, которые читаются по буквам, а не как единое слово). Прописанные в Title слова будут всплывать при подведении к этой аббревиатуре курсора мыши.
  7. «Acronym» — то же самое, но используется для акронимов, т.е. сокращений, которые читаются не по буквам, а как слово (например, МКАД или Гаи)
  8. «Kbd» — используется для отображения моноширинным шрифтом текста, вводимого пользователем сайта с клавиатуры
  9. «Var» — используется для выделения курсивом переменных в каком-либо коде
  10. «Del» — выделение перечеркиванием, когда требуется показать, что какой-то фрагмент был удален после опубликования Html документа
  11. «Ins» — выделение подчеркиванием, когда нужно показать, что какой-то кусок был вставлен после публикации Html документа

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

Удачи вам! До скорых встреч на страницах блога сайт

Вам может быть интересно

Пробельные символы и форматирование ими кода в Html, а так же спецсимволы неразрывного пробела и другие мнемоники
Как задаются цвета в Html и CSS коде, подбор RGB оттенков в таблицах, выдаче Яндекса и других программах Select, Option, Textarea, Label, Fieldset, Legend — теги Html формы выпадающих списков и текстового поля
Списки в Html коде — теги UL, OL, LI и DL
Как создать гиперссылку (А, Href, Target blank), как открывать ее в новом окне на сайте, а так же сделать картинку ссылкой в Html коде
Таблицы в Html — теги Table, Tr и Td, а так же Colspan, Cellpadding, Cellspacing и Rowspan для их создания
Теги и атрибуты заголовков h2-H6, горизонтальной линии Hr, переноса строки Br и абзаца P по стандарту Html 4.01
Что такое язык гипертекстовой разметки Html и как посмотреть список всех тэгов в валидаторе W3C
Img — Html тег для вставки картинки (Src), выравнивания и обтекание ее текстом (align), а так же задания фона (background)
Директивы комментариев и Doctype в Html коде, а так же понятие блочных и строчных элементов (тэгов)

Читайте также…

ТЕГ FONT И ЕГО ПАРАМЕТРЫ

Теги <font></font> указывают параметры шрифта текста:

face — название шрифта. Названий шрифтов можно привести несколько, через запятую. В этом случае, если первый указанный шрифт не будет найден (вы же не знаете, какие шрифты установлены на компьютере пользователя), браузер станет использовать следующий по списку.

size — размер шрифта в условных единицах от 1 до 7. По умолчанию размер шрифта равен 3.

color — цвет текста (по умолчанию — черный).

В HTML существуют два способа задания цвета:

•по имени (156)

•указанием шестнадцатеричного кода цвета.

Итак, поменяем цвет в атрибуте bgcolor на нежно-голубой, а цвет текста — на менее яркий. Обновите html-страницу (Ctrl+F5) и посмотрите на результат.

Шестнадцатеричный код цвета. «#RRGGBB» означает шестнадцатеричный код цвета: доля красного (RR) может лежать в диапазоне от 00 до FF (это соответствует десятичному числу 255), также как и доли зелёного (GG) и синего цвета

(BB). Таким образом, палитра доступных цветов

Tomato

#FF6347

MidnightBlue

#191970

<body>

Это простой текст.<br>

<font face=»Verdana» size=5 color=»red»> Этот текст красный, размера 5. </font><br>

<font face=»Arial» size=2 color=»blue»> Этот текст

синий, размера 2. </font>

</body>

СОВМЕСТНОЕ

ИСПОЛЬЗОВАНИЕ ТЕГОВ

Выделим слово «текст» красным цветом:

<font color=»red»>Текст</font>

Теперь добавим теги курсива (открывающий — слева, закрывающий — справа):

<em><font

color=»red»>Текст</font></em>

А теперь — теги полужирного начертания:

Соблюдайте порядок вложенности тегов. Тег, который открыт первым, должен быть закрыт последним.

•<font><u><i>Так неправильно! </font></u></i>

•<font><u><i>Так

правильно</i></u></font>

Теги <abbr></abbr> указывают на то, что текст является аббревиатурой. По умолчанию текст подчеркивается пунктиром, а при наведении на него курсора мыши появляется всплывающая подсказка с расшифровкой аббревиатуры. Это достигается добавлением в тег параметра title, в качестве значения которого и выступает расшифровка.

<abbr title=»HyperText Markup Language»> HTML </abbr>

Теги <address></address> применяются для указания адреса. Отображается курсивом с новой строки.

Пишите по адресу: <address> Ленинский пр., д.2 </address>

Теги <del></del> делают текст перечеркнутым.

<del> Этот текст в тегах del </del><br>

Теги <q></q> выделяют короткие цитаты.

Линкольн любил говорить: <q>Не достигает цели тот, кто от нее отказывается.</q>

Теги <big></big> выводят текст большего размера, чем остальная часть текста. Теги <small></small> выводят текст меньшего размера, чем остальная часть текста.

<big> Этот текст в тегах big </big><br> Это просто текст<br>

<small> Этот текст в тегах small </small>

Тег <hr> рисует горизонтальную линию, отделенную сверху и снизу пустыми строками. У этого тега есть следующие параметры:

•align — выравнивает линию по центру (center), слева (left) или справа (right).

•width — устанавливает длину линии в пикселах или в процентах от ширины окна.

•size — устанавливает толщину линии в пикселах.

•color — устанавливает цвет линии.

•noshade — убирает рельефность линии.

Линия без параметров <hr>

Линия по центру

<hr align=»center» color=»red» size=2 width=50%> Линия слева

<hr align=»left» color=»blue» size=3>

</body>

Тег шрифта HTML — использование, синтаксис, примеры

Тег определяет характеристики шрифта. Размер, цвет и шрифт определяются атрибутами размера, цвета и начертания.

Синтаксис¶

Тег используется парами. Контент записывается между открывающим () и закрывающим () тегами.

Пример использования HTML-тега

: ¶
  

  
     Название документа 
  
  
    

Синий текст

Красный текст, размер шрифта увеличен.

Зеленый текст, шрифт изменен.

Попробуйте сами »

Result¶

CSS Styles¶

Чтобы изменить цвет текста, используйте свойство цвета CSS вместо атрибута color. Свойства CSS font-family или font-face заменяют атрибут face, а вместо атрибута size используется свойство CSS font-size.

Пример изменения стиля текста с помощью CSS: ¶

  

  
     Название документа 
  
  
    

Синий текст.

Красный текст, размер шрифта увеличен.

Зеленый текст, изменен шрифт.

Попробуйте сами »

Атрибуты¶


Как стилизовать тег

?

Общие свойства для изменения визуального веса / выделения / размера текста в теге

:
  • CSS свойство font-style устанавливает стиль шрифта.нормальный | курсив | косой | начальная | наследовать.
  • CSS свойство font-family определяет приоритетный список из одного или нескольких имён семейств шрифтов и / или родовых имён семейств для выбранного элемента.
  • CSS свойство font-size устанавливает размер шрифта.
  • CSS свойство font-weight определяет, должен ли шрифт быть жирным или толстым.
  • Свойство CSS text-transform управляет регистром текста и заглавными буквами.
  • CSS свойство text-decoration определяет украшение, добавленное к тексту, и является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style.

Раскрашивание текста в теге

:
  • Свойство цвета CSS описывает цвет текстового содержимого и оформления текста.
  • CSS свойство background-color устанавливает цвет фона элемента.

Стили макета текста для тега

:
  • Свойство CSS text-indent определяет отступ первой строки в текстовом блоке.
  • Свойство CSS text-overflow указывает, как пользователю следует сигнализировать о переполненном содержимом, которое не отображается.
  • CSS свойство white-space определяет, как обрабатывается белое пространство внутри элемента.
  • Свойство CSS word-break указывает, где строки должны быть разорваны.

Другая недвижимость, на которую стоит обратить внимание тег

:

Тег (веб-дизайн в двух словах, 2-е издание)


10,5. Тег

тег — это встроенный тег стиля, используемый для укажите размер, цвет и шрифт заключенного текста, используя размер, цвет и лицо атрибуты, соответственно.Он был создан как расширение HTML, чтобы дать дизайнерам больше контроля над отображением текста. Темная сторона Тег заключается в том, что он вводит очень конкретная отображаемая информация в разметке HTML. Как отмечалось несколько раз в этой книге, в идеальном мире, стиль был бы отделен из содержания. В HTML 4.01 тег и все его атрибуты устарели в пользу высшего возможности форматирования таблиц стилей. Несмотря на это, продолжается быть довольно популярным (даже лучшие инструменты разработки полагаются на него сильно), так что вряд ли он исчезнет в ближайшее время.Который сказал, давайте посмотрим, как используется тег шрифта.

Один тег может содержать все эти атрибуты, как показано:

  

Для объяснения допустимых значений для атрибут цвета, см. главу 16 «Указание цвета в HTML».

10.5.1. Указание размера с помощью

Вы можете использовать атрибут размера в Тег для настройки размера шрифта.Этот Атрибут поддерживается версиями 1.1 и выше как Navigator и Internet Explorer.

Браузеры измеряют тип HTML по относительной шкале от 1 до 7, где 3 является значением по умолчанию и будет отображаться с размером, указанным в предпочтения пользователя. Эти «виртуальные» размеры относительные, то есть они не означают фактический пиксель или точку корректировки. Каждый размер постепенно уменьшается примерно на 20 процентов или больше, чем размер по умолчанию, 3.

Значение размера может быть указано как абсолютное значение от 1 до 7 или как относительное значение с помощью знака плюс или минус.Когда относительный значения даны, значение по умолчанию (которое равно 3, если иное не указан с тегом ) увеличивается или уменьшается на эту относительную величину. Типа никогда не бывает отображается больше 7 или меньше 1, даже если относительный размер приводит к такому значению.

Абсолютное значение

1

2

3

4

5

6

7

Относительное значение

-2

–1

+1

+2

+3

+4

Следовательно, блок из текст то же самое как <шрифт size = "+ 1"> блок из текст , , и оба результата приведут к блоку текста, на 20 процентов больше размера текста по умолчанию.

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

10.5.1.1. Преимущество

10.5.1.2. Недостатки

  • Переопределяет предпочтения зрителей для комфортное чтение с экрана. Изменяя размеры, вы рискуете некоторые зрители видят нелепо маленький или до смешного большой шрифт.

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

10.5.1.3. Рекомендации

  • Ограничьте использование маленьким блоки текста, такие как информация об авторских правах, вместо того, чтобы применять регулировка размера на всю страницу.

  • Если ваш контент должен быть найден поисковыми системами, которые ищут информацию о заголовке, не используйте шрифт < size = "n"> вместо тегов заголовков HTML, которые имеют больший вес.

10.5.2. Указание шрифтов с помощью

Internet Explorer 1.0 представил проприетарный атрибут лица к тег , позволяющий указать определенные шрифты для выделенного текста. Этот атрибут был принят Навигатор в версиях 3.0 и выше (не работает в Навигаторе. 2.0 или более ранней версии). Если вы уверены, что ваша аудитория состоит из более новые пользователи браузера, стремитесь использовать таблицы стилей для всей своей страницы форматирование.

Атрибут лица не гарантирует, что пользователь увидит ваш текст в указанном вами шрифте.Считайте это просто рекомендация. Прочтите «Почему определение типа проблематично» в главе 3 «Принципы веб-дизайна для полиграфических дизайнеров», прежде чем радостно Тег во всех ваших документах.

Заключенное в кавычки номинальное значение — одно или несколько. отображать имена шрифтов через запятую следующим образом:

  блок текста  

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

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

10.5.2.1. Преимущества

  • Позволяет дизайнерам влиять на шрифт выбор.

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

10.5.2.2. Недостатки

  • Спецификация шрифта (и другие стилистические control) лучше обрабатывается таблицами стилей.

  • Невозможно указать незападный шрифты. <шрифт face = "fontlist"> использует простое сопоставление для соответствия определение номеров наборов символов для форм символов («глифы»), которые могут неправильно переводиться для шрифт тебе Выбрать.


10.4.
и
10.6. Списки

Авторские права © 2002 O’Reilly & Associates. Все права защищены.

HTML 4 тег шрифта

Устарело в HTML5
Этот тег устарел в HTML5, поэтому лучше избегать его использования.


Тег HTML font используется для указания используемого шрифта.

Тег HTML font объявлен устаревшим в HTML 4.01 и устаревшим в HTML 5. Для установки свойств шрифта вместо этого следует использовать свойство CSS font.

Пример

Тег шрифта HTML больше не поддерживается.Вместо этого вы должны использовать шрифт CSS для установки свойств шрифта.

Атрибуты

Атрибуты, относящиеся к этому тегу:
Атрибут Описание
размер Задает размер шрифта.
цвет Задает цвет шрифта.
начертание Задает начертание шрифта.
Другие атрибуты:
Атрибут Описание
dir Задает направление текста
класс Общий идентификатор документа.
id Общий идентификатор документа
язык Код языка
заголовок Задает заголовок, связанный с элементом.Многие браузеры отображают это при наведении курсора на элемент (аналогично «всплывающей подсказке»).
стиль Встроенный стиль (CSS)

Попробуйте сами!

Измените приведенный ниже код, затем нажмите Обновить . См. Ниже атрибуты.

Информация на этой странице основана на HTML версии 4.01. Большинство современных браузеров теперь поддерживают HTML5.

См. Этот список тегов HTML для получения последнего списка элементов HTML.

HTML тег шрифта

  • Тег

    HTML определяет размер шрифта , начертание шрифта и цвет шрифта для текста. Тег — это тег контейнера.

  • Используя атрибут размера , вы можете установить размер шрифта. Допустимые значения: от 1 (наименьший размер) до 7 (наибольший размер) .Размер шрифта по умолчанию — 3.

    .
  • HTML-тег удален из спецификации HTML5.

Пример

  


   Тег шрифта HTML 


   Первая строка текста  
Вторая строка текста
Третья строка текста
Текст четвертой строки
Пятая строка текста
Шестистрочный текст

Запустить его… »

Атрибуты тегов

Тег

HTML поддерживает следующие специфические атрибуты.

Атрибуты Значение Описание
цвет название цвета
#XXXXXX
rgb (X, X, X)
Укажите цвет текста.
лицевая имя шрифта Укажите семейство шрифтов текста.
Вы можете указать альтернативные начертания шрифта через запятую.
размер номер Укажите размер текста. Диапазон значений от 1 до 7.

Глобальные атрибуты

HTML-тег поддерживает следующие глобальные атрибуты.

Атрибуты Значение Описание
id уникальное_имя Объявлен уникальный идентификатор элемента.
класс имя_класса Объявлено одно или несколько имен классов для элемента.
стиль стили Встроенные стили CSS определяют элемент.
название название Укажите дополнительные сведения о содержании элемента, это будет отображаться как «всплывающая подсказка» для элемента.

Атрибуты событий

HTML-тег поддерживает следующие атрибуты событий.

Элемент Элемент Элемент Элемент Элемент При запуске скрипта нажимается клавиша Клавиша При запуске скрипта над элементом отпускается клавиша Форма Форма Объект Элемент Элемент Элемент Элемент Элемент Элемент Элемент Ошибка элемента Отображение сообщения элемента Ошибка элемента При запуске скрипта необходимо изменить размер элемента При запуске скрипта элемент
Атрибуты Значение Описание
onfocus сценарий фокусируется на объекте при запуске скрипта.
onblur сценарий теряет фокус на объекте при запуске скрипта.
onabort сценарий прерывается на объекте при запуске скрипта.
на замену сценарий может быть изменен в любое время при запуске скрипта.
перед выгрузкой сценарий выгружается на объект при запуске скрипта.
onclick сценарий щелкнул объект при запуске скрипта.
ondblclick сценарий : дважды щелкните объект при запуске сценария.
нажатие клавиши сценарий .
onkeypress сценарий нажимается на элемент, а затем отпускается при запуске скрипта.
onkeyup сценарий .
onmousedown сценарий кнопка мыши была нажата над элементом при запуске скрипта.
onmouseout сценарий указатель мыши отпускается над элементом при запуске сценария.
onmousemove сценарий Выполнить указатель мыши перемещен при запуске сценария.
на мышке над сценарий Выполнить указатель мыши переместиться, когда скрипт должен быть запущен.
onmouseup сценарий кнопка мыши отпускается при запуске сценария.
сбросить сценарий была сброшена при запуске скрипта.
при выборе сценарий Выберите какой-либо контент при запуске сценария.
при подаче сценарий была отправлена ​​при запуске скрипта.
загрузка сценарий загружается при запуске скрипта.
на замену сценарий позволяет изменять объект при запуске скрипта.
под нагрузкой сценарий выгружается в окно браузера при запуске скрипта.
ондраг сценарий перетаскивается при запуске скрипта.
драгенд сценарий перестает перетаскиваться при запуске скрипта.
ондрагентер сценарий , являющийся целью, перетаскивается при запуске сценария.
ondragleave сценарий , оставленный для целевого объекта, перетаскивается при запуске скрипта.
ондраговер сценарий , переходящий к цели, перетаскивается при запуске скрипта.
ondragstart сценарий начинает перетаскиваться при запуске скрипта.
на капле сценарий удаляется при запуске скрипта.
ошибка сценарий возникает при запуске скрипта.
в сообщении сценарий при запуске скрипта.
ошибка сценарий возникает при запуске скрипта.
колесо мыши сценарий колесико мыши будет вращаться при запуске скрипта.
в прокрутке сценарий полоса прокрутки прокручивается при запуске скрипта.
по размеру сценарий .
при выборе сценарий : все содержимое элемента выбрано при запуске сценария.
на складе сценарий должен быть сохранен в целевом объекте.

Совместимость с браузером

  • Google Chrome
    Да
  • Mozilla Firefox
    Да
  • Microsoft Edge
    Да
  • Opera
    Есть
  • Safari
    Есть

Как HTML Шрифт, размер шрифта, начертание шрифта, цвет шрифта

Шрифты

Вы можете отформатировать текст на веб-странице, установив расширение… тег и различные атрибуты шрифта. Тег шрифта имеет три атрибута: размер, цвет и начертание для настройки текста на веб-странице.

Лицевая сторона шрифта

Атрибут Font Face определяет имя шрифта текста внутри тега Font.

Шрифт Arial

Когда вы указываете Font Face, указанный вами шрифт должен быть установлен на компьютере человека, просматривающего веб-страницу.

Значение атрибута face может содержать несколько имен шрифтов, разделенных запятыми.

Посетитель сможет увидеть ваш шрифт, только если он установлен на его компьютере.

Когда ваша страница загружена, браузер отобразит первый доступный шрифт, в противном случае — второй и так далее. Если указанные шрифты не установлены на вашем компьютере, будет загружен шрифт по умолчанию веб-браузера. Всегда используйте двойные кавычки вокруг названий шрифтов.

Размер шрифта

Вы можете установить размер шрифта, изменив атрибут size тега.

Размер шрифта 7

Выше HTML-код смотрит в браузере:

Вы можете установить размер шрифта, указав также относительный размер шрифта. То есть на сколько размеров больше или на сколько меньше, чем текущий размер шрифта.

Размер шрифта -2 от текущего размера шрифта Размер шрифта +2 от текущего размера шрифта

Цвет шрифта

Атрибут Color определяет цвет текста внутри тега Font. Вы можете указать желаемый цвет с помощью названия цвета или шестнадцатеричного кода для этого цвета.

Цвет шрифта зеленый Укажите hexcolor # 008000

Вы можете использовать атрибуты Face, Size и Color вместе в одном теге.


Исходный код HTML:
Учебник по шрифтам HTML
ПРИМЕЧАНИЕ:
Шрифты

относятся к определенным операционным системам, и если вы используете разные операционные системы, внешний вид будет отличаться. Тег HTML устарел в версии 4.0 и более поздних.


шрифтов для тегов | FontSpace

Загрузить
  • Темный режим
  • Помощь Войти
Присоединиться бесплатно
  • Шрифты
  • Стили
  • Коллекции
  • Генератор шрифтов
  • (͡ ° ͜ʖ ͡ °)
  • Дизайнеры
  • Разное

74 бесплатных шрифта

Связанные стили

  • Cool
  • Каллиграфия
  • Скрипт
  • Рукописный ввод
  • Капает
  • Кисть
  • Рисовано от руки
  • Улица
  • Чернила
  • Ручная работа
  • Koxu
  • Панк
  • Городской
  • Стена
  • Грязный
  • Маркер
  • Маркер 9095
  • Логотип
  • Журнал
  • Ручка
  • Карандаш
  • Корзина
  • Реклама
  • Альтернативы

Commer l-использовать

Сортировать по

  • Популярные
  • В тренде
  • Новейший
  • Имя

100% бесплатно

103.1k загрузок

Персональное использование Бесплатно

633,2k загрузок

100% бесплатно

6906 загрузок

Для личного пользования Бесплатно

4477 загрузок

100% бесплатно

1597 загрузок

100% бесплатно

9961 загрузок

Личное использование Бесплатно

Fat Wandals ЛИЧНОЕ ИСПОЛЬЗОВАНИЕ

27565 загрузок

100% бесплатно

317.6k загрузок

Personal Use Free

Обычные

6302 загрузки

Для личного пользования Бесплатно

192.1k загрузок

Personal Use Free

Light Wandals ЛИЧНОЕ ИСПОЛЬЗОВАНИЕ

10121 загрузок

100% бесплатно

4566 загрузок

Для личного пользования Бесплатно

15710 загрузок

Личное использование Бесплатно

130k загрузок

Personal Use Free

14633 загрузок

От 1 до 15 из 74 Результаты

  • 1
  • 2
  • 3
  • 4
  • Далее

Еще больше стилей

    77000 + бесплатные шрифты 16000 + коммерческие шрифты 3000 + Дизайнеры
    • Популярные шрифты
    • Коммерческие шрифты
    • Классные шрифты
    • Курсивные шрифты
    • Блог
    • Справка
    • Связаться
    • Бренд
    • Конфиденциальность
    • Условия
    • DMCA
    • Карта сайта

    © 2006-2021 FontSpace

    HTML для начинающих — размер текста, цвета и шрифты

    HTML для начинающих — размер текста, цвета и шрифты HTML для абсолютных новичков, Джон Сторм.
    Перейти: Далее (изображения); Предыдущая (Форматирование текста); HTML-указатель для начинающих; Словарь жаргонов; Ультраспространство; Джон Сторм.

    Текстовые эффекты и тег

    Одно из самых мощных средств для оживления вашего текста — это тег и его атрибуты SIZE, COLOR и FACE. В отличие от других тегов, которые мы рассмотрели, которые используют атрибуты, у вас есть для использования атрибута с — сам по себе он вообще ничего не делает. (Кстати, если вам интересно, откуда взялось слово font , это старое слово для обозначения шрифта).

    Вы можете изменить размер текста в любой момент, вставив такой тег: n >, где n — это число от 1 до 7. Размер текста изменится на указанный вами размер, пока вы снова не отключите эффект с помощью тега .

    Благодаря великолепной логике, которая так часто поражает компьютерные системы, эти числа работают точно так же, как , напротив чисел, используемых при создании заголовков (

    ,

    и т. Д.): То есть размер один маленький, а размер семерка огромна.Чудесный.

    Лучший способ использовать атрибут SIZE — поставить +1, +2, -1 или -2 вместо числа, например, , что делает текст на один размер больше и снова отключается. с . +2 делает его на два размера больше, -1 — на один размер меньше, и так далее.

    Почему так лучше? Дело в том, что разные браузеры снова отображают вещи по-разному. То, насколько большой конкретный размер шрифта будет отображаться на чужом экране, зависит от всевозможных факторов, которые вы не можете контролировать, в основном от того, как настроены их браузер и компьютер.Например, предложение размера 1 может выглядеть нормально на вашем компьютере, но при этом быть настолько маленьким, что вы не сможете прочитать его на чужом.

    Если вы вообще не укажете размер шрифта, ваш текст будет иметь размер 3. Я думаю, что размер три часто выглядит немного маленьким при настройке по умолчанию, поэтому на большинстве страниц (включая эти) я использую двоюродный брат , , в самом начале раздела . изменяет размер шрифта по умолчанию с 3 на 4. работает точно так же, как , за исключением того, что у него нет тега «off», и вы используете его только один раз на странице.Зачем я делаю это, когда я просто намекал, что возиться с размером шрифта — не всегда хорошая идея? Ну, если честно, это значит: «Это мой сайт, и я буду делать то, что хочу». Люблю крупное письмо, его легче читать, особенно если его много.

    Возможно, вам пришло в голову, что вы могли бы изменить размер шрифта, просто поместив , бла-бла, больше бла и т. Д. На всей вашей веб-странице, никогда не используя . Это действительно работает для некоторых браузеров: самые первые веб-страницы, которые я создал, я делал именно так, потому что я не знал, что делаю.Но с большей вероятностью он будет выглядеть в браузере посетителя так, как вы планировали, если вы используете его так, как он был разработан для использования.

    Еще одна вещь, которую вы можете сделать с помощью тега , — это изменить цвет текста, как я только что сделал. Тег n > (обратите внимание на написание — «цвет» не работает), где n может быть несколько значений. Самый простой способ использовать его — ввести название цвета, так что делает текст синим, делает его зеленым и так далее.Кавычки являются необязательными, и он распознает названия наиболее распространенных цветов (если вы хотите использовать серый, пишите «серый»). Как и в случае с FONT SIZE, вы отключаете его простым .

    Если вы любите приключения, вы можете заменить n на #, за которым следует шестизначное шестнадцатеричное число (с основанием 16), что-то вроде этого (которое дает этот цвет). Все цвета на экране состоят из смеси красного, синего и зеленого: первые две цифры — это количество красного, следующие две — количество зеленого, а последние две — количество синего.(Некоторые цифры представляют собой буквы, а не цифры, потому что основание 16 требует больше цифр, чем основание 10, поэтому записывается 1 2 3 4 5 6 7 8 9 ABCDEF 10 11 12 и т. Д., Где «10» равно 16, «11» до 17 и так далее — держите пари, что вам жаль, что вы спросили). Это дает вам гораздо больший диапазон возможных цветов, но его нелегко использовать, если вы не знакомы с шестнадцатеричными числами. К счастью, любой полуприличный HTML-редактор позволит вам выбрать цвета шрифта из цветовой диаграммы и перевести их в шестнадцатеричный формат, и в любом случае вызов цветов по имени подходит для большинства целей.

    Что бы вы ни делали, не слишком увлекайтесь слишком частой сменой цвета. Маленький цвет имеет большое значение. Если подумать, то же самое относится и к изменениям размера.

    Вы можете объединить изменение размера и цвета в один тег : например,
    , который производит такой эффект. Преимущество объединения изменения цвета и размера в один тег заключается в том, что вы отключаете оба эффекта вместе с одним .

    Третий атрибут — это FACE, где вы меняете гарнитуру (часто называемую шрифтом , где тег получает свое имя), в котором браузер отображает текст. Например, чтобы изменить шрифт на Arial, вы можете ввести: . (Если в вашей системе есть шрифт Arial, который является одним из самых распространенных, последнее предложение должно было быть в нем). Однако в этом есть огромный недостаток. Если в системе посетителя нет шрифта, который так и называется, атрибут FACE будет проигнорирован, и, к сожалению, в каждой системе установлены совершенно разные шрифты.В результате почти никогда не работает так, как вы предполагали, поэтому в большинстве случаев вы можете не беспокоиться. Чтобы попытаться обойти это, вы можете указать список различных шрифтов, разделенных запятыми с атрибутом FACE, вместо одного, и он будет использовать первый, который найдет совпадение в системе посетителя. Если он вообще его найдет. Обычно это не стоит того.

    Вы можете объединить ЛИЦО, РАЗМЕР и ЦВЕТ в один тег , примерно так: , который в вашем браузере выглядит так.Если указанный вами шрифт недоступен, часть ЛИЦА игнорируется, но изменение цвета и размера все равно будет работать. Как и прежде, выключите все это одним .

    Кстати, имейте в виду, что каждый отключает только один тег (самый последний, который еще не был отключен), поэтому, если вы измените РАЗМЕР и ЦВЕТ некоторого текста двумя отдельные теги вместо того, чтобы объединять их в один, вам нужно поместить два отдельных тега , чтобы отключить оба эффекта.Иногда это может быть очень полезно, если вы хотите изменить цвет и размер текста независимо.

    Одна вещь, о которой я пока не упоминал, — это установка цвета фона вашей страницы. Вы делаете это, добавляя атрибут к тегу в начале страницы. Атрибут — BGCOLOR, и он использует ту же систему цветового кода, что и . Таким образом, с добавлением этого тега будет выглядеть примерно так:
    (например).

    (Или вы можете заменить «желтый» шестнадцатеричным кодом, точно таким же, как в атрибуте РАЗМЕР ШРИФТА).

    Другой атрибут, который вы можете добавить к , — это TEXT, который устанавливает цвет по умолчанию для любого текста, не окрашенного тегом .