html-css.co.ua
  • Довідник HTML
  • Довідник CSS
  • Довідник HTTP
  • Самовчитель HTML
  • Самовчитель CSS
  • Рецепти CSS
  • Web-глосарій
  • Журнал
HTML теги
  • Валідація тегів
  • <!-- -->
  • <!DOCTYPE>
  • <a>
  • <abbr>
  • <acronym>
  • <address>
  • <applet>
  • <area>
  • <article>
  • <aside>
  • <audio>
  • <b>
  • <base>
  • <basefont>
  • <bdi>
  • <bdo>
  • <bgsound>
  • <big>
  • <blink>
  • <blockquote>
  • <body>
  • <br>
  • <button>
  • <canvas>
  • <caption>
  • <center>
  • <cite>
  • <code>
  • <col>
  • <colgroup>
  • <command>
  • <comment>
  • <datalist>
  • <dd>
  • <del>
  • <details>
  • <dfn>
  • <dir>
  • <div>
  • <dl>
  • <dt>
  • <em>
  • <embed>
  • <fieldset>
  • <figcaption>
  • <figure>
  • <font>
  • <footer>
  • <form>
  • <frame>
  • <frameset>
  • <h1>
  • <h2>
  • <h3>
  • <h4>
  • <h5>
  • <h6>
  • <head>
  • <header>
  • <hgroup>
  • <hr>
  • <html>
  • <i>
  • <iframe>
  • <img>
  • <input>
  • <ins>
  • <isindex>
  • <kbd>
  • <keygen>
  • <label>
  • <legend>
  • <li>
  • <link>
  • <listing>
  • <main>
  • <map>
  • <mark>
  • <marquee>
  • <menu>
  • <meta>
  • <meter>
  • <multicol>
  • <nav>
  • <nobr>
  • <noembed>
  • <noframes>
  • <noscript>
  • <object>
  • <ol>
  • <optgroup>
  • <option>
  • <output>
  • <p>
  • <param>
  • <plaintext>
  • <pre>
  • <progress>
  • <q>
  • <rp>
  • <rt>
  • <ruby>
  • <s>
  • <samp>
  • <script>
  • <section>
  • <select>
  • <small>
  • <source>
  • <spacer>
  • <span>
  • <strike>
  • <strong>
  • <style>
  • <sub>
  • <summary>
  • <sup>
  • <table>
  • <tbody>
  • <td>
  • <textarea>
  • <tfoot>
  • <th>
  • <thead>
  • <time>
  • <title>
  • <tr>
  • <track>
  • <tt>
  • <u>
  • <ul>
  • <var>
  • <video>
  • <wbr>
  • <xmp>
CSS атрибути
  • ! Important
  • -moz-border-bottom-colors
  • -moz-border-left-colors
  • -moz-border-right-colors
  • -moz-border-top-colors
  • -moz-linear-gradient
  • -moz-orient
  • -moz-radial-gradient
  • -moz-user-select
  • -ms-interpolation-mode
  • -ms-radial-gradient
  • -o-linear-gradient
  • -o-object-fit
  • -o-radial-gradient
  • -webkit-linear-gradient
  • -webkit-radial-gradient
  • -webkit-user-select
  • ::- moz-placeholder
  • ::- moz-selection
  • ::- ms-browse
  • ::- ms-check
  • ::- ms-clear
  • ::- ms-expand
  • ::- ms-fill
  • ::- ms-reveal
  • ::- ms-value
  • ::- webkit-input-placeholder
  • ::after
  • ::before
  • ::first-letter
  • ::first-line
  • ::selection
  • :active
  • :checked
  • :default
  • :disabled
  • :empty
  • :enabled
  • :first-child
  • :first-letter
  • :first-line
  • :first-of-type
  • :focus
  • :hover
  • :indeterminate
  • :invalid
  • :lang
  • :last-child
  • :last-of-type
  • :link
  • :not
  • :nth-child
  • :nth-last-child
  • :nth-last-of-type
  • :nth-of-type
  • :only-child
  • :only-of-type
  • :optional
  • :read-only
  • :read-write
  • :required
  • :root
  • :target
  • :valid
  • :visited
  • @charset
  • @ font-face
  • @import
  • @media
  • @page
  • animation-delay
  • attr ()
  • background
  • background-attachment
  • background-clip
  • background-color
  • background-image
  • background-origin
  • background-position
  • background-position-x
  • background-position-y
  • background-repeat
  • background-size
  • border
  • border-bottom
  • border-bottom-color
  • border-bottom-left-radius
  • border-bottom-right-radius
  • border-bottom-style
  • border-bottom-width
  • border-collapse
  • border-color
  • border-image
  • border-left
  • border-left-color
  • border-left-style
  • border-left-width
  • border-radius
  • border-right
  • border-right-color
  • border-right-style
  • border-right-width
  • border-spacing
  • border-style
  • border-top
  • border-top-color
  • border-top-left-radius
  • border-top-right-radius
  • border-top-style
  • border-top-width
  • border-width
  • bottom
  • box-shadow
  • box-sizing
  • caption-side
  • clear
  • clip
  • color
  • column-count
  • column-gap
  • column-rule
  • column-width
  • columns
  • content
  • counter-increment
  • counter-reset
  • cursor
  • direction
  • display
  • empty-cells
  • filter
  • float
  • font
  • font-family
  • font-size
  • font-stretch
  • font-style
  • font-variant
  • font-weight
  • hasLayout
  • height
  • hyphens
  • image-rendering
  • left
  • letter-spacing
  • line-height
  • list-style
  • list-style-image
  • list-style-position
  • list-style-type
  • margin
  • margin-bottom
  • margin-left
  • margin-right
  • margin-top
  • max-height
  • max-width
  • min-height
  • min-width
  • opacity
  • orphans
  • outline
  • outline-color
  • outline-offset
  • outline-style
  • outline-width
  • overflow
  • overflow-x
  • overflow-y
  • padding
  • padding-bottom
  • padding-left
  • padding-right
  • padding-top
  • page-break-after
  • page-break-before
  • page-break-inside
  • position
  • quotes
  • resize
  • right
  • scrollbar-3dlight-color
  • scrollbar-arrow-color
  • scrollbar-base-color
  • scrollbar-darkshadow-color
  • scrollbar-face-color
  • scrollbar-highlight-color
  • scrollbar-shadow-color
  • scrollbar-track-color
  • tab-size
  • table-layout
  • text-align
  • text-align-last
  • text-decoration
  • text-decoration-color
  • text-decoration-line
  • text-decoration-style
  • text-indent
  • text-overflow
  • text-shadow
  • text-transform
  • top
  • transform
  • transform-origin
  • transform-style
  • transition
  • transition-delay
  • transition-property
  • transition-timing-function
  • unicode-bidi
  • vertical-align
  • visibility
  • white-space
  • widows
  • width
  • word-break
  • word-spacing
  • word-wrap
  • writing-mode
  • z-index
  • zoom
