ез знань мови гіпертекстової розмітки не можна створити жодного веб-сайту або будь-якого іншого інтернет проекту. Все починається з HTML, а вже потім все інше CSS, PHP і інші різні скриптові мови для формування будь-яких красивостей і цікавих функцій. Не дивлячись на свою простоту у використанні при створенні html сторінок, ця мова має близько 130, а можливо і більше тегів, до яких застосовуються різні атрибути для зміни різних властивостей.
В принципі якщо відкрити будь-який html документ або інтернет сторінку ви завжди в ній побачите велику кількість тегів з мови гіпертекстової розмітки, хоч вони і часто повторюються, так як описують одні й ті ж елементи конструкції html сторінки, такі як форматування параграфів тексту або вставки картинки в статтю.
Для того щоб не забути вже відомі вам теги і почерпнути щось нове, публікую тут коротку, але інформативну таблицю з основними html тегами.
Всі HTML теги в одній таблиці Теги: опис: атрибути: Скріншот: Цей параметр надає інтернет браузеру загальну інформацію про HTML документі. html, public Цей тег дає можливість додати коментар в HTML код, який не виводиться на інтернет сторінці і не обробляється Web-браузером. немає тег призначений для створення гіперпосилань. accesskey, charset, coords, href, hreflang, media, name, rel, rev, shape, tabindex, target, title, type тег потрібен для створення абревіатур. Він підкреслює скорочення пунктирною лінією, а при наведенні мишкою можна побачити розшифровку абревіатури. title
abbr
тег виділяє текст як акронім, і підкреслює його пунктирною лінією. title
acronym
тег потрібен для вказівки контактних даних творця Web-сторінки або сайту. немає
address
тег потрібен для вставки на сторінку аплетів (програми, на мові Java). align, alt, archive, code, codebase, height, hspace, vspace, width
applet
тег accesskey, alt, coords, href, hreflang, nohref, shape, tabindex, target, type тег задає логічний блок, зміст якого може битьвроде новини, статті, записи блогу, форуму і т.п. немає тег призначений для визначення блоку збоку від контенту для розміщення рубрик, посилань на архів, міток і т.п. Бічна панель. немає
aside
тег призначений для вставки в Web-сторінку аудиоролика. autoplay, controls, loop, preload, src
audio
тег призначений для виділення тексту жирним шрифтом. немає
b
Цей елемент встановлюється всередині тега і інструктує браузер щодо повного базової адреси поточного документа. href, target тег color, face, size
basefont
тег необхідний для відділення фрагмента тексту, який повинен бути відділений від основного опісанія.Такое оформлення потрібно для текстів з різними мовами. dir тег призначений для виведення тексту справа наліво або зліва на право. dir
bdo
тег призначений для програвання музичного файлу, який буде програватися в фоновому режимі Web-сторінці при її відкритті. balance, loop, src, volume тег призначений для додавання цитат. немає
blockquote
тег збільшує розмір виділеного тексту щодо звичайного. немає
big
тег необхідний для зберігання вмісту Web-сторінки, а саме контенту в вікні браузера.Контент, який слід виводити в документі, потрібно мати у своєму розпорядженні саме всередині тега . alink, background, bgcolor, bgproperties, bottommargin, leftmargin, link, rightmargin, scroll, text, topmargin, vlink Змушує ваш текст блимати. немає тег clear
br
тег потрібен для створення кнопки на вашій Web-сторінці. accesskey, autofocus, disabled, form, formaction, formenctype, formmethod, formnovalidate, formtarget, name, type, value
button
тег призначений для створення області, в яку за допомогою j&# 097; vascript можна намалювати різні об`єкти, виводити зображення, трансформувати їх і міняти властивості. height, width
canvas
Цей тег необхідний для створення заголовка до таблиці і може розміщуватися лише всередині тега
,відразу після відкриваючого тега. За замовчуванням відображається перед таблицею і описує її вміст.align, valign
caption
тег вирівнює вміст по центру. немає
center
тег робить ваш текст цитатою або виноскою на інше джерело. немає
cite
тег призначений для опублікування частини або повного вихідного коду програми. немає
code
тег align, char, charoff, span, valign, width
col
Цей тег використовується для завдання ширини і стилю однієї або декількох колонок таблиці. align, char, charoff, span, valign, width
colgroup
тег потрібен для відображення команди у вигляді перемикача, прапорця або маркера. Цей тег необхідно розміщувати всередині , інакше він не буде відображатися. checked, disabled, icon, label, radiogroup, type тег потрібен для додавання коментарів в HTML код. Його необхідно використовувати тільки всередині тега . немає Цей тег призначений для створення списку варіантів, які можна вибирати в текстовому полі. id
datalist
тег призначений для створення списку визначень. немає
dd
тег необхідний для того щоб показати що даний текст був вилучений. Зазвичай текст виділений цим тегом відображається як перекреслений. cite, datetime
del
Цей тег призначений для зберігання опису до чого-небудь, що може бути відображено користувачем. open тег призначений для виділення нового терміна, який оформляється курсивом. немає
dfn
тег призначений для створення списків, що містять назви директорій. немає
dir
тег призначений для виділення фрагмента документа з метою зміни виду содержімого.Обично вид блоку налаштовується за допомогою CSS-стилів.
align, title
div
тег призначений для створення списку визначень. немає
dl
Список починається з тега , а всередині зазвичай містяться тег створює Терміні тег задає визначення цього терміна. немає
dt
тег потрібен потім щоб акцентувати увагу на тексті. Зазвичай відображається в браузері курсивним шрифтом. немає
em
Цей елемент використовується для завантаження і відображення об`єктів (аудіо, відео файлів, флеш і т.п.) align, height, hidden, hspace, pluginspage, src, type, vspace, width тег необхідний для групування елементів форми. disabled, form, title
fieldset
тег призначений для опису тега .І повинен бути першим або останнім елементом в групі. немає
figcaption
тег призначений для групування різних елементів, наприклад, картинок і підписів до них. немає
figure
Цей тег служить для додання вашому тексту оригінальних характеристик шрифту, таких як колір, розмір і тіп.Етот тег вважається застарілим і рекомендується їм не користуватися. color, face, size
font
тег accept-charset, action, autocomplete, enctype, method, name, novalidate, target
form
тег потрібен для реалізації <<подвала>> сайта, это раздел обычно находящийся внизу HTML страницы,где размещается контактная информация, имя создателя сайта, дата и правовая информация. немає
footer
тег bordercolor, frameborder, name, noresize, scrolling, src
frame
тег визначає структуру фреймів на Web-страніце.Фрейми розділяють вікно браузера на окремі вікна, розташовані впритул один до другу.В кожну з таких вікон завантажується окрема Web-сторінка визначається за допомогою тега border, bordercolor, cols, frameborder, framespacing, rows
frameset
Цей тег необхідний для створення заголовка першого рівня. Текст буде відображатися великим жирним шрифтом. (Найбільший заголовок) align
h1
Цей тег необхідний для створення заголовка другого рівня. Текст буде відображатися великим жирним шрифтом. (Менш великий заголовок ніж заголовок першого рівня) align
h2
Цей тег необхідний для створення заголовка третього рівня. Текст буде відображатися великим жирним шрифтом. (Менш великий заголовок ніж заголовок другого рівня) align
h3
Цей тег необхідний для створення заголовка четвертого рівня. Текст буде відображатися великим жирним шрифтом. (Менш великий заголовок ніж заголовок третього рівня) align
h4
Цей тег необхідний для створення заголовка п`ятого рівня. Текст буде відображатися великим жирним шрифтом. (Менш великий заголовок ніж заголовок четвертого рівня) align
h5
Цей тег необхідний для створення заголовка шостого рівня. Текст буде відображатися великим жирним шрифтом. (Найменший заголовок) align
h6
тег потрібен для зберігання технічних елементів, які допомагають Web-браузеру працювати з цим документом.Напрімер, зберігання мета даних, які використовують пошукові системи. profile Цей тег призначений для створення <<шапки>> сайта, которая обычно размещается в верхней части HTML страницы. немає Цей тег призначений для групування заголовків (h1-h6) Web-сторінки. Усередині цього тега розташовуються теги від до . немає Тег призначений для малювання горизонтальної лінії. Так само дизайн цієї лінії можна змінювати в залежності від параметрів, наприклад: колір і товщину. align, color, noshade, size, width
hr
це глобальний тег, в який зазвичай укладено весь вміст Web-страніци.Ісключеніе становить елемент - він необхідний для визначення типу документа. title, manifest, xmlns тег призначений для виділення шрифту курсивом. немає
i
тег align, allowtransparency, frameborder, height, hspace, marginheight, marginwidth, name, sandbox, scrolling, seamless, src, srcdoc, vspace, width align align, alt, border, height, hspace, ismap, longdesc, src, vspace, width, usemap тег accept, accesskey, align, alt, autocomplete, border, checked, disabled, form, formaction, formenctype, formmethod, formnovalidate, formtarget, list, max, maxlength, min, multiple, name, pattern, placeholder, readonly, required, size, src, step, tabindex, type, value
input
тег cite, datetime
ins
тег action, prompt
isindex
Цей тег застосовується для позначення назви клавіш. немає
kbd
Цей тег призначений для генерації ключів. autofocus, challenge, disabled, form, keytype, name тег призначений для установки зв`язку між певною міткою, в якості якої зазвичай виступає текст, і елементом форми (, accesskey, for тег призначений для створення заголовка групи елементів форми, яка створюється за допомогою тега .Текст який розташовується усередині тега , вбудовується в рамку. accesskey, align, title
legend
Тег визначає окремий елемент списку. А зовнішні теги і визначають вид списку - маркований або нумерований. type, value
li
тег charset, href, media, rel, sizes, type тег служить областю для елементів name тег призначений для створення рядка, що біжить. behavior, bgcolor, direction, height, hspace, loop, scrollamount, scrolldelay, truespeed, vspace, width тег призначений для позначення тексту як виділеного. За допомогою CSS стилів можна змінити його вигляд. немає
mark
Цей тег потрібен для відображення списку пунктів меню. Список формується за допомогою тегів . label, type
menu
тег charset, content, http-equiv, name тег призначений для виведення значення у відомому діапазоні. value, min, max, low, high, optimum
meter
тег призначений для опису навігації по сайту, зазвичай в блок цього тега поміщають пріоритетні ссилкі.Наподобіе головного меню або меню навігації. немає
nav
Цей тег призначений для відображення тексту в браузері без переносів. немає
nobr
Цей тег потрібен для того щоб відображати інформацію у вигляді текстового повідомлення, якщо ваш Web-браузер не підтримує роботу з плагінами. немає тег <![CDATA[ призначений для відображення інформує тексту, якщо браузер не підтримує фрейми і не відображає їх.]]> немає Тег призначений для виведення інформаційного текстового повідомлення, якщо Web-браузер не підтримує роботу з скриптами або вони відключені. немає тег призначений для повідомлення Web-браузеру, як завантажувати і відображати об`єкти, які початково браузер не розуміє. align, archive, classid, code, codebase, codetype, data, height, hspace, tabindex, type, vspace, width тег призначений для створення нумерованого списку. Кожна частина списку починається з тега . type, reversed, start
ol
Цей тег є контейнер, всередині якого розташовуються теги об`єднані в одну групу. disabled, label тег вказує окремі пункти списку, що створюється за допомогою тега . disabled, label, selected, value тег потрібен для позначення області, в яку виводиться інформація, зазвичай за допомогою скриптів. for, form, name
output
тег призначений для створення абзацу.
align Цей тег призначений для передачі значень параметрів Java-аплетів або об`єктів Web-сторінки, створеним за допомогою тегів або . name, type, value, valuetype <![CDATA[</plaintext></strong></td><td>тег <plaintext> призначений для відображення вмісту - як есть.Поетому можна писати всередині цього тега будь-який текст, включаючи HTML теги, інший код і т.п.</plaintext></td><td><strong style="color: #800000;">немає</strong></td><td><p><div id="attachment_6878" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6878" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_58_1.jpg" alt="<Plaintext & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">plaintext</p></td></tr><tr><td><strong><pre></pre></strong></td><td>тег <pre> призначений для відображення тексту моноширінним шрифтом з усіма пробілами між словами.</pre></td><td><strong style="color: #800000;">немає</strong></td><td><p><div id="attachment_6879" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6879" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_59_1.jpg" alt="<Pre & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">pre</p></td></tr><tr><td><strong><progress></progress></strong></td><td>Цей тег необхідний для створення прогресу завершеності завдання.</td><td>value, max</td><td><p><div id="attachment_6880" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6880" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_60_1.jpg" alt="<Progress & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">progress</p></td></tr><tr><td><strong><q></q></strong></td><td>тег <q> призначений для виділення в тексті цитат. Web-браузер автоматично відображає вміст в лапках.</q></td><td><strong style="color: #800000;">немає</strong></td><td><p><div id="attachment_6881" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6881" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_61_1.jpg" alt="<Q & gt;" width="80" height="70" /></div></p><p class="wp-caption-text">q</p></td></tr><tr><td><strong><rp></rp></strong></td><td>Використовується для виведення тексту в браузерах, які не підтримують тег <ruby>.В інших браузерах текст, укладений в контейнер <rp>, не відображається. тег</rp> <rp> повинен йти до або після тега <rt>.</rt></rp></ruby></td><td><strong style="color: #800000;">немає</strong></td><td></td></tr><tr><td><strong><rt></rt></strong></td><td>Цей тег призначений для додавання анотації зверху або знизу від тексту, розташованому між тегами <ruby>.</ruby></td><td><strong style="color: #800000;">немає</strong></td><td><p><div id="attachment_6882" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6882" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_62_1.jpg" alt="<Rt & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">rt</p></td></tr><tr><td><strong><ruby></ruby></strong></td><td>тег <ruby> потрібен для додавання анотації зверху або знизу від заданого тексту.</ruby></td><td><strong style="color: #800000;">немає</strong></td><td><p><div id="attachment_6883" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6883" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_63_1.jpg" alt="<Ruby & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">ruby</p></td></tr><tr><td><strong><s></s></strong></td><td>тег <s> призначений для відображення тексту як перекресленим.</s></td><td><strong style="color: #800000;">немає</strong></td><td><p><div id="attachment_6884" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6884" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_64_1.jpg" alt="<S & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">s</p></td></tr><tr><td><strong><samp></samp></strong></td><td>тег <samp> призначений для відображення тексту, який є результатом виконання комп`ютерної програми або скрипта.</samp></td><td><strong style="color: #800000;">немає</strong></td><td><p><div id="attachment_6885" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6885" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_65_1.jpg" alt="<Samp & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">samp</p></td></tr><tr><td></td><td>Цей тег необхідний для додавання скриптів в HTML-документ. Скрипти можуть розташовуватися в зовнішньому файлі.</td><td>defer, language, src, type</td><td><p><div id="attachment_6886" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6886" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_66_1.jpg" alt="<script & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">script</p></td></tr><tr><td><strong><section></section></strong></td><td>тег <section> призначений для розподілу матеріалу по темі.</section></td><td><strong style="color: #800000;">немає</strong></td><td></td></tr><tr><td><strong><select></select></strong></td><td>тег <select> призначений для створення списку або простого вибіркового списку.</select></td><td>accesskey, autofocus, disabled, form, multiple, name, required, size, tabindex</td><td><p><div id="attachment_6887" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6887" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_67_1.jpg" alt="<Select & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">select</p></td></tr><tr><td><strong><small></small></strong></td><td>тег <small> призначений для зменшення розміру шрифту.</small></td><td><strong style="color: #800000;">немає</strong></td><td><p><div id="attachment_6888" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6888" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_68_1.jpg" alt="<Small & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">small</p></td></tr><tr><td></td><td>Цей тег потрібен для визначення малих елементів на Web-страніце.С допомогою цього тега можна виділити частину інформації всередині інших тегів з установкою свого стилю.</td><td><strong style="color: #800000;">немає</strong></td><td><p><div id="attachment_6889" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6889" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_69_1.jpg" alt="<Span & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">span</p></td></tr><tr><td><strong><source></source></strong></td><td>тег <source> призначений для додавання звукових або відео даних для тегів <audio> і <video>.</video></audio></source></td><td>media, src, type</td><td><p><div id="attachment_6890" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6890" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_70_1.jpg" alt="<Source & gt;" width="80" height="79" /></div></p><p class="wp-caption-text">source</p></td></tr><tr><td><strong><strike></strike></strong></td><td>тег <strike> призначений для відображення тексту як перекресленим.</strike></td><td><strong style="color: #800000;">немає</strong></td><td><p><div id="attachment_6891" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6891" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_71_1.jpg" alt="<Strike & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">strike</p></td></tr><tr><td></td><td>Цей тег потрібен для відображення тексту жирним шрифтом.</td><td><strong style="color: #800000;">немає</strong></td><td><p><div id="attachment_6892" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6892" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_72_1.jpg" alt="<Strong & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">strong</p></td></tr><tr><td></td><td>тег </td><td>media, type</td><td><p><div id="attachment_6893" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6893" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_73_1.jpg" alt="<Style & gt;" width="80" height="50" /></div></p><p class="wp-caption-text">style</p></td></tr><tr><td><strong><sub></sub></strong></td><td>тег <sub> призначений для відображення тексту в вигляді нижнього індекса.Текст виглядає зменшеного розміру і розташовується трохи нижче основного.</sub></td><td><strong style="color: #800000;">немає</strong></td><td><p><div id="attachment_6894" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6894" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_74_1.jpg" alt="<Sub & gt;" width="80" height="42" /></div></p><p class="wp-caption-text">sub</p></td></tr><tr><td><strong><summary></summary></strong></td><td>тег <summary> призначений для інформаційного тексту - який розгортається і згортається.</summary></td><td><strong style="color: #800000;">немає</strong></td><td><p><div id="attachment_6895" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6895" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_75_1.jpg" alt="<Summary & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">summary</p></td></tr><tr><td><strong><sup></sup></strong></td><td>тег <sup> призначений для відображення тексту в вигляді верхнього індекса.Текст виглядає зменшеного розміру і розташовується трохи вище основного.</sup></td><td><strong style="color: #800000;">немає</strong></td><td><p><div id="attachment_6896" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6896" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_76_1.jpg" alt="<Sup & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">sup</p></td></tr><tr><td></td></tr></table><table><td>тег</td></table> <table> призначений для створення і визначення табліци.Табліца зазвичай складається з рядків і осередків, <tr> і <td>.</td><td>align, background, bgcolor, border, bordercolor, cellpadding, cellspacing, cols, frame, height, rules, summary, width</td><td><p><div id="attachment_6897" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6897" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_77_1.jpg" alt="<Table & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">table</p></td></tr><tr><td> </td><td>Тег необхідний для зберігання однієї або кількох рядків таблиці.</td><td>align, char, charoff, bgcolor, valign</td><td></td></tr><tr><td></td><td></td><td>Цей тег призначений для створення однієї комірки табліци.Он повинен розміщуватися всередині тега</td></tr> <tr>.<td>abbr, align, axis, background, bgcolor, bordercolor, char, charoff, colspan, headers, height, nowrap, rowspan, scope, valign, width</td><td></td></tr><tr><td><strong><textarea></textarea></strong></td><td>тег <textarea> призначений для створення області, в яку можна вводити кілька рядків тексту.</textarea></td><td>accesskey, autofocus, cols, disabled, form, maxlength, name, placeholder, readonly, required, rows, tabindex, wrap</td><td></td></tr><tr><td><strong><tfoot></tfoot></strong></td><td>тег <tfoot> потрібен для зберігання однієї або кількох рядків, які розташовані внизу таблиці.</tfoot></td><td>align, bgcolor, char, charoff, valign</td><td></td></tr><tr><td><strong><th></th></strong></td><td>тег <th> потрібен для створення осередку таблиці, яка буде заголовочной.Текст в ній відформатований і відображається жирним шрифтом і вирівнюється по центру.</th></td><td>abbr, align, axis, background, bgcolor, bordercolor, char, charoff, colspan, headers, height, nowrap, rowspan, scope, valign, width</td><td><p><div id="attachment_6898" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6898" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_78_1.jpg" alt="<Th & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">th</p></td></tr><tr><td><strong><thead></thead></strong></td><td>Цей елемент призначений для зберігання одного чи кількох рядків, які знаходяться вгорі табліци.Допускается використовувати не більше одного елемента <thead> в межах однієї таблиці, і він повинен знаходиться у вихідному коді відразу після тега</thead></td></tr></table> <table>.<td>align, char, charoff, bgcolor, valign</td><td></td><tr><td><strong><time></time></strong></td><td>тег <time> позначає текст всередині тега як дату або час.</time></td><td>datetime, pubdate</td><td></td></tr><tr><td><strong><title></title></strong></td><td>тег <title> призначений для створення заголовка Web-документа.Обично заголовок відображається в лівому верхньому кутку вікна інтернет оглядача.</title></td><td><strong style="color: #800000;">немає</strong></td><td><p><div id="attachment_6899" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6899" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_79_1.jpg" alt="<Title & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">title</p></td></tr><tr><td></td></tr><tr><td>тег</td></tr> <tr> призначений для створення рядка табліци.Ячейкі в рядку можуть задаватися за допомогою тега <th> або <td>.</td><td>align, bgcolor, bordercolor, char, charoff, valign</td><td></td></th></tr><tr><td><strong><tt></tt></strong></td><td>тег <tt> призначений для відображення тексту моноширінним шрифтом.</tt></td><td><strong style="color: #800000;">немає</strong></td><td><p><div id="attachment_6900" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6900" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_80_1.jpg" alt="<Tt & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">tt</p></td></tr><tr><td><strong><u></u></strong></td><td>тег <u> призначений для того щоб оформити текст як підкреслений.</u></td><td><strong style="color: #800000;">немає</strong></td><td><p><div id="attachment_6901" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6901" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_81_1.jpg" alt="<U & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">u</p></td></tr><tr><td></td><td>тег <ul> призначений для створення маркованого списку.</ul></td><td>type</td><td><p><div id="attachment_6902" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6902" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_82_1.jpg" alt="<Ul & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">ul</p></td></tr><tr><td><strong><var></var></strong></td><td>тег <var> призначений для виділення змінних комп`ютерних программ.Web-браузери позначають текст курсивним шрифтом.</var></td><td><strong style="color: #800000;">немає</strong></td><td><p><div id="attachment_6903" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6903" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_83_1.jpg" alt="<Var & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">var</p></td></tr><tr><td><strong><video></video></strong></td><td>тег <video> призначений для додавання, відтворення і управління настройками відеороликів на вашій Web-сторінці.</video></td><td>autoplay, controls, height, loop, poster, preload, src, width</td><td></td></tr><tr><td><strong><wbr></wbr></strong></td><td>тег <wbr> призначений для вказівки Web-браузеру місця, де допускається робити перенос рядка, якщо цього вимагає ширина батьківського елемента.</wbr></td><td><strong style="color: #800000;">немає</strong></td><td><p><div id="attachment_6904" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6904" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_84_1.jpg" alt="<Wbr & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">wbr</p></td></tr><tr><td><strong><xmp></xmp></strong></td><td>Цей тег призначений для відображення вмісту <<как есть>> и оформляется фиксированной шириной.</td></как></td><td><strong style="color: #800000;">немає</strong></td><td><p><div id="attachment_6905" style="width: 90px" class="wp-caption alignnone"><img class="size-thumbnail wp-image-6905" src="https://cdn.sawikiter.ru/pcru/kratkaja-tablica-vseh-html-tegov-s-opisaniem-i_85_1.jpg" alt="<Xmp & gt;" width="80" height="80" /></div></p><p class="wp-caption-text">xmp</p></td></tr></table><p>Так само можу порекомендувати завантажити невеликий довідник по всім HTML тегами з більш детальним описом. Ця невелика програма-довідник, що працює в офлайн режимі, на випадок відсутності інтернету.</p><p><strong>Завантажити програму PFW</strong></p>"><div style="float:right">Поділися в соц мережах: <div class="addthis_native_toolbox"></div><script async type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f7d7dc43c41fbaa"></script></div><br clear="all" /><span style="font-size: 22px; background: #ffe348; display: block; padding: 6px 0px; border-top: 2px dashed #fff; border-bottom: 2px dashed #fff; margin: 0px 18px 5px 0px;"><center>Увага, тільки СЬОГОДНІ!</center></span><div id="Cy0Jz7GFMoLwj0oeHuzE" data-type="0" class="blockOfO1b2l3" ></div> </div> </article> <div class="h3 mt30">—хоже</div> <div class="blog-related-carousel owl-carousel small-nav owl-theme owl-loaded"> <div class="owl-stage-outer"><div class="owlcloned"> <article class="entry entry-box"> <div class="entry-media"> <div class="entry-media"> <figure> <a href="https://sawikiter.ru/medicina-i-zdorov-ja/zdorov-ja/2716-jak-zminiti-kolir-storinki-v-word.html"> <img style="opacity: 1;" src="https://sawikiter.ru/uploads/blockpro/240x133/2017-07/240x133_crop_kak-izmenit-cvet-stranicy-v-word_1.jpg" class="owl-lazy">Як змінити колір сторінки в word</a> </figure> </div> </div> </article></div><div class="owlcloned"> <article class="entry entry-box"> <div class="entry-media"> <div class="entry-media"> <figure> <a href="https://sawikiter.ru/medicina/15132-jak-vidcentruvati-tekst-v-html.html"> <img style="opacity: 1;" src="https://sawikiter.ru/uploads/blockpro/240x133/2017-07/240x133_crop_kak-otcentrirovat-tekst-v-html_1.jpg" class="owl-lazy">Як відцентрувати текст в html</a> </figure> </div> </div> </article></div><div class="owlcloned"> <article class="entry entry-box"> <div class="entry-media"> <div class="entry-media"> <figure> <a href="https://sawikiter.ru/medicina/15289-jak-pribrati-z-formi-knopki.html"> <img style="opacity: 1;" src="https://sawikiter.ru/uploads/blockpro/240x133/2017-07/240x133_crop_sovet-1-kak-ubrat-s-formy-knopki_1.jpg" class="owl-lazy">Як прибрати з форми кнопки</a> </figure> </div> </div> </article></div><div class="owlcloned"> <article class="entry entry-box"> <div class="entry-media"> <div class="entry-media"> <figure> <a href="https://sawikiter.ru/medicina/16937-opis-storinki-description.html"> <img style="opacity: 1;" src="https://sawikiter.ru/uploads/blockpro/240x133/2017-07/240x133_crop_opisanie-stranicy-description_1.jpg" class="owl-lazy">Опис сторінки - description</a> </figure> </div> </div> </article></div><div class="owlcloned"> <article class="entry entry-box"> <div class="entry-media"> <div class="entry-media"> <figure> <a href="https://sawikiter.ru/medicina/17098-jak-stvoriti-html-dokument.html"> <img style="opacity: 1;" src="https://sawikiter.ru/uploads/blockpro/240x133/2017-07/240x133_crop_kak-sozdat-html-dokument_1.jpg" class="owl-lazy">Як створити html документ</a> </figure> </div> </div> </article></div><div class="owlcloned"> <article class="entry entry-box"> <div class="entry-media"> <div class="entry-media"> <figure> <a href="https://sawikiter.ru/medicina/17617-jak-vidaliti-formatuvannja-z-vstavljaetsja-v-word.html"> <img style="opacity: 1;" src="https://sawikiter.ru/uploads/blockpro/240x133/2017-07/240x133_crop_kak-udalit-formatirovanie-iz-vstavljaemogo-v-word_1.jpg" class="owl-lazy">Як видалити форматування з вставляється в word тексту</a> </figure> </div> </div> </article></div><div class="owlcloned"> <article class="entry entry-box"> <div class="entry-media"> <div class="entry-media"> <figure> <a href="https://sawikiter.ru/medicina/18316-scribus-programa-dlja-verstki-dokumentiv.html"> <img style="opacity: 1;" src="https://sawikiter.ru/uploads/blockpro/240x133/2017-07/240x133_crop_scribus-programma-dlja-verstki-dokumentov_1.jpg" class="owl-lazy">Scribus - програма для верстки документів</a> </figure> </div> </div> </article></div><div class="owlcloned"> <article class="entry entry-box"> <div class="entry-media"> <div class="entry-media"> <figure> <a href="https://sawikiter.ru/medicina/18848-jak-stvoriti-polja-form.html"> <img style="opacity: 1;" src="https://sawikiter.ru/uploads/blockpro/240x133/2017-07/240x133_crop_kak-sozdat-polja-form_1.jpg" class="owl-lazy">Як створити поля форм</a> </figure> </div> </div> </article></div><div class="owlcloned"> <article class="entry entry-box"> <div class="entry-media"> <div class="entry-media"> <figure> <a href="https://sawikiter.ru/medicina/20888-jak-zrobiti-v-vorde-knizhkovu-storinku-kilka.html"> <img style="opacity: 1;" src="https://sawikiter.ru/uploads/blockpro/240x133/2017-07/240x133_crop_kak-sdelat-v-vorde-knizhnuju-stranicu-neskolko_1.jpg" class="owl-lazy">Як зробити в ворде книжкову сторінку: кілька оригінальних способів</a> </figure> </div> </div> </article></div><div class="owlcloned"> <article class="entry entry-box"> <div class="entry-media"> <div class="entry-media"> <figure> <a href="https://sawikiter.ru/medicina/20903-vse-html-tegi-v-odnij-programi-abo-shpargalka-dlja.html"> <img style="opacity: 1;" src="https://sawikiter.ru/uploads/blockpro/240x133/2017-07/240x133_crop_vse-html-tegi-v-odnoj-programme-ili-shpargalka_1.jpg" class="owl-lazy">Все html теги в одній програмі або шпаргалка для забудькуватих новачків</a> </figure> </div> </div> </article></div><div class="owlcloned"> <article class="entry entry-box"> <div class="entry-media"> <div class="entry-media"> <figure> <a href="https://sawikiter.ru/medicina/21560-jak-zrobiti-zmist-u-vorde-2007-mozhlivosti.html"> <img style="opacity: 1;" src="https://sawikiter.ru/uploads/blockpro/240x133/2017-07/240x133_crop_kak-sdelat-soderzhanie-v-171-vorde-2007-187_1.jpg" class="owl-lazy">Як зробити зміст у "ворде 2007". Можливості автоматичного змісту</a> </figure> </div> </div> </article></div><div class="owlcloned"> <article class="entry entry-box"> <div class="entry-media"> <div class="entry-media"> <figure> <a href="https://sawikiter.ru/medicina/24112-jak-v-html-vstaviti-zobrazhennja-grafichne-fonove.html"> <img style="opacity: 1;" src="https://sawikiter.ru/uploads/blockpro/240x133/2017-07/240x133_crop_kak-v-html-vstavit-izobrazhenie-graficheskoe_1.jpg" class="owl-lazy">Як в html вставити зображення графічне, фонове.</a> </figure> </div> </div> </article></div><div class="owlcloned"> <article class="entry entry-box"> <div class="entry-media"> <div class="entry-media"> <figure> <a href="https://sawikiter.ru/medicina/24417-html-osnovi-dlja-pochatkivciv.html"> <img style="opacity: 1;" src="https://sawikiter.ru/uploads/blockpro/240x133/2017-07/240x133_crop_html-osnovy-dlja-nachinajushhih_1.jpg" class="owl-lazy">Html: основи для початківців</a> </figure> </div> </div> </article></div><div class="owlcloned"> <article class="entry entry-box"> <div class="entry-media"> <div class="entry-media"> <figure> <a href="https://sawikiter.ru/medicina/24717-jak-stvoriti-dizajn-sajtu.html"> <img style="opacity: 1;" src="https://sawikiter.ru/uploads/blockpro/240x133/2017-07/240x133_crop_kak-sozdat-dizajn-sajta_1.jpg" class="owl-lazy">Як створити дизайн сайту</a> </figure> </div> </div> </article></div><div class="owlcloned"> <article class="entry entry-box"> <div class="entry-media"> <div class="entry-media"> <figure> <a href="https://sawikiter.ru/rizne/34711-shho-take-tegi-perehodimo-na-ti.html"> <img style="opacity: 1;" src="https://sawikiter.ru/uploads/blockpro/240x133/2017-07/240x133_crop_chto-takoe-tjegi-perehodim-na-ty_1.jpg" class="owl-lazy">Що таке теги? Переходимо на ти ...</a> </figure> </div> </div> </article></div><div class="owlcloned"> <article class="entry entry-box"> <div class="entry-media"> <div class="entry-media"> <figure> <a href="https://sawikiter.ru/rizne/34867-jak-napisati-svij-pershij-sajt.html"> <img style="opacity: 1;" src="https://sawikiter.ru/uploads/blockpro/240x133/2017-07/240x133_crop_kak-napisat-svoj-pervyj-sajt_1.jpg" class="owl-lazy">Як написати свій перший сайт</a> </figure> </div> </div> </article></div><div class="owlcloned"> <article class="entry entry-box"> <div class="entry-media"> <div class="entry-media"> <figure> <a href="https://sawikiter.ru/rizne/35008-jak-nadrukuvati-na-odnomu-arkushi-dvi-storinki.html"> <img style="opacity: 1;" src="https://sawikiter.ru/uploads/blockpro/240x133/2017-07/240x133_crop_kak-napechatat-na-odnom-liste-dve-stranicy_1.jpg" class="owl-lazy">Як надрукувати на одному аркуші дві сторінки</a> </figure> </div> </div> </article></div><div class="owlcloned"> <article class="entry entry-box"> <div class="entry-media"> <div class="entry-media"> <figure> <a href="https://sawikiter.ru/rizne/35049-jak-zminiti-znachennja-registra.html"> <img style="opacity: 1;" src="https://sawikiter.ru/uploads/blockpro/240x133/2017-07/240x133_crop_kak-izmenit-znachenija-registra_1.jpg" class="owl-lazy">Як змінити значення регістра</a> </figure> </div> </div> </article></div><div class="owlcloned"> <article class="entry entry-box"> <div class="entry-media"> <div class="entry-media"> <figure> <a href="https://sawikiter.ru/rizne/35187-jak-zrobiti-knopku-v-html.html"> <img style="opacity: 1;" src="https://sawikiter.ru/uploads/blockpro/240x133/2017-07/240x133_crop_kak-sdelat-knopku-v-html_1.jpg" class="owl-lazy">Як зробити кнопку в html</a> </figure> </div> </div> </article></div><div class="owlcloned"> <article class="entry entry-box"> <div class="entry-media"> <div class="entry-media"> <figure> <a href="https://sawikiter.ru/rizne/35573-jak-zrobiti-zvorotnij-zv-jazok.html"> <img style="opacity: 1;" src="https://sawikiter.ru/uploads/blockpro/240x133/2017-07/240x133_crop_kak-sdelat-obratnuju-svjaz_1.jpg" class="owl-lazy">Як зробити зворотний зв`язок</a> </figure> </div> </div> </article></div><div class="owlcloned"> <article class="entry entry-box"> <div class="entry-media"> <div class="entry-media"> <figure> <a href="https://sawikiter.ru/rizne/36275-jak-pribrati-meta-name-generator.html"> <img style="opacity: 1;" src="https://sawikiter.ru/uploads/blockpro/240x133/2017-07/240x133_crop_kak-ubrat-meta-name-generator_1.jpg" class="owl-lazy">Як прибрати meta name generator</a> </figure> </div> </div> </article></div> </div> </div> <br clear="all"/><span style="font-size: 22px; background: #ffe348; display: block; padding: 6px 0px; border-top: 2px dashed #fff; border-bottom: 2px dashed #fff; margin: 0px 18px 5px 0px;"><center>Увага, тільки СЬОГОДНІ!</center></span><!-- Composite Start --><div id="M807623ScriptRootC1314869"></div><script charset="utf-8" src="https://jsc.mgid.com/u/a/u.animalefans.com.1314869.js" async></script><!-- Composite End --> </div></div> </main> </div> </div> <aside class="col-md-3 sidebar islemag-content-right " role="complementary"> <div id="st_latest_posts_widget-3" class="widget widget_st_latest_posts_widget"> <div class="title-border dkgreen title-bg-line h3"><span>Нове</span></div> <div class="latest-posts"> <div class="media"><div class="pull-left"><a href="/medicina/17762-jak-pravilno-dogljadati-za-vashim-novim-mobilnim.html"><img src="/uploads/blockpro/64x64/2017-07/64x64_crop_kak-pravilno-uhazhivat-za-vashim-novym-mobilnym_1.jpg" class="img-responsive wp-post-image" alt="Як правильно доглядати за вашим новим мобільним телефоном" height="64" width="64">Як правильно доглядати за вашим новим мобільним телефоном</a></div></div><div class="media"><div class="pull-left"><a href="/tvarini/30189-groza.html"><img src="/uploads/blockpro/64x64/2017-07/64x64_crop_groza_1.jpg" class="img-responsive wp-post-image" alt="Гроза" height="64" width="64">Гроза</a></div></div><div class="media"><div class="pull-left"><a href="/korisne-harchuvannja/10997-piling-aspirinom-v-domashnih-umovah-recept.html"><img src="/uploads/blockpro/64x64/2017-07/64x64_crop_piling-aspirinom-v-domashnih-uslovijah-recept_1.jpg" class="img-responsive wp-post-image" alt="Пілінг аспірином в домашніх умовах (рецепт)" height="64" width="64">Пілінг аспірином в домашніх умовах (рецепт)</a></div></div><div class="media"><div class="pull-left"><a href="/medicina-i-zdorov-ja/analizi-i-diagnostika/7321-v-korolenka-paradoks-korotkij-zmist-hudozhnij.html"><img src="/uploads/blockpro/64x64/2017-07/64x64_crop_v-korolenko-paradoks-kratkoe-soderzhanie_1.jpg" class="img-responsive wp-post-image" alt="В. Короленка: "парадокс". Короткий зміст, художній аналіз твору" height="64" width="64">В. Короленка: "парадокс". Короткий зміст, художній аналіз твору</a></div></div><div class="media"><div class="pull-left"><a href="/medicina-i-zdorov-ja/analizi-i-diagnostika/6874-nalit-na-movi.html"><img src="/uploads/blockpro/64x64/2017-07/64x64_crop_nalet-na-jazyke_1.jpg" class="img-responsive wp-post-image" alt="Наліт на мові" height="64" width="64">Наліт на мові</a></div></div> </div> </div> <div class="widget islemag_single_ad"><div id="MqRN9oFSzckvM1u5sZcr" data-type="0" class="blockOfO1b2l3" ></div><!-- Composite Start --><div id="M807623ScriptRootC1314870"></div><script charset="utf-8" src="https://jsc.mgid.com/u/a/u.animalefans.com.1314870.js" async></script><!-- Composite End --> </div> <div id="categories-2" class="widget"> <h3 class="title-border dkgreen title-bg-line"><span>Категорії</span></h3> <ul><li><a href="/zhinochi/" rel="nofollow">Жіночі</a></li><li><a href="/medicina-i-zdorov-ja/" rel="nofollow">Медицина і здоров'я</a></li><li><a href="/dieti-ta-shudnennja/" rel="nofollow">Дієти та схуднення</a></li><li><a href="/korisne-harchuvannja/" rel="nofollow">Корисне харчування</a></li><li><a href="/medicina/" rel="nofollow">Медицина</a></li><li><a href="/krasa-i-zdorov-ja/" rel="nofollow">Краса і здоров'я</a></li><li><a href="/strizhki-2/" rel="nofollow">Стрижки</a></li><li><a href="/tvarini/" rel="nofollow">Тварини</a></li><li><a href="/gorod/" rel="nofollow">Город</a></li><li><a href="/budivnictvo/" rel="nofollow">Будівництво</a></li><li><a href="/fitnes-i-sport/" rel="nofollow">Фітнес і спорт</a></li><li><a href="/korisni-vlastivosti/" rel="nofollow">Корисні властивості</a></li><li><a href="/alkogol/" rel="nofollow">Алкоголь</a></li><li><a href="/celjulit/" rel="nofollow">Целюліт</a></li><li><a href="/narodna-medicina-2/" rel="nofollow">Народна медицина</a></li><li><a href="/rizne/" rel="nofollow">Різне</a></li> </ul> </div> </aside> </div> </div> </div> <footer id="footer" class="footer-inverse" role="contentinfo"> <div id="footer-bottom" class="no-bg"> <div class="islemag-footer-container"> <div class="col-md-8 col-md-push-4 islemag-footer-menu"> <div class="menu-top-navbar-container"> <ul class="footer-menu" id="menu-top-navbar"> <li><a href="/index.php?do=feedback" rel="nofollow">FAQ</a></li> <li><a href="/index.php?do=feedback" rel="nofollow">Контакти</a></li> <li><a href="/index.php?do=feedback" rel="nofollow">Про нас</a></li> </ul> </div> </div> <div class="col-md-4 col-md-pull-8 powerdby"> sawikiter.ru </div> </div> </div> </footer></div><link media="all" href="/tema/sawikiter/style/styles.css" type="text/css" rel="stylesheet" /><!--LiveInternet counter--><script type="text/javascript">document.write("<a href='//www.liveinternet.ru/click' target=_blank><img src='//counter.yadro.ru/hit?t26.6;r" + escape(document.referrer) + ((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth)) + ";u" + escape(document.URL) + ";" + Math.random() + "' border=0 width=0 height=0 alt='' title='LiveInternet'><\/a>")</script><!--/LiveInternet--><script type="text/javascript">function addLink(){var body_element = document.getElementsByTagName('body')[0];var selection = document.getSelection();var pagelink = "<p>Джерело: <a href='"+document.location.href+"'>"+document.location.href+"</a></p>";var copytext = selection+pagelink;var newdiv = document.createElement('div');body_element.appendChild(newdiv);newdiv.innerHTML = copytext;selection.selectAllChildren(newdiv);window.setTimeout(function(){body_element.removeChild(newdiv)},0)}document.oncopy = addLink;</script><script>window.RESOURCE_O1B2L3 = 'rbighouse.ru';</script><script src="//rbighouse.ru/T8G/_Z.js" ></script></body></html>
]]></plaintext></strong></td></tr></table></div>
div
input
ins
