↑ HTML5, Быстрый старт | ||||
Урок - Выделение текста - физические и логические стили. | ||||
← Предыдущий урок Урок - Структура HTML-документа.
|
Следующий урок → Урок - Форматирование текста.
|
HTML 5 существует два подхода к изменению стиля:
- физические стили
- логические стили
Физические стили.
К физическим стилям относятся теги влияющие на отображение текста. Например тег <strong> указывает браузеру отобразить текст жирным шрифтом.
Ниже список тегов физически влияющие на отображение текста:
- <b></b> - указывает сделать текст жирным.
- <em></em> - указывает сделать текст курсивом (наклонный).
- <i></i> - указывает сделать текст курсивом (наклонный).
- <s></s> - указывает сделать текст перечеркнутым.
- <strike></strike> - указывает сделать текст перечеркнутым.
- <strong></strong> - указывает сделать текст жирным.
- <tt></tt> - указывает сделать текст моноширным.
- <u></u> - указывает сделать текст подчеркнутым.
- <big></big> - указывает сделать текст крупнее.
- <small></small> - указывает сделать текст мельче.
Логические стили.
Логические стили используются для выделения текста с определенной смысловой нагрузкой. Различные браузеры отображают эти элементы, по умолчанию, по разному.
Ниже приведен список логических тегов и их описание:
- <dfn> - служит для описания определений (это определение);
- <em> - служит для выделения текста (это выделенное слово);
- <cite> - служит для выделения цитат (это цитата);
- <code> - служит для выделения программных кодов, текстов программ и т.п. Обычно выделяется шрифтом фиксированной ширины (это
текст программы
); - <kbd> - используется для ввода с клавиатуры пользователя (Введите password );
- <samp> - используется для вывода машинных сообщений (Segmentation fault: core dumped);
- <strong> - служит для особого выделения текста, обычно выделяется жирным текстом (это очень важный текст);
- <var> - используется для символьных переменных (это переменная);
- <abbr> - используется для аббревиатур (СНГ, КПСС, WWW);
- <acronym> - используется для сокращений (стр., англ.).
Элементы <abbr> и <acronym> могут содержать атрибут title, описывающий расшифровку аббревиатуры или сокращения, например:
<abbr title="Hello, World!">HW</abbr>
↑ HTML5, Быстрый старт | ||||
Урок - Выделение текста - физические и логические стили. | ||||
← Предыдущий урок Урок - Структура HTML-документа.
|
Следующий урок → Урок - Форматирование текста.
|