Оновлення журналу
  • Як агентство інтернет-маркетингу допомагає бізнесу зростати в Мережі
  • Аренда выделенного сервера: всё, что нужно знать перед выбором
  • Що таке верстка сайту та що про це варто знати
  • Вплив мобільних проксі на анонімність в Інтернеті
  • Який MacBook вибрати програмісту?

Електронний HTML і CSS довідник українською мовою


html-css.co.ua - інтернет-довідник, який містить повний перелік HTML тегів і CSS атрибутів з описами, поясненнями і прикладами використання. Також на сорінках сайту Ви знайдете безліч матеріалів для вивчення HTML і CSS.

Що таке HTML і CSS, для чого вони потрібні?

HTML (Hypertext Markup Language), також відома в IT сфері як мова розмітки гіпертекстових документів, по факту є набором спеціальних елементів - тегів. Вони допомагають структурувати кожну сторінку Web сайту.

CSS (Cascading Style Sheets - таблиця каскадних стилів) - мова за допомогою якої оформлюються усі веб сторінки. Для того, щоб підключити CSS стиль до певного HTML тегу чи сукупності тегів використовуються спеціальні HTML атрибути class чи id. Наприклад, class="style_page" або id="torro-2".

HTML і CSS разом з JavaScript утворюють основу сучасного веб-дизайну. З їх допомогою будь яка інформація, яку містить Веб сторінка візуалізується, формується, стилізується та упорядковується.

Як створити HTML, CSS файл?

Кожен HTML документ складається з двох частин - імені та розширення (.html чи .htm). Наприклад: page.html, index.htm тощо. В середині файлу обов'язково повинні використовуватися наступні теги: <!DOCTYPE>, <html>, <head>, <body>. Усі інші HTML теги використовуються за бажанням та при необхідності.

CSS файл також складається з імені та розширення .css. Приклад: style.css, design-2.css тощо. Якщо в якості елементу, до якого прив'язується стиль чи набір стилів, використовується class, то перед його значенням ставиться крапка (.). Якщо стиль прив'язується за допомогою ідентифікатора (id), то перед його значенням ставиться ришітка (#). Значення стилів CSS прописуються в фігурних дужках {}. Приклад: .style_page { }, #torro-2 { }.

Варто врахувати, що ім'я документу повинно складатися виключно з латинських літер, цифр, дефісу (-) та символу нижнього підкреслення (_). Використання інших символів неприпустиме.


Типи HTML тегів
  • Теги HTML5
  • Блокові теги
  • Рядкові теги
  • Універсальні теги
  • Нестанартні теги
  • Застарілі теги
  • Відео
  • Документи
  • Звук
  • Зображення
  • Об'єкти
  • Робота зі скриптами
  • Списки
  • Посилання
  • Таблиці
  • Текст
  • Форматування
  • HTML форми
  • Робота з фреймами
Довідкова інформація
  • Використання скриптів
  • Колір в HTML
  • Назви кольорів
  • Коди мов
  • MIME-типи
  • Універсальні атрибути в HTML
  • Події в HTML
© HTML / CSS довідник | 2020 - 2025 рр.
Всі матеріали сайту захищені Законом України «Про авторське та суміжні права». Весь контент створюється у відповідності з нашою «Редакційною політикою» та поширюються на умовах відкритої ліцензії Creative Commons Attribution-ShareAlike. Копіювання матеріалів сайту у будь-якому вигляді без дозволу редакції сайту заборонено!
Всі зібрані на сайті дані про відвідувачів використовуються виключно згідно чинного Закону України «Про інформацію» та нашої «Політики конфіденційності».
Користуючись сайтом html-css.co.ua відвідувачі автоматично погоджуються з «Правилами користування сайтом».