Материалы


H6 (тег в HTML)

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

Определяет заголовок шестого уровня. Это самый маленький заголовок на странице.

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

<h6>Я — очень маленький заголовок</h6>

H5 (тег в HTML)

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

Должен идти после заголовка четвёртого уровня — <h4>. Важно использовать заголовки в порядке их уровня важности (<h1>, <h2>, <h3> и так далее), чтобы пользователям со скринридером было удобно перемещаться по странице.

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

<h5>1.4.3.9.4 Важно знать</h5>
<p>Этот продукт не рекомендуется людям с аллергией на молочные продукты.</p>

H4 (тег в HTML)

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

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

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

<section>
  <h4>О нас</h4>
  <p>Мы являемся ведущими производителями...</p>
</section>

H3 (тег в HTML)

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

Используется для создания заголовка третьего уровня. Это один из шести заголовков, которые можно использовать в HTML для разметки текста: от <h1> до <h6>. Каждый последующий заголовок, начиная с <h1>, представляет собой заголовок более низкого уровня, чем предыдущий.

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

<section>
  <h3>Как погладить кошку</h3>
  <p>Позовите кошку. Если она настроена дружелюбно, погладьте её. Если кошка перевернулась на спину, почешите ей животик.</p>
</section>

H2 (тег в HTML)

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

Используется для создания заголовка второго уровня. Это более мелкий заголовок, чем <h1>, он подходит для названия раздела или подраздела на странице.

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

<h2>Свежие новости</h2>
<ul>
  <li>Люди построили очередную колонию на Марсе</li>
  <li>Океан очистистили от пластика</li>
  <li>Голода больше нет</li>
</ul>

H1 (тег в HTML)

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

Задаёт самый важный заголовок на странице.

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

<header>
  <h1>Мой сайт</h1>
  <nav>
    <ul>
      <li><a href='#'>Главная</a></li>
      <li><a href='#'>О нас</a></li>
      <li><a href='#'>Контакты</a></li>
    </ul>
  </nav>
</header>

FRAMESET (тег в HTML)

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

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

Атрибуты:

  1. cols - ширина и количество колонок фреймов внутри <frameset>. Например, cols="25%, 75%" создаст две колонки с шириной 25% и 75% соответственно.
  2. rows - высота и количество строк фреймов внутри <frameset>.
  3. border - толщина рамки вокруг фреймов.
  4. framespacing - расстояние между фреймами.
  5. frameborder - наличие границ вокруг каждого фрейма.
  6. name - имя <frameset>.

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

<frameset cols="25%,75%">
  <frame src="menu.html">
  <frame src="content.html">
</frameset>

FRAME (тег в HTML)

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

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

Атрибуты:

  1. src - адрес документа, который будет загружен в фрейме
  2. name - имя фрейма, которое используется для ссылки на него из других фреймов или извне
  3. noresize - запрещает изменение размеров фрейма пользователем
  4. scrolling - определяет, будут ли отображаться полосы прокрутки внутри фрейма.
  5. marginwidth - определяет ширину полей вокруг содержимого фрейма
  6. marginheight - определяет высоту полей вокруг содержимого фрейма
  7. frameborder - определяет наличие границы вокруг фрейма.
  8. longdesc - указывает длинное описание содержимого фрейма
  9. scrolling - определяет, должна ли загружаться страница заново каждый раз, когда фрейм получает фокус.

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

<frameset>
  <frame src="frame1.html">
  <frame src="frame2.html">
</frameset>

FORM (тег в HTML)

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

Формы нужны для того, чтобы отправлять данные с веб-страницы на веб-сервер, который сможет эти данные обработать: зарегистрировать пользователя, создать сообщение на форуме, отправить письмо и так далее. В общем, формы в вебе просто необходимы.

Атрибуты:

  1. accept-charset - Устанавливает кодировку, в которой сервер может принимать и обрабатывать данные.
  2. action - Адрес программы или документа, который обрабатывает данные формы.
  3. autocomplete - Включает автозаполнение полей формы.
  4. enctype - Способ кодирования данных формы.
  5. method - Метод протокола HTTP.
  6. name - Имя формы.
  7. novalidate - Отменяет встроенную проверку данных формы на корректность ввода.
  8. target - Имя окна или фрейма, куда обработчик будет загружать возвращаемый результат.

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

<form action="URL">
  ...
</form>

FOOTER (тег в HTML)

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

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

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

<footer>
  <nav>
    <ul>
      <li><a href='#'>О нас</a></li>
      <li><a href='#'>Контакты</a></li>
      <li><a href='#'>Правила</a></li>
    </ul>
  </nav>
  <p>Телефон: ............</p>
  <p>Email: ..............</p>
</footer>

FONT (тег в HTML)

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

Представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура. Хотя этот тег до сих пор поддерживается всеми браузерами, он считается устаревшим и от его использования рекомендуется отказаться в пользу стилей.

Атрибуты:

  1. font-family - устанавливает семейство шрифтов.
  2. font-style - задаёт стиль шрифта.
  3. font-variant - определяет вариант шрифта.
  4. font-weight - задаёт жирность шрифта.
  5. font-size - указывает размер шрифта.
  6. line-height - задаёт высоту строки.

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


