HTML: Теги <big>/<small>

0 ∞
Содержание

Тег <big>

В этом разделе статьи мы расскажем, как использовать тег <big>, а также опишем его синтаксис и приведем практические примеры изменения размера текста в HTML.

Описание

Тег <big> делает текст на один размер шрифта больше.

Синтаксис

В HTML для тега <big> применяется следующий синтаксис:

<body>
<p>Это абзац, а  <big>здесь размещается больший текст</big></p>
</body>

Атрибуты

К тегу <big> применяются только глобальные атрибуты. Атрибутов, специфических для <big>, не существует.

Примечание

  • Элемент <big> должен находиться внутри тега <body>;
  • Тег <big> не может сделать текст больше максимального размера шрифта, используемого браузером;
  • Тег <big> является устаревшим. Вместо него для увеличения размер текста HTML используется CSS.

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

Тег <big> поддерживается в следующих браузерах:

  • Google Chrome;
  • Android;
  • Firefox (Gecko);
  • Firefox Mobile (Gecko);
  • Internet Explorer (IE);
  • IE Phone;
  • Opera;
  • Opera Mobile;
  • Safari (WebKit);
  • Safari Mobile.

Пример

Ниже мы на конкретных примерах рассмотрим, как изменить размер текста в HTML с помощью тега <big> в HTML 5, HTML 4.01 Transitional, XHTML 1.0 Transitional, XHTML 1.0 Strict и XHTML 1.1.

Как сделать красивый шрифт в html: размеры, цвета, теги шрифтов html

Документ HTML 5

Нельзя использовать тег <big> в HTML 5.

Документ HTML 4.01 Transitional

Если вы создали новую веб-страницу на основе HTML 4.01 Transitional, тег <big> может использоваться следующим образом:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HTML 4.01 Transitional Example by www.techonthenet.com</title>
</head>
<body>
<h1>Заголовок 1</h1>
<p>Это абзац, а  <big>здесь размещается больший текст</big></p>
</body>
</html>

Мы задали тег <big>, который окружает текст "здесь размещается больший текст". Размер этого текста HTML будет больше, чем текста "Это абзац, а ".

Документ XHTML 1.0 Transitional

Если вы создали новую веб-страницу на основе XHTML 1.0 Transitional, тег <big> может использоваться следующим образом:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>XHMTL 1.0 Transitional Example by www.techonthenet.com</title>
</head>

<body>
<h1>Заголовок 1</h1>
<p>Это абзац, а  <big>здесь размещается больший текст</big></p>
</body>
</html>

В этом примере мы задали тег <big>, который окружает текст "здесь размещается больший текст". Он будет отображаться шрифтом на один размер больше, чем текст "Это абзац, а ".

Документ XHTML 1.0 Strict

Как увеличить размер текста в HTML на основе XHTML 1.0 Strict с помощью тега <big>:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>XHTML 1.0 Strict Example by www.techonthenet.com</title>
</head>
<body>
<h1>Заголовок 1</h1>
<p>Это абзац, а  <big>здесь размещается больший текст</big></p>
</body>
</html>
Хорошо ли вы знаете HTML-теги <meta>?

Тег <big> окружает текст "здесь размещается больший текст". Он будет отображаться шрифтом на один размер больше, чем текст "Это абзац, а ".

Документ XHTML 1.1

Использование тега в XHTML 1.1:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>XHTML 1.1 Example by www.techonthenet.com</title>
</head>
<body>
<h1>Заголовок 1</h1>
<p>Это абзац, а  <big>здесь размещается больший текст</big></p>
</body>
</html>

Тег <small>

В этом разделе статьи мы расскажем, как использовать HTML тег <small>. А также опишем его синтаксис и приведем практические примеры, как задать размер текста в HTML.

Описание

<small> делает текст в HTML-документе на один размер шрифта меньше.

Синтаксис

В HTML для тега <small> применяется следующий синтаксис:

<body>
<p>Это абзац, а <small>здесь размещается меньший текст</small></p>
</body>

Атрибуты

К тегу <small> применяются только глобальные атрибуты. Атрибутов, специфических для <small>, не существует.

Примечания

  • Элемент HTML <small> должен находиться внутри тега <body>;
  • Тег <small> не может сделать текст меньше, чем минимальный размер, используемый в браузере.

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

Тег <small> можно использовать для изменения размера текста в HTML в следующих браузерах:

  • Google Chrome;
  • Android;
  • Firefox (Gecko);
  • Firefox Mobile (Gecko);
  • Internet Explorer (IE);
  • IE Phone;
  • Opera;
  • Opera Mobile;
  • Safari (WebKit);
  • Safari Mobile.
Основы работы с цветом в html, таблица и коды цветов html

Пример

Ниже мы на конкретных примерах рассмотрим, как задать размер текста в HTML и использовать тег <small> в HTML 5, HTML 4.01 Transitional, XHTML 1.0 Transitional, XHTML 1.0 Strict и XHTML 1.1.

Документ HTML 5

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML 5 Example by www.techonthenet.com</title>
</head>
<body>
<h1>Заголовок 1</h1>
<p>Это абзац, а <small>здесь размещается меньший текст</small></p>
</body>
</html>

В этом примере документа HTML 5 мы задали тег <small>, который окружает текст "здесь размещается меньший текст". Этот текст будет отображаться на один размер шрифта меньше, чем текст "Это абзац, а ".

Документ HTML 4.01 Transitional

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HTML 4.01 Transitional Example by www.techonthenet.com</title>
</head>
<body>
<h1>Заголовок 1</h1>
<p>Это абзац, а <small>здесь размещается меньший текст</small></p>
</body>
</html>

Тег <small> окружает текст "здесь размещается меньший текст". Размер этого текста HTML будет меньше, чем текст "Это абзац, а ".

Документ XHTML 1.0 Transitional

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>XHMTL 1.0 Transitional Example by www.techonthenet.com</title>
</head>
<body>
<h1>Заголовок 1</h1>
<p>Это абзац, а <small>здесь размещается меньший текст</small></p>
</body>
</html>

Документ XHTML 1.0 Strict

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>XHTML 1.0 Strict Example by www.techonthenet.com</title>
</head>
<body>
<h1>Заголовок 1</h1>
<p>Это абзац, а <small>здесь размещается меньший текст</small></p>
</body>
</html>

Документ XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>XHTML 1.1 Example by www.techonthenet.com</title>
</head>
<body>
<h1>Заголовок 1</h1>
<p>Это абзац, а <small>здесь размещается меньший текст</small></p>
</html>

В этом примере документа XHTML 1.1 для изменения размера текста HTML мы использовали тег <small>. Он окружает текст "здесь размещается меньший текст", который будет отображаться на один размер шрифта меньше, чем текст "Это абзац, а".

Перевод статей «HTML big tag» «HTML small tag» был подготовлен дружной командой проекта Сайтостроение от А до Я.