Логотип 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 Тег <hr>



Пример

Используйте тег <hr> для определения тематических изменений в содержании:

<h1>Основные языки Web</h1>

<p> HTML - стандартный язык разметки для создания веб страниц. HTML описывает структуру веб страницы и состоит из ряда элементов. HTML элементы сообщают браузеру, как отображать содержимое.</p>

<hr>

<p>CSS - язык, который описывает, как HTML элементы должны отображаться на экране, бумаге или на других носителях. CSS экономит много работы, потому что он может управлять макетом нескольких веб страниц одновременно.</p>

<hr>

<p>JavaScript - это язык программирования HTML и Web. JavaScript может изменять содержимое HTML и значения атрибутов. JavaScript может изменить CSS. JavaScript может скрывать и показывать HTML элементы и многое другое.</p>
Попробуйте сами »


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

Тег <hr> определяет тематический разрыв в HTML странице (например, смена темы).

Тег <hr> чаще всего отображается в виде горизонтального правила, которое используется для разделения содержимого (или определения изменения) на HTML странице.


Поддержка браузеров <hr>

Элемент
<hr> Да Да Да Да Да

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

Тег <hr> также поддерживает Глобальные атрибуты в HTML.


Событие атрибутов <hr>

Тег <hr> также поддерживает Событие атрибутов в HTML.


Еще примеры <hr>

Пример

Выровнить элемент <hr> (с помощью CSS):

<hr style="width:50%;text-align:left;margin-left:0">
Попробуйте сами »
Пример

Раскрасить элемент <hr> (с помощью CSS):

<hr style="height:2px;border-width:0;color:gray;background-color:gray">
Попробуйте сами »
Пример

Установите высоту элемента <hr> (с помощью CSS):

<hr style="height:30px">
Попробуйте сами »
Пример

Установите ширину элемента <hr> (с помощью CSS):

<hr style="width:50%">
Попробуйте сами »

Связные страницы <hr>

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


Настройки CSS по умолчанию <hr>

Большинство браузеров будет отображать элемент <hr> со следующими значениями по умолчанию:

Пример
hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
}
Попробуйте сами »