Какие тэги задают размер. Основные теги HTML

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

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

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

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

Чтобы получить абзац со шрифтом 12pt , нужно задать ему свойство font-size :

h3 { font-size: 24px; }

Это изменит размер заголовков третьего уровня до 24 пикселей. Можно добавить это свойство к внешней таблице стилей, и это значение будут использовать все заголовки < h3>.

Чтобы применить к тексту дополнительные стили типографики, добавьте следующие CSS-правила :

h3 { font-size:24px; color: #000; font-weight:normal; }

Это не только установит размер шрифта для заголовков третьего уровня, но и сделает текст черным (о чем говорит hex-код #000 ), а также установит начертание в значение «normal ». По умолчанию, браузеры отображают заголовки h1-h6 в виде полужирного текста. Этот стиль переопределит значение по умолчанию и сделает шрифт нежирным.

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

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

Чтобы задать изображению размер в HTML , используйте тег с атрибутами height и width .

Например, изображение должно иметь размер 400 на 400 пикселей:

height="400" width="400" alt="image" />

Чтобы задать размеры изображения в CSS , используйте свойства height и width . Вот то же изображение, для определения размера которого используется CSS :

style="height:400px; width:400px;" alt="image" />

Чаще всего для основных блоков на странице задается ширина. Сначала нужно определиться с типом дизайна: статичный или адаптивный. Нужно решить, хотите ли вы задать ширину в абсолютных единицах измерения - пикселях, дюймах, точках? Или же размер блоков должен быть адаптивным, и для определения размеров должны использоваться em или проценты? Чтобы задать размеры основных блоков, как и в случае с HTML изображениями по размеру окна, нужно применять CSS-свойства height и width .

< FONT SIZE =… COLOR =... FACE =...> текст

SIZE - устанавливает размер шрифта , который будет использоваться текстом, содержащимся в пределах элемента FONT. Можно задать абсолютный размер шрифта, указав целое число от 1 до 7. Для шрифта можно также указывать относительный размер , присваивая атрибуту целое число со знаком (например, это может быть SIZE="+1" или SIZE="-2").

COLOR - указывает цвет , которым будет выделен данный фрагмент текста. Цвета задаются в виде RGB-значения с шестнадцатеричной нотацией, либо выбирается символьное значение одного из стандартных цветов.

FACE - задает гарнитуру шрифта , например FACE=ARIAL.

текст - телетайпный текст (моноширинный).

текст - стиль с наклонным шрифтом (курсив ).

текст - стиль с жирным шрифтом.

текст - стиль с подчеркиванием текста.

текст - печать текста шрифтом увеличенного размера (большего, чем окружающий текст).

текст - печать текста шрифтом уменьшенного размера (меньшего, чем окружающий текст).

текст - печать текста со сдвигом вниз (нижний индекс или подстрочный).

текст - печать текста со сдвигом вверх (верхний индекс или надстрочный).

текст или < S > … - стиль с перечеркиванием текста.

тег DD – задается описательная часть для элемента списка определений

тег DFN – текст, заключенный в теги форматируется как определение

тег DL – создание списка определений, содержащих теги < dt > и < dd >

тег DT – задается описательно-условная часть для элемента списка определений

тег EMBED – начальный и конечный теги, которые позволяют описать встраиваемый в документ объект. В зависимости от вида встраиваемого объекта могут, помимо указанных ниже, включаться дополнительные параметры

Атрибут

Функция

Указывается URLвстраиваемого объекта. Этот атрибут является необходимым

height=n

Указывается высота зоны, которую займет встроенный объект

name=имя

Указывается имя встраиваемого объекта

Указывается ширина зоны, которую займет встроенный объект

тег FONT – установка размера, цвета или гарнитуры заключенног в теги текста

Атрибут

Функция

Установка цвета заключенного в теги текста

face=список

Установка гарнитуры заключенного в теги текста (устанавливается первый из указанных в разделенном запятыми списке имен шрифтов)

size=значение

Установка размера базового шрифта. Диапазон – от 1 до 7

тег Hn – заключенный в теги текст представляет собой заголовок уровня n . Возможные значения n – от 1 до 6

Атрибут

Функция

align=тип

Указывается способ выравнивания заголовка: по левому краю (left, по умолчанию), по центру (center) или по правому краю (right)

тег HR – разрыв текущего текстового потока. В месте разрыва будет вставлена горизонтальная линейка

Атрибут

Функция

align=тип

Указывается способ выравнивания линейки: по левому краю (left), по центру (center, по умолчанию) или по правому краю (right)

Запрещается использование объемного затенения при отображении линейки

Установка толщины линейки равной целому числу пиксел

width=значение

тег I – заключенный в теги текст будет отображаться в курсивном начертании

тег IMG – в текущий текстовой поток вставляется изображение

Атрибут

Функция

alt=текст

Задается альтернативный текст для браузеров, не поддерживающих работу с изображениями

Border=n

Установка толщины (в пикселах) обрамления изображений, содержащихся в гиперссылках

Добавление функций управления воспроизведением встроенных виедоклипов (IE 2 и выше)

Dynsrc = url

Задается URL -адрес видеоклипа, подлежащего изображению ( IE 2 и выше)

Height=n

Задается высота изображения в пикселах

Hspace=n

Задается размещение слева и справа от изображения областей свободного пространства шириной по n пиксель

Указывается, что при использовании данного тега внутри тега изображение выбирается с помощью мыши

loop=значение

Установка числа повторов воспроизведения видео. Значение может быть целым или значениемinfinite (IE 2 и выше)

Lowsrc=url

Указывается изображением с низким разрешением, которое браузер должен загрузить первым. За ним следует изображением, заданное атрибутом (IE 2 и выше)

Указывается исходный URLизображения, подлежащего воспроизведению. Этот атрибут является необходимым

start=начало

Указывается, когда следует воспроизвести видеоклип (варианты: fileopenилиmouseover)

Usemap=url

Указывается чувствительная к перемещению мыши область изображения

Vspace=n

Задается размещение над и под изображением областей свободного пространства по nпиксель

Указывается ширина изображения в пикселах

тег KBD – заключенный в теги текст вводится посимвольно (как при наборе с клавиатуры)

тег LINK – в заголовке (< head>) документа определяется ссылка из данного документа на другой документ

Атрибут

Функция

href=url

methods=список

Задается список методов отображения для данной ссылки, зависящих от браузера (через запятую)

rel=связь

Определяется связь этого документа с целевым документом. Для InternetExplorer3.0rel=styleозначает существование внешней таблицы стилей

rev=связь

Определяется обратная связь целевого документа с данным

Указывается URLвнешней таблицы стилей, которая будет использоваться для форматирования документа (IE 2 и выше)

title=строка

Задается заголовок целевого документа

type=text/css

Для целевого документа указывается универсальное имя ресурса, не зависящее от его места нахождения

тег MAP – определяется чувствительная к перемещению мыши область изображения

Атрибут

Функция

name=строка

Задается имя данной области. Этот атрибут является необходимым

тег NOBR – в заключенном в теги тексте разрывы не допускаются

тег P – начальный и конечный теги абзаца

align=тип

Задается способ выравнивания текста в абзаце: по левому краю (left), центру (center) или по правому краю (right)

тег PLAINTEXT – указывается, что остальную часть документа следует отображать без обработки, как предварительно отформатированный текст

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

Браузер будет размещать текст так, чтобы в строке умещалось (если возможно) nсимволов

тег S

тег SAMP – заключенный в теги текст представляет собой шаблон

тег SMALL – заключенный в теги текст будет отображаться шрифтом меньшего размера

тег SPACER – вставить в документ разделитель (Только N 3)

type=тип

Указывается тип разделителя: vertical– между двумя строками текста помещается область пустого пространства указанного размера;horizontal– область пустого пространства указанного размера помещается между словами или символами;block– вставка прямоугольной области

Указывается (в пикселах) ширина разделителя типа horizontalили высота разделителя типаvertical

Указывается ширина разделителя типа block

height=n

Указывается высота разделителя типа block

align=значение

Указывается способ выравнивания разделителя blockотносительно окружающего текста.

тег SPAN – заключенный в теги текст будет форматироваться с использованием таблицы стилей (Только IE 3 и выше)

Атрибут

Функция

style=элементы

Для текста в заданном интервале задаются элементы таблицы стилей

тег STRIKE – заключенный в теги текст будет отображаться перечеркнутым горизонтальной линией

тег SUB – заключенный в теги текст будет отображаться как нижний индекс

тег SUP – заключенный в теги текст будет отображаться как верхний индекс

тег TT – заключенный в теги текст будет отображаться моноширинным шрифтом

тег VAR – заключенный в теги текст представляет собой имя переменной