<font color="red" face="Courier" size="18">Test</font>

FIGURE (тег в HTML)

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

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

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

<figure>
  <img src="path/to/image.jpg" alt="Описание изображения">
  <figcaption>Подпись к изображению</figcaption>
</figure>

Примеры использования

Показ изображения с подписью:

<figure>
  <img src="path/to/image.jpg" alt="Описание изображения">
  <figcaption>Подпись к изображению</figcaption>
</figure>

Вставка видео с описанием:

<figure>
  <video src="path/to/video.mp4" controls></video>
  <figcaption>Подпись к видео</figcaption>
</figure>

Отображение графиков и диаграмм:

<figure>
  <svg>
    ...
  </svg>
  <figcaption>Подпись к графику/диаграмме</figcaption>
</figure>

Показ кода с пояснением:

<figure>
  <pre>
    <code>
      // Код на языке JavaScript
      function sayHello() {
        console.log("Hello, World!");
      }
    </code>
  </pre>
  <figcaption>Код на JavaScript</figcaption>
</figure>

Группировка картинок в галерею:

<figure>
  <img src="path/to/image1.jpg" alt="Описание изображения 1">
  <figcaption>Подпись к изображению 1</figcaption>
</figure>
<figure>
  <img src="path/to/image2.jpg" alt="Описание изображения 2">
  <figcaption>Подпись к изображению 2</figcaption>
</figure>

FIGCAPTION (тег в HTML)

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

Используется для добавления подписи к элементу <figure>. Обычно он размещается после других медиа-элементов, например, после <img>, и содержит описание либо название изображения или другого контента, находящегося внутри <figure>.

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

<figure>
  <img src="image.jpg" alt="Image">
  <figcaption>Описание изображения</figcaption>
</figure>

FIELDSET (тег в HTML)

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

Используется для группировки элементов формы в логически связанные блоки. Это позволяет разделить форму на более понятные и логические части, что упрощает её использование для пользователей.
Кроме того, <fieldset> используется вместе с тегом <legend>, который позволяет добавить заголовок для каждого блока.

Атрибуты:

  1. disabled - указывает, что группа элементов формы должна быть отключена.
  2. form - указывает форму, к которой относится группа элементов формы.
  3. name - задает имя группы элементов формы.

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

<fieldset>
  <legend>Заголовок блока</legend>
    <label for='username'>Имя пользователя:</label>
  <input type='text' id='username' name='username'><br>
</fieldset>

EMBED (тег в HTML)

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

Позволял встраивать веб-страницу внешние приложения, такие как аудио, видео, анимацию, PDF-файлы, и многое другое.

Атрибуты:

  1. src - URL-адрес файла, который должен быть встроен;
  2. type - MIME-тип файла, который нужно встроить;
  3. width - ширина встроенного объекта;
  4. height - высота встроенного объекта.

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

<embed src="url" type="mime/type" />

Вместо тега <embed> рекомендуется использовать теги <object> или <iframe>.

<object> - если нужна поддержка альтернативного контента;
<iframe> - если нужна поддержка масштабирования и прокрутки.

EM (тег в HTML)

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

Предназначен для акцентирования текста. Браузеры отображают такой текст курсивным начертанием.

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

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

DIV (тег в HTML)

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

Определяет раздел или секцию в HTML-документе. Это контейнер, который используется для группировки других элементов, таких как текст, изображения или другие теги, в разделы или блоки.

Атрибуты:

  1. align - Задает выравнивание содержимого тега <div>.
  2. title - Добавляет всплывающую подсказку к содержимому.

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

<div class="section">
  <h2>Заголовок секции</h2>
  <p>Какое-нибудь содержимое секции</p>
</div>

DT (тег в HTML)

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

Входит в тройку элементов <dl>, <dt>, <dd>, предназначенных для создания списка определений. Каждый такой список начинается с контейнера <dl>, куда входит тег <dt> создающий термин и тег <dd> задающий определение этого термина. Закрывающий тег </dt> не обязателен, поскольку следующий тег сообщает о завершении предыдущего элемента. Тем не менее, хорошим стилем является закрывать все теги.

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

<dl>
  <dt>Термин 1</dt>
   <dd>Определение термина 1</dd>
  <dt>Термин 2</dt>
   <dd>Определение термина 2</dd>
</dl>

DL (тег в HTML)

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

Входит в тройку элементов <dl>, <dt>, <dd>, предназначенных для создания списка определений. Каждый такой список начинается с контейнера <dl>, куда входит тег <dt> создающий термин и тег <dd> задающий определение этого термина.

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

<dl>
  <dt>Термин 1</dt>
   <dd>Определение термина 1</dd>
  <dt>Термин 2</dt>
   <dd>Определение термина 2</dd>
</dl>

DIR (тег в HTML)

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

Тег <dir> создает список, содержащий названия директорий (системные папки). Аналогично тегам <ol> и <ul> внутри контейнера <dir> список формируется с помощью тегов <li>.
Тег <dir> вышел из употребления, вместо него рекомендуется использовать тег <ul>.

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

<dir>
  <li>имя директории</li>
  <li>имя директории</li>
</dir>


Материалы 81 - 100 из 156
Начало | Пред. | 3 4 5 6 7 | След. | Конец