середа, 24 січня 2018 р.

Список основних тегів мови HTML


Тег
Опис
<!--...-->
Використовується для додавання коментарів.
<!DOCTYPE>
Оголошує тип документа і надає основну інформацію для браузера - його мову і версію.
<a>
Створює гіпертекстові посилання.
<abbr>
Визначає текст як абревіатуру або акронім. Пояснювальний текст задається за допомогою атрибута title.
<address>
Задає контактні дані автора / власника документа або статті. Відображається в браузері курсивом.
<area>
Являє собою гіперпосилання з текстом, що відповідає певній області на карті-зображенні або активну область всередині карти-зображення. Завжди вкладений всередину тега <map>.
<article>
Розділ контенту, який утворює незалежну частину документа або сайту, наприклад, стаття в журналі, запис в блозі, коментар.
<aside>
Являє контент сторінки, який має непряме відношення до основного контенту сторінки / сайту.
<audio>
Завантажує звуковий контент на веб-сторінку.
<b>
Задає напівжирний шрифт уривка тексту, не надаючи акцент або на важливості виділеного.
<base>
Задає базову адресу (URL), щодо якої обчислюються всі відносні адреси. Це допоможе уникнути проблем при перенесенні сторінки в інше місце, так як всі посилання будуть працювати, як і раніше.
<bdi>
Ізолює уривок тексту, написаний на мові, в якому читання тексту відбувається справа наліво, від решти тексту.
<bdo>
Відображає текст в напрямку, зазначеному в атрибуті dir, перевизначаючи поточний напрямок написання тексту.
<blockquote>
Виділяє текст як цитату, застосовується для опису великих цитат.
<body>
Являє тіло документа (вміст, що не відноситься до метаданих документа).
<br>
Перенесення тексту на новий рядок.
<button>
Створює інтерактивну кнопку. Всередину тега можна помістити вміст - текст або зображення.
<canvas>
Полотно-контейнер для динамічного відображення зображень, таких як прості зображення, діаграми, графіки і т.п. Для малювання використовується скриптова мова JavaScript.
<caption>
Додає підпис до таблиці. Вставляється відразу після тега <table>.
<cite>
Використовується для вказівки джерела цитування. Відображається курсивом.
<code>
Являє фрагмент програмного коду, відображається шрифтом сімейства monospace
<col>
Вибирає для форматування один або декілька стовпців таблиці, які містять інформацію одного типу.
<colgroup>
Створює структурну групу стовпців, що виділяє безліч логічно однорідних осередків.
<datalist>
Елемент-контейнер для списку елемента <input>. Варіанти значень поміщаються в елементи <option>.
<dd>
Використовується для опису терміна з тега <dt>.
<del>
Позначає текст як віддалений, перекреслюючи його.
<details>
Створює інтерактивний віджет, який користувач може відкрити або закрити. Являє собою контейнер для контенту, видимий заголовок віджета поміщається в тег <summary>.
<dfn>
Визначає слово як термін, виділяючи його курсивом. Текст, що йде слідом, повинен містити пояснення цього терміна.
<div>
Тег-контейнер для розділів HTML-документа. Використовується для угруповання блокових елементів з метою форматування стилями.
<dl>
Тег-контейнер, Всередині якого знаходяться термін і його опис.
<dt>
Використовується для завдання терміна.
<em>
Виділяє важливі фрагменти тексту, відображаючи їх курсивом.
<embed>
Тег-контейнер для вбудовування зовнішнього інтерактивного контенту або плагіна.
<fieldset>
Групує пов'язані елементи в формі, малюючи рамку навколо них.
<figcaption>
Тема / підпис для елемента <figure>.
<figure>
Самодостатній тег-контейнер для такого контенту як ілюстрації, діаграми, фотографії, приклади коду, зазвичай з підписом.
<footer>
Визначає завершальну область (нижній колонтитул) документа або розділу.
<form>
Форма для збору і відправки на сервер інформації від користувачів. Чи не працює без атрибута action.
<h1-h6>
Створюють заголовки шести рівнів для пов'язаних з ними розділів.
<head>
Елемент-контейнер для метаданих HTML-документа, таких як <title>, <meta>, <script>, <link>, <style>.
<header>
Секція для вступної інформації сайту або групи навігаційних посилань. Може містити один або кілька заголовків, логотип, інформацію про автора.
<hr>
Горизонтальна лінія для тематичного поділу параграфів.
<html>
Кореневий елемент HTML-документа. Повідомляє браузеру, що це HTML-документ. Є контейнером для всіх інших html-елементів.
<i>
Виділяє уривок тексту курсивом, не надаючи йому додатковий акцент.
<iframe>
Створює вбудований фрейм, завантажуючи в поточний HTML-документ інший документ.
<img>
Вбудовує зображення в HTML-документ за допомогою атрибута src, значенням якого є адреса вбудованого зображення.
<input>
Створює багатофункціональні поля форми, в які користувач може вводити дані.
<ins>
Виділяє текст підкресленням. Застосовується для виділення змін, що вносяться до документа.
<kbd>
Виділяє текст, який повинен бути введений користувачем з клавіатури, шрифтом сімейства monospace.
<keygen>
Генерує пару ключів - закритий і відкритий. При відправці форми, закритий ключ зберігається локально, і відкритий ключ відправляється на сервер. Працює всередині тега <form>.
<label>
Додає текстову мітку для елемента <input>.
<legend>
Тема елементів форми, згрупованих за допомогою елемента <fieldset>.
<li>
Елемент маркірованих або нумерованих списків.
<link>
Визначає відносини між документом і зовнішнім ресурсом. Також використовується для підключення зовнішніх таблиць стилів.
<main>
Контейнер для основного унікального вмісту документа. На одній сторінці повинно бути не більше одного елемента <main>.
<map>
Створює активні області на карті-зображенні. Є контейнером для елементів <area>.
<mark>
Виділяє фрагменти тексту, позначаючи їх жовтим фоном.
<meta>
Використовується для зберігання додаткової інформації про сторінку. Цю інформацію використовують браузери для обробки сторінки, а пошукові системи - для її індексації. У блоці <head> може бути декілька тегів <meta>, так як в залежності від використовуваних атрибутів вони несуть різне інформацію.
<meter>
Індикатор вимірювання в заданому діапазоні.
<nav>
Розділ документа, що містить навігаційні посилання по сайту.
<noscript>
Визначає секцію, яка не підтримує сценарій (скрипт).
<object>
Контейнер для вбудовування мультимедіа (наприклад, аудіо, відео, Java-аплети, ActiveX, PDF і Flash). Також можна вставити іншу веб-сторінку в поточний HTML-документ. Для передачі параметрів вбудованого плагіна використовується тег <param>.
<ol>
Упорядкований нумерований список. Нумерація може бути числова або алфавітна.
<optgroup>
Контейнер з заголовком для групи елементів <option>.
<option>
Визначає варіант / опцію для вибору в списку <select>, <optgroup> або <datalist>.
<output>
Поле для виведення результату обчислення, розрахованого за допомогою скрипта.
<p>
Параграфи в тексті.
<param>
Визначає параметри для плагінів, вбудованих за допомогою елемента <object>.
<pre>
Виводить текст без форматування, зі збереженням прогалин і переносів тексту. Може бути використаний для відображення комп'ютерного коду, повідомлення електронної пошти і т.д.
<progress>
Індикатор виконання завдання будь-якого роду.
<q>
Визначає коротку цитату.
<ruby>
Контейнер для Східно-Азіатських символів і їх розшифрування.
<rb>
Визначає вкладений в нього текст як базовий компонент анотації.
<rt>
Додає коротку характеристику зверху чи знизу від символів, укладених в елементі <ruby>, виводиться зменшеним шрифтом.
<rtc>
Зазначає вкладений в нього текст як додаткову анотацію.
<rp>
Виводить альтернативний текст в разі якщо браузер не підтримує елемент <ruby>.
<s>
Відображає текст, який не є актуальним, перекресленим.
<samp>
Використовується для виведення тексту, що представляє результат виконання програмного коду або скрипта, а також системні повідомлення.
<script>
Використовується для визначення сценарію на стороні клієнта (зазвичай JavaScript). Містить або текст скрипта, або вказує на зовнішній файл сценарію за допомогою атрибута src.
<section>
Визначає логічну область (розділ) сторінки, зазвичай з заголовком.
<select>
Елемент управління, що дозволяє вибирати значення із запропонованого списку. Варіанти значень поміщаються в <option>.
<small>
Відображає текст шрифтом меншого розміру.
<source>
Вказує місце розташування і тип альтернативних медіа ресурсів для елементів <video> та <audio>.
<span>
Контейнер для малих елементів. Можна використовувати для форматування уривків тексту, наприклад, виділення кольором окремих слів.
<strong>
Розставляє акценти в тексті, виділяючи напівжирним.
<style>
Підключає вбудовані таблиці стилів.
<sub>
Задає підрядкове написання символів, наприклад, індексу елемента в хімічних формулах.
<summary>
Створює видимий заголовок для тега <details>. Відображається з зафарбовані трикутником, клацнувши по якому можна переглянути подробиці заголовка.
<sup>
Задає надрядкове написання символів.
<table>
Тег для створення таблиці.
<tbody>
Визначає тіло таблиці.
<td>
Створює елемент таблиці.
<textarea>
Створює великі поля для введення тексту.
<tfoot>
Визначає нижній колонтитул таблиці.
<th>
Створює заголовок елементів таблиці.
<thead>
Визначає заголовок таблиці.
<time>
Визначає дату / час.
<title>
Тема HTML-документа, що відображається у верхній частині рядка заголовка браузера. Також може відображатися в результатах пошуку, тому це слід брати до уваги надання назви.
<tr>
Створює рядок таблиці.
<track>
Додає субтитри для елементів <audio> і <video>.
<u>
Виділяє уривок тексту підкресленням, без додаткового акценту.
<ul>
Створює маркований список.
<var>
Виділяє змінні з програм, відображаючи їх курсивом.
<video>
Додає на сторінку відео-файли. Підтримує 3 відео формату: MP4, WebM, Ogg.
<wbr>
Вказує браузеру можливе місце розриву довжини рядка.


-
Мітки:

Немає коментарів:

Дописати коментар

Підписатися на: Дописати коментарі (Atom)

ТЕСТОВА ТЕХНОЛОГІЯ ПЕРЕВІРКИ ЗНАНЬ ЗАСОБАМИ ХМАРНИХ ТЕХНОЛОГІЙ

В даний час, в умовах реформування української освіти, тестова технологія стала одним із інноваційних форм перевірки знань.   Тестова ...