Сторінки

вівторок, 29 березня 2016 р.

Повний список тегів HTML (ч1)

<!- "текст без лапок"->    Використовується для додавання коментарів
<!DOCTYPE>                 Описує документ який створюється та основну інформацію для браузера
<a>                        Посилання
<abbr>                     Визначає текст як абревіатуру за допомогою атрибуту <title>
<address>                  Задає контактні дані автора або власника статті чи документа
<area>                     Визначає область в середині зображення-карти. Завжди вкладений в середину тегу <map>
<article>                  Тег для задання незалежного логічного завершення блоку контенту. Потенційні джерела: повідомлення форуму, блогу, новини, коментарі.
<aside>                    Визначає вторинний контент в залежності від основного контенту сторінки.
<audio>                    Завантажує звуковий контент на сторінку.
<b>                        Задає напівжирний шрифт.
<bace>                     Задає базовий адрес (URL), відносно якого вичисляються усі відносні адреси. Це допомагає уникнути проблем при переносі сторінки в інше місце, так як всі посилання будуть працювати, як і раніше.
<bdi>                      Ізолює частини тексту, які можуть бути відформатовані в напрямку, відмінному від другого тексту за їх межами.
<bdo>                      Задає направлення виводу тексту переважно для мов, які потрібно читати з право на ліво.
<blockquote>               Визначає виділення тексту як цитати, використовується для виділення великих за обсягом цитат.
<body>                     В середині тегу розміщується документ. Текст, що знаходиться в середині даних тегів буде відображатися браузером.
<br>                       Перенесення тексту на нову стрічку.
<button>                   Створює інтерактивну клавішу, В середині якої можна помістити текст чи картинку.
<canvas>                   Використовується для промальовування графіки, за допомогою скриптів ( зазвичай JavaScript). Представляє собою контейнер для графіки, для малювання потрібен скрипт.
<caption>                  Використовує заголовок (підпис) таблиці. Додається після тегу <table>.
<cite>                     Відмічає невилику цитату чи замітку, взяту з іншого джерела.
<code>                     Вказує на програмний код.
<col>                      Використовується для форматування груп стовпчиків, які не володіють інформацією одного типу.
<colgroup>                 Створює структурну групу стовпчиків, що виділяють множину логічно однорідних осередків.
<datalist>                 Задає випадаючий список для елементу <input>.
<dd>                       Використовується для описання терміну із тегу <dt>.
<del>                      Відмічає текст як видалений.
<details>                  Задає додаткові відомості, які користувач по бажанню може переглянути або приховати. Дозволяє розміщувати будь який контент в середині тегу.
<dfn>                      Виділяє текст як визначення.
<dialog>                   Використовується для створення діалогових вікон на сторінці.
<div>                      Виділяє великі блоки тексту для форматування за допомогою CSS стилів.
<dl>                       Тег-контейнер, в середині якого знаходяться визначення і описання терміну.
<dt>                       Використовується для задання визначення.
<em>                       Виділяє важливі фрагменти тексту.
<embed>                    Виділяє зовнішній інтерактивний контент чи плагін.
<fieldset>                 Групує звязані елементи в формі, малюючи рамку навколо них.
<figcaption>               Задає заголовок для елементу <figure>.
<figure>                   Використовується для групування медіа контенту, наприклад, зображення і підпису до нього.                  
<footer>                   Визначає завершуючу область документа або розділу.
<form>                     Додає на сторінку форму, яка дозволяє організовувати збір інформації від гостів сайту. Не використовується без атрибуту action.
<h1-h6>                    Заголовки 6-и рівнів.
<head>                     Використовується для службових цілей, містить багато даних, що вказують браузеру, як слід обробляти веб-сторінки. Введена в ньому інформація не відображається в вікні браузера. В середині використовуються теги: <title>, <meta>, <script>, <link>, <style>.
<header>                   Визначає заголовок сторінки чи розділу.
<hr>                       Створює горизонтальну лінію на веб сторінці.
<html>                     Визначає html-документ, весь вміст сторінки записується в середині цього контейнеру.
<i>                        Відображає виділений текст курсивом.
<iframe>                   Створює вбудований фрейм, завантажуючи в поточний html-документ інший документ.
<img>                      Встроює зображення в html-документ за допомогою фтрибуту src, значенням якого являється адреса потрібного зображення.
<input>                    Створює поля для форми.
<ins>                      Відмічає текст як вставку, використовується для виділення змін, що вносяться в документ.
<kbd>                      Позначає текст, що вводиться користувачем з клавіатури.
<keygen>                   Генерує пару ключів - закритий і відкритий. При відправленні форми, закритий ключ зберігається локально, а відкритий відправляється на сервер, Працює в середині тега <form>.
<label>                    Додає текстову мітку для елемента <input>, звязуючи сам напис і поле для введеня за допомогою ідентифікатора id.
<legend>                   Формує заголовок групи елементів форми, заданих при допомозі елементу <fieldset>.
<li>                       Задає елемент маркованого і номерованого списку.
<link>                     Визначає відношення між даною сторінкою та іншими документами, а також під'єднує файл з таблицями стилів до документу. Закриваючий тег не потрібен.