Блог

OPTGROUP (тег в HTML)

Что такое optgroup в html:

Используется для группировки элементов внутри тега <select>. Он создаёт категории или разделы в выпадающем списке, чтобы упростить навигацию пользователям.

Атрибуты:

1. disabled - Блокирует доступ к группе списка.
2. label - Текст, который будет входить в список в виде заголовка группы.

Как прописать optgroup в html:

<select>
 <optgroup label="...">
  <option>...</option>
 </optgroup>
</select>

OL (тег в HTML)

Что такое ol в html:

Устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега <li>. Если к тегу <ol> применяется таблица стилей, то элементы <li> наследуют эти свойства.

Атрибуты:

1. type - Устанавливает вид маркера списка.
2. reversed - Нумерация в списке становится по убыванию (3,2,1).
3. start - Задаёт число, с которого будет начинаться нумерованный список.

Как прописать ol в html:

<ol>
  <li>элемент нумерованного списка</li>
  <li>элемент нумерованного списка</li>
</ol>

OBJECT (тег в HTML)

Что такое object в html:

Используется для вставки на страницу какого-то содержимого, например, видео с YouTube, PDF-файлов, Google Maps или других элементов. Этот тег может использоваться вместо устаревших <embed> и <applet>.

Атрибуты:

1. data - URL или относительный путь к объекту.
2. type - MIME-тип объекта.
3. name - имя объекта.
4. usemap - URL карты изображения.
5. width - ширина объекта.
6. height - высота объекта.

Как прописать object в html:

<object data="movie.mp4" width="400" height="300"></object>
<object data="music.mp3" width="200" height="50"></object>
<object data="document.pdf" width="500" height="600"></object>

NOSCRIPT (тег в HTML)

Что такое noscript в html:

Показывает свое содержимое, если браузер не поддерживает работу со скриптами или их поддержка отключена пользователем.

Как прописать noscript в html:

<noscript>Текст</noscript>

NOFRAMES (тег в HTML)

Что такое noframes в html:

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

Как прописать noframes в html:

<frameset cols="25%,*,25%">
  <frame src="menu.html">
  <frame src="main.html">
  <frame src="ads.html">
  <noframes>
    <p>Ваш браузер не поддерживает фреймы</p>
  </noframes>
</frameset>

NOEMBED (тег в HTML)

Что такое noembed в html:

Предназначен для отображения информации на веб-странице, если браузер не поддерживает работу с плагинами. Во всех остальных случаях содержимое контейнера <noembed> будет проигнорировано.

Как прописать noembed в html:

<noembed>Текст</noembed>

NOBR (тег в HTML)

Что такое nobr в html:

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

Как прописать nobr в html:

<nobr>Текст</nobr>

NAV (тег в HTML)

Что такое nav в html:

Создаёт навигацию между страницами или разделами сайта.

Как прописать nav в html:

<nav>
  <ul>
    <li><a href='#'>Главная</a></li>
    <li><a href='#'>О компании</a></li>
    <li><a href='#'>Услуги</a></li>
    <li><a href='#'>Контакты</a></li>
  </ul>
</nav>

MULTICOL (тег в HTML)

Что такое multicol в html:

Задает количество колонок, ширину и расстояние между колонками в многоколоночном тексте.

Атрибуты:

1. cols - Количество колонок. Обязательный атрибут.
2. gutter - Расстоянием между колонками в пикселах.
3. width - Определяет общую ширину колонок включая пространство между ними. Это значение может быть задано в пикселах или процентах.

Как прописать multicol в html:

<multicol cols="<число>">Текст</multicol>

METER (тег в HTML)

Что такое meter в html:

Используется для наглядного отображения числовых данных — например, надёжности пароля, уровня зарядки или громкости звука.

Атрибуты:

1. value - значение на шкале измерений. Обязательный атрибут, значение должно находиться между min и max
2. min - минимальное значение.
3. max - максимальное значение.
4. low - нижнее пороговое значение.
5. high - верхнее пороговое значение.
6. optimum - оптимальное пороговое значение.

Как прописать meter в html:

<meter value="75" min="0" max="100">75%</meter>

META (тег в HTML)

Что такое meta в html:

Содержит метаданные о документе HTML. Он может включать такую информацию, как имя автора, название документа.

Атрибуты:

1. charset - кодировка символов в документе.
2. name - имя метаданных.
3. content - значение метаданных.
4. http-equiv - HTTP-заголовок для значения атрибута content.

