Технологии

P (тег в HTML)

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

Является блочным элементом, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой отбивкой. Величиной отбивки можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего блочного элемента.

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

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

OUTPUT (тег в HTML)

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

Для отображения результатов вычислений или действий пользователя на веб-странице. Обычно он используется в сочетании с формой и JavaScript для выполнения вычислений и отображения результатов на странице.

Атрибуты:

1. for - идентификаторы одного или нескольких элементов, с которыми связан элемент <output>.
2. form - идентификатор формы, к которой принадлежит элемент <output>.
3. name - имя элемента <output>.

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

<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
  <input type="number" id="a" value="0"> +
  <input type="number" id="b" value="0"> =
  <output name="result" for="a b"></output>
</form>

OPTION (тег в HTML)

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

Определяет отдельные пункты списка, создаваемого с помощью контейнера <select>. Ширина списка определяется самым широким текстом, указанным в теге <option>, а также может изменяться с помощью стилей.

Атрибуты:

1. disabled - Заблокировать для доступа элемент списка.
2. label - Указание метки пункта списка.
3. selected - Заранее устанавливает определенный пункт списка выделенным.
4. value - Значение пункта списка, которое будет отправлено на сервер или прочитано с помощью скриптов.

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

<select>
  <option>Пункт 1</option>
  <option>Пункт 2</option>
</select>

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>