Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Создать
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Глобальный атрибут class



Пример

Использование атрибута class в документ HTML:

<html>
<head>
<style>
h1.intro {
    color: blue;
}

p.important {
    color: green;
}
</style>
</head>
<body>

<h1 class="intro">Заголовок 1</h1>
<p>Параграф.</p>
<p class="important">Обратите внимание, что это важный пункт. :)</p>

</body>
</html>
Попробуйте сами »

Больше примеров "Попробуйте сами" ниже.



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

Глобальный атрибут class указывает одно или несколько имен классов для элемента.

Глобальный атрибут class в основном используется для указания класса в таблице стилей. Однако он также может использоваться JavaScript (через DOM HTML) для внесения изменений в элементы HTML с указанным классом.


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

Атрибут
class Да Да Да Да Да

Синтаксис class

<element class="classname">

Значение атрибута class

Значение Описание
classname Задает одно или несколько имен классов элементу. Чтобы указать несколько классов, разделите имена классов пробелом, например <span class="left important">. Это позволяет объединить несколько классов CSS для одного элемента HTML.

Правила наименования:

  • Должно начинаться с буквы A-Z или a-z
  • Может сопровождаться: Литералы (A-Za-z), десятичные знаки (0-9), дефисы ("-"), и подчеркивание ("_")

Больше Примеров class

Пример

Добавление нескольких классов к одному элементу HTML:

<!DOCTYPE html>
<html>
<head>
<style>
h1.intro {
    color: blue;
    text-align: center;
}

.important {
    background-color: yellow;
}
</style>
</head>
<body>

<h1 class="intro important">Заголовок 1</h1>
<p>Параграф.</p>

</body>
</html>
Попробуйте сами »

Связанные страницы class

Учебник HTML: Атрибуты HTML

Учебник CSS: Синтаксис CSS

Справочник CSS: Селектор CSS .class

Справочник DOM HTML: Метод DOM getElementsByClassName() HTML

Справочник DOM HTML: Свойство DOM className HTML

Справочник DOM HTML: Свойство DOM classListHTML

Справочник DOM HTML: Объект DOM Style HTML