Основні теги та атрибути html
Основні HTML-теги
Теги – службові символи, що являють собою команди HTML, які вказує броузеру,як слід відображати Web-сторінку.
Теги починаються зі знака "<", за яким потрібно писати ключове слово, і
закінчується знаком ">" .
Наприклад теги можуть виглядати так:
<HTML>
<BODY>
<TABLE>
<IMG>
Кожний тег в HTML має певний сенс. Наприклад, тег <B> означає перемикання на
напівжирний шрифт, а тег <HR> вставляє в документ горизонтальну лінію.
Теги діляться на дві категорії. Початковий тег, що містить ім’я тегу, відкриває дію
по виведенню гіпертексту, а кінцевий тег, що містить теж саме ім’я тегу з попереднім
йому символом / («коса риса» або «слеш»), – скасовує його.
Теги не чутливі до регістра символів, тобто тег <TABLE> може бути записаний і як
<table>.
Теги можна «вкладати» усередину інших тегів. Оскільки мова HTML побудована на
базі тегів, документи цього формату можна створювати простим розміщенням тегів
навколо тексту.
Список HTML-тегів:
1.<!doctype>
Тег <!DOCTYPE> Оголошує тип документу і надає основну інформація для браузера — його мову і версію.
2.<html></html> Тег HTML вказує початок і кінець HTML документа.
3.<head></head> Тег HEAD (заголовок HTML-документа) містить інформацію, що сточується документа в цілому.
4.<body></body> Тег BODY охоплює ту частину HTML-документа (текст, зображення й елементи
формування), що буде видна користувачеві.
5.<title></title> Тег TITLE установлює заголовок HTML-документа, виведений у рядку заголовка вікна браузера. Приклад: <title>перша сторінка</title>
6.<body bgcolor=?> Атрибут BGCOLOR установлює кольори тіла HTML-документа. Кольори може бути зазначений за допомогою за допомогою назви або шістнадцяткового коду.
4.<body></body> Тег BODY охоплює ту частину HTML-документа (текст, зображення й елементи
формування), що буде видна користувачеві.
5.<title></title> Тег TITLE установлює заголовок HTML-документа, виведений у рядку заголовка вікна браузера. Приклад: <title>перша сторінка</title>
6.<body bgcolor=?> Атрибут BGCOLOR установлює кольори тіла HTML-документа. Кольори може бути зазначений за допомогою за допомогою назви або шістнадцяткового коду.
7.<body text=?> Атрибут TEXT установлює кольори для всього тексту HTML-документа. Колір може бути зазначений за допомогою назви або шістнадцяткового коду.
8.<body link=?> Атрибут LINK установлює кольори всім посиланням HTML-документа, які ще не були активізовані. Колір може бути зазначений за допомогою назви або шістнадцяткового коду.
9.<body vlink=?> Атрибут VLINK установлює кольори всім посиланням HTML-документа, які вже були один раз активізовані. Колір може бути зазначений за допомогою назви або шістнадцяткового коду.
10.<body alink=?> Атрибут ALINK установлює кольори всім посиланням HTML-документа, на якіпоміщений курсор миші, але до того моменту, як кнопка миші натиснута. Колір може
бути зазначений за допомогою назви або шістнадцяткового коду.
Теги елементів тексту:
1.<!--...--!>Тег <!--...--!> використовується для коментування коду.
2.<abbr>
Тег <ABBR> визначає текст як абревіатуру або акронім. Пояснювальний текст задається за допомогою атрибута <title>.
3.<address>
Тег <ADDRESS> задає контактні дані автора / власника документа або статті. Відображається в браузері курсивом.
4.<h1></h1>
Тег H1 визначає заголовок першого рівня (самі великі букви в заголовку). Усього є шість
рівнів заголовків.
4.<h1></h1>
Тег H1 визначає заголовок першого рівня (самі великі букви в заголовку). Усього є шість
рівнів заголовків.
5.<h6></h6>
Тег H6 визначає заголовок шостого рівня (самі дрібні букви в заголовку). Усього є шість
рівнів заголовків.
Тег H6 визначає заголовок шостого рівня (самі дрібні букви в заголовку). Усього є шість
рівнів заголовків.
6.<b></b>
Тег B установлює відображення тексту в жирному накресленні.
Тег B установлює відображення тексту в жирному накресленні.
7.<i></i>
Тег I установлює відображення тексту курсивом.
8.<font size=?></font>
Атрибут SIZE тегу FONT установлює відносний розмір шрифту. Список можливих
значень складається з додатних і від’ємних чисел від 0 до 7.
9.<font color=?></font>
Атрибут COLOR тегу FONT установлює кольори тексту. Колір може бути зазначений за
допомогою за допомогою назви або шістнадцяткового коду.
10.<p></p>
Тег P установлює початок і кінець абзацу.
11.<p align=?>
Атрибут ALIGN тегу P установлює режим вирівнювання тексту: уліво (LEFT), вправо
(RIGHT) або по центрі (CENTER).
12.<br>
Тег BR установлює перенос рядка (навіть якщо текст триває за тегом).
13.<ol></ol>
Тег OL («ordered list» – упорядкований список) установлює режим послідовної нумерації
елементів, розміщених усередині списку.
14.<ul></ul>
Тег UL («unordered list» – неупорядкований список) установлює режим відображення
тексту у вигляді маркірованого списку.
15.<div align=?>
Тег DIV використається для структурування й форматування тексту. Атрибут ALIGN тегу
DIV установлює режим вирівнювання тексту. Можливе вирівнювання вліво (LEFT),
вправо (RIGHT) або по центрі (CENTER).
Тег I установлює відображення тексту курсивом.
8.<font size=?></font>
Атрибут SIZE тегу FONT установлює відносний розмір шрифту. Список можливих
значень складається з додатних і від’ємних чисел від 0 до 7.
9.<font color=?></font>
Атрибут COLOR тегу FONT установлює кольори тексту. Колір може бути зазначений за
допомогою за допомогою назви або шістнадцяткового коду.
10.<p></p>
Тег P установлює початок і кінець абзацу.
11.<p align=?>
Атрибут ALIGN тегу P установлює режим вирівнювання тексту: уліво (LEFT), вправо
(RIGHT) або по центрі (CENTER).
12.<br>
Тег BR установлює перенос рядка (навіть якщо текст триває за тегом).
13.<ol></ol>
Тег OL («ordered list» – упорядкований список) установлює режим послідовної нумерації
елементів, розміщених усередині списку.
14.<ul></ul>
Тег UL («unordered list» – неупорядкований список) установлює режим відображення
тексту у вигляді маркірованого списку.
15.<div align=?>
Тег DIV використається для структурування й форматування тексту. Атрибут ALIGN тегу
DIV установлює режим вирівнювання тексту. Можливе вирівнювання вліво (LEFT),
вправо (RIGHT) або по центрі (CENTER).
Теги графічних елементів:
1.<img src=»name»>
Тег IMG установлює режим відображення графічного файлу.
2.<img src=»name» align=?>
Атрибут ALIGN тегу IMG установлює режим вирівнювання зазначеного зображення.
Можливе вирівнювання вліво (LEFT), вправо (RIGHT), по центрі (CENTER), униз
(BOTTOM), нагору (TOP), посередині (MIDDLE).
3.<img src=»name» border=?>
Атрибут BORDER тегу IMG установлює режим відображення рамки навколо зазначеного
зображення. Малюнок з гіперпосиланням за замовчуванням має рамку, кольори якого
збігається з кольорами, використовуваними для гіперпосилань.
4.<img src=»name» alt=?>
Атрибут ALT тегу IMG установлює режим відображення зазначеного тексту (як
альтернатива) у випадку, якщо браузер не може відобразити графічний файл.
Теги елементів посилань:
5.<a href=»URL»></a>
Тег A встановлює зв’язок з деякою точкою усередині того ж HTML-документа або з
іншим URL (гіпертекстове посилання). Атрибут HREF тегу A описує об’єкт, що
представляє собою текст або малюнок усередині HTML-документа, або текст або
малюнок у зовнішньому документі.
Теги таблиць:
6.<table></table>
Тег TABLE установлює початок і кінець таблиці. Всі теги, що визначають структуру
таблиці, повинні розташовуватися між тегами TABLE.
7.<tr></tr>
Тег TR визначає рядок таблиці.
8.<td></td>
Тег TD визначає колонки таблиці.
9.<th></th>
Тег TH установлює режим відображення тексту у вигляді заголовка таблиці.
10.<table border=?>
Атрибут BORDER тегу TABLE установлює ширину рамки таблиці в пікселях.
11.<table cellspacing=?>
Атрибут CELLSPACING тегу TABLE установлює відстань між сусідніми комірками
таблиці в пікселях.
12.<table cellpadding=?>
Атрибут CELLPADDING тегу TABLE установлює відстань між границею комірки і її
вмістом.
13. <table width=?>
Атрибут WIDTH тегу TABLE установлює ширину таблиці в пікселях або у відсотках від
ширини області перегляду.
14.<tr align=?> or <td align=?>
Атрибут ALIGN установлює вирівнювання вмісту комірки по її лівому краї (LEFT), по
центрі (CENTER) або по її правому краї (RIGHT).
15.<tr valign=?> or <td valign=?>
Атрибут VALIGN установлює вертикальне вирівнювання вмісту комірки по її верхньому
краї (TOP), посередині (MIDDLE) або по її нижньому краю (BOTTOM).
Теги фреймів:
1.<frameset></frameset>
Тег FRAMESET установлює область екрана, що повинна використатися браузером для
відображення кадрів.
2.<frameset rows=»*,*»>
Атрибут ROWS тегу FRAMESET установлює висоту кожного кадру в пікселях або у
відсотках від доступного простору вікна. Значення цього атрибута повинні розділятися
комами.
3.<frameset cols=»value,value»>
Атрибут COLS тегу FRAMESET установлює ширину кожного кадру в пікселах або у
відсотках від доступного простору вікна. Значення цього атрибута повинні розділятися
комами.
4.<frame>
Тег FRAME застосовується для завдання одиничного кадру в сукупності кадрів,
називаної набором кадрів.
5.<noframes></noframes>
Тег NOFRAMES змушує браузер виводити альтернативний текст при неможливості
відображення кадрів у наборі FRAMESET.
6.<frame src=»URL»>
Атрибут SRC тегу FRAME установлює відображення вмісту зазначеного файлу в
описуваному кадрі.
7.<frame name=»name»>
Атрибут NAME установлює ім’я вікна FRAME, що складає з букв і цифр, на яке може
посилатися гіперпосилання в іншому HTML-документі.
8.<frame marginwidth=?>
Атрибут MARGINWIDTH тегу FRAME установлює величину горизонтального відступу
(у пікселах) між об’єктом у кадрі й лівим і правим краями кадру.
9.<frame marginheight=?>
Атрибут MARGINHEIGHT тегу FRAME установлює величину вертикального відступу (у
пікселах) між розташованими в кадрі об’єктами й верхнім і нижнім краями кадру.
10.<frame scrolling=VALUE>
Атрибут SCROLLING тегу FRAME установлює, чи варто відображати усередині кадру
смуги прокручування. (Можливі значення атрибута: YES, NO або AUTO).
11.<frame noresize>
Атрибут NORESIZE тегу FRAME установлює режим, при якому розміри описуваного
кадру не можуть бути змінені користувачем.
Тег FRAME застосовується для завдання одиничного кадру в сукупності кадрів,
називаної набором кадрів.
5.<noframes></noframes>
Тег NOFRAMES змушує браузер виводити альтернативний текст при неможливості
відображення кадрів у наборі FRAMESET.
6.<frame src=»URL»>
Атрибут SRC тегу FRAME установлює відображення вмісту зазначеного файлу в
описуваному кадрі.
7.<frame name=»name»>
Атрибут NAME установлює ім’я вікна FRAME, що складає з букв і цифр, на яке може
посилатися гіперпосилання в іншому HTML-документі.
8.<frame marginwidth=?>
Атрибут MARGINWIDTH тегу FRAME установлює величину горизонтального відступу
(у пікселах) між об’єктом у кадрі й лівим і правим краями кадру.
9.<frame marginheight=?>
Атрибут MARGINHEIGHT тегу FRAME установлює величину вертикального відступу (у
пікселах) між розташованими в кадрі об’єктами й верхнім і нижнім краями кадру.
10.<frame scrolling=VALUE>
Атрибут SCROLLING тегу FRAME установлює, чи варто відображати усередині кадру
смуги прокручування. (Можливі значення атрибута: YES, NO або AUTO).
11.<frame noresize>
Атрибут NORESIZE тегу FRAME установлює режим, при якому розміри описуваного
кадру не можуть бути змінені користувачем.
Ось такий є невеличкий список тег до HTML. Звісно ж, це ще не все, проте слід пам'ятати:
"Головне не те, як багато ти знаєш тегів та атрибутів, а головне те як ти ними працюєш".
Інформацію взято з:
Читайте також:
Коментарі
Дописати коментар