Как прописать meta в html:

<head>
  <meta charset="UTF-8">
  <meta name="description" content="Это описание веб-страницы">
  <meta name="keywords" content="HTML, CSS, JavaScript">
  <meta name="author" content="Иван Иванов">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

MENU (тег в HTML)

Что такое menu в html:

Используется для создания меню на странице.

Как прописать menu в html:

<menu>
  <li><a href='profile.html'>Мой профиль</a></li>
  <li><a href='settings.html'>Настройки</a></li>
  <li><a href='#'>Выход</a></li>
</menu>

MARQUEE (тег в HTML)

Что такое marquee в html:

Создает бегущую строку на странице. На самом деле содержимое контейнера <marquee> не ограничивается строками и позволяет перемещать (скролировать) любые элементы веб-страницы — изображения, текст, таблицы, элементы форм.

Атрибуты:

1. behavior - Задает тип движения содержимого контейнера <marquee>.
2. bgcolor - Цвет фона.
3. direction - Указывает направление движения содержимого контейнера <marquee>.
4. height - Высота области прокрутки.
5. hspace - Горизонтальные поля вокруг контента.
6. loop - Задает, сколько раз будет прокручиваться содержимое.
7. scrollamount - Скорость движения контента.
8. scrolldelay - Величина задержки в миллисекундах между движениями.
9. truespeed - Отменяет встроенный ограничитель скорости при низких значениях атрибута scrolldelay.
10. vspace - Вертикальные поля вокруг содержимого.
11. width - Ширина области прокрутки.

Как прописать marquee в html:

<marquee>...</marquee>

MARK (тег в HTML)

Что такое mark в html:

Используется для выделения или разметки текста, указания ошибок в словах или выделения ключевых слов.

Как прописать mark в html:

<p>Спецификация <mark>HTML</mark> определяет структуру и расположение веб-страницы.</p>

MAP (тег в HTML)

Что такое map в html:

Используется для создания карты изображений. Карта — это изображение с кликабельными областями, которые могут быть связаны, например, с другой веб-страницей или определённой частью той же самой страницы.

Как прописать map в html:

<map name="map_name">
  <area shape="rect" coords="x1,y1,x2,y2" href="url">
  <area shape="circle" coords="x,y,r" href="url">
  <area shape="poly" coords="x1,y1,x2,y2,...,xn,yn" href="url">
</map>

MAIN (тег в HTML)

Что такое main в html:

Содержит основной контент страницы.

Как прописать main в html:

<main>
<h1>Мой кулинарный блог</h1>
  <article>
    <h2>Первая запись моего блога</h2>
    <p>Сегодня мы с вами будем готовить картофель и ...</p>
  </article>
</main>

LISTING (тег в HTML)

Что такое listing в html:

Предназначен для вывода листинга программ или кода. Отображает содержимое моноширинным шрифтом уменьшенного размера.

Как прописать listing в html:

<listing>Текст</listing>

LINK (тег в HTML)

Что такое link в html:

Устанавливает связь между документом и внешним ресурсом, например, таблицей стилей.

Атрибуты:

1. href - адрес гиперссылки.
2. rel - указывает связь между текущим документом и связанным ресурсом.
3. as - тип ресурса, на который вы ссылаетесь.
4. type - MIME-тип связанного ресурса.
5. media - медиазапрос, для которого предназначен связанный ресурс.
6. sizes - размер иконок в ссылке rel="icon".
7. integrity - ожидаемое криптографическое хеш-значение связанного ресурса.
8. crossorigin - как элемент будет обрабатывать CORS-запросы.

Как прописать link в html:

<link rel="stylesheet" type="text/css" href="styles.css">

LI (тег в HTML)

Что такое li в html:

Используется для создания элементов списка. Тег может быть вложен в элемент маркированного списка — <ul>, нумерованного списка — <ol> или меню — <menu>.

Как прописать li в html:

<ul>
  <li>Покупки в магазине</li>
  <li>Помыть дом</li>
  <li>Погулять</li>
</ul>

LEGEND (тег в HTML)

Что такое legend в html:

Cоздаёт заголовок для элементов формы. Этот тег всегда находится внутри <fieldset>.

Как прописать legend в html:

<fieldset>
  <legend>Выбор питомца</legend>
  <label>
    <input type='radio' name='animal' value='dog'> Собака
  </label>
  <label>
    <input type='radio' name='animal' value='cat'> Кошка
  </label>
</fieldset>