Знайти Розширений пошук [/index.php?do=search&mode=advanced] конструювання Уроки Практика Відео Статті Меню Войти Логин: Пароль Войти Регистрация Забыли пароль? Уроки Практика Відео Статті Головна Уроки HTML Практика Статті Відеокурси Теги HTML Спеціальні символи Контакти HTML конструювання для новачків » Теги HTML На головну Теги HTML Теги ( дескриптори ) у HTML - це спеціальні елементи розмітки, що визначають, як даний документ HTML має інтерпретуватися програмою перегляду інформації - браузером. Кожний тег описує посилання на якийсь об`єкт з об`єктної моделі браузера . Теги HTML бувають одно- і двокомандні. Однокомандні теги зазвичай використовуються для зміни вигляду виведеної на екран інформації. Вони задаються в такому вигляді: <команда [атрибут=значення [атрибут=значення ]...]>текст , де команда - команда HTML; атрибут=значення - задання конкретних значень параметрам (атрибутам) команди (не є обов`язковими); текст - текст, що виводиться на екран тільки для читання у вигляді, обумовленому командою та її атрибутами Двокомандні теги мають такий синтаксис: <команда [атрибут=значення [атрибут=значення ]...]> [текст][тег][[текст][тег]...] де / - використовується у випадку, коли тег є останнім (закриваючим) у блоці тегів. Основні теги Теги заголовку Атрибути тіла документа Теги фізичного форматування тексту Теги логічного форматування тексту Якірні теги та гіперпосилання Графичі забраження і зображення-карти Таблиці в HTML Фрейми Форми (формуляри) Основні теги - теги для відкриття/закриття документів і їхніх частин (структурні теги) Початок і кінець документа ; вказує програмі перегляду сторінок що це HTML документ Заголовок ; визначає місце, де поміщується різна інформація, яка не відображається в тілі документа. Тут розташовується тег назви документа та теги для пошукових машин Тіло документа ; визначає видиму частину документа Теги заголовку та метатеги. Поміщує назву документа, що відображається у заголовку вікна або Метатеги призначені для управління документа і не опрацьовують корисний текст документа При завантаженні документа браузер буде брати останню версію, а не версію кеша Для визначення браузером кодування веб-сторінки Для примусового перезавантаження або автоматичного завантаження будь-якого документа Для управління кешуванням Для визначення вікна поточної сторінки Для зазначення імені автора і додаткової інформації про нього Для зазначення відомостей щодо авторських прав Для зазначення ключових слів і термінів. Призначений для пошукових систем (індексування) (максимум - 1000 символів) Для короткого опису сторінки. Призначений для пошукових систем (індексування) (максимум - 200 символів) Атрибути тіла документа Встановлює колір фону документа, використовуючи значення кольору у вигляді RRGGBB, наприклад: FF0000 - червоний колір Встановлює колір тексту документа, використовуючи значення кольору у вигляді RRGGBB, наприклад: 000000 - чорний колір Встановлює колір гіперпосилань, використовуючи значення кольору у вигляді RRGGBB, наприклад: 00FF00 - зелений колір Встановлює колір гіперпосилань, на яких ви вже побували, використовуючи значення кольору у вигляді RRGGBB, наприклад: 333333 - сірий колір Встановлює колір гіперпосилань при натисканні Теги фізичного форматування тексту Створює новий абзац Атрибут і параметри Значення align="left" - вирівнювання по лівому краю align="right" - вирівнювання по правому краю align="center" - вирівнювання по центру Тег авторського форматування. Виділяє попередньо відформатований і розмічений текст, тобто - рядки відображаються точно так само, як надруковані, і при цьому зберігаються множинні пробіли і переведення рядків Виділення жирним шрифтом (болд) - приклад Виділення нахиленим шрифтом (курсивом) - приклад Виділення підкресленням - приклад Виділення переккреслюванням - приклад Оформлення шрифтом з фіксованою шириною літер (моноширинним шрифтом); використовується рідко - приклад Текст із великим розміром літер (використовується рідко) - приклад Текст із малим розміром літер (використовується рідко) - приклад Використовується для підрядкових індексів - приклад приклад Використовується для надрядкових індексів - приклад приклад
Відображує текстову чи графічну інформацію в центрі наданого простору Забороняє переведення на новий рядок Вказує де розбивати рядок для перенесення на новий Вставлює примусове переведення на новий рядок Теги логічного форматування тексту Створює найбільший заголовок ,
, ,
Створює заголовки проміжних розмірів Створює найменший заголовок Цитата ; зазвичай відокремлюється пробілами зверху і знизу, а також відступом ліворуч, і відображається курсивом Текст, що має особливе значення; зазвичай виділяється крусивом - приклад Текст, що має особливе значення; "посилене" виділення тексту - приклад Текст, уведений користувачем - приклад Лістінг програми Позначає текст як зразок. Текст, позначений цим тегом, зазвичай виділяється як моноширинний Ім`я змінної. Зазвичай виділяється курсивом чи як моноширинний текст - приклад Визначає таку інформацію, як адреса, підпис і авторство. Зазвичай виділяється курсивом і відображається з відступами зверху та знизу Застосовується для позначення акрономів (абревіатур), наприклад WWW . Не відображується візуально, але необхідний для браузерів з мозним синтезом і в деяких інших випадках Текст, вміщений між тегами, не відображується браузером Тег для роботи зі шрифтами тексту Атрибути і параметри Значення face="..." - задає ім`я шрифту size="..." - задає розмір шрифту в межах від 1 до 7 (за замовчуванням розмір дорівнює 3) color="..." - задає колір шрифту Створює нумерований (впорядкований) список Атрибути і параметри Значення type=A|a|I|i|1 - задає вид нумерації start=n - задає число, з якого починається відлік
Створює ненумерований (невпорядкований) список Атрибути і параметри Значення type=disk|circle|square - визначає зовнішній вигляд маркера; за замовчуванням (disk), круглий (circle) чи квадратний (square)
Визначає кожен елемент списку для нумерованного і ненумерованного
Створює список визначень; використовується для словника термінів
Визначає кожен з термінів списку
Описує кожне визначення Важливий тег, використовується для форматування великих блоків тексту HTML документа, також використовується в таблицях стилів Якірні теги та гіперпосилання Створює гіперпосилання на іншу веб-сторінку, інтернет ресурс або файл Атрибути і параметри Значення target="_Blank" Відкриття документа в новому вікні target="_Top" Відкриття документа в поточному вікні target="_Parent" Відкриття документа в батьківському фреймі target="_Self" Відкриття документа в поточному фреймі При використанні фреймів і вкладених фреймів значенням може виступати ім'я фрейма або вкладеної сітки фреймів, прицьому сторінка відкриється у вказаній частині вікна Створює гіперпосилання виклику поштової програми для написання листа за вказаною адресою Створює гіперпосилання на мітку поточної сторінки Зазначає частину тексту, як позначку для гіперпосилань на сторінці Створює гіперпосилання на мітку іншої сторінки Графичі забраження і зображення-карти Додає зображення в HTML документ Атрибути і параметри Значення alt="текст" Містить текстовий опис, що за замовчуванням відображаеться під картункою align="bottom" Вертикальне вирівнювання картинки - притиснути картинку донизу align="top" Вертикальне вирівнювання картинки - притиснути картинку догори align="middle" Вертикальне вирівнювання картинки - розташувати картинку посередені align="left" Горизонтальне вирівнювання картинки - притиснути картинку вліво align="right" Горизонтальне вирівнювання картинки - притиснути картинку вправо align="center" Горизонтальне вирівнювання картинки - розташувати картинку посередені border="..." Встановлює товщину рамки навколо зображення в пікселях (за замовчуванням 1) width="..." Задає ширину картинки в пікселах height="..." Задає висоту картинки в пікселах vspase="..." Встановлює поля зверху і знизу від картинки hspase="..." Встановлює поля з боків від картинки Додає в HTML документ горизонтальну лінію Атрибути і параметри Значення size="..." Встановлює висоту (товщину) лінії в пікселях width="..." Встановлює ширину лінії в пікселях або відсотках noshade Створює лінію без тіні color="..." Задає лінії певний колір в значенні RRGGBB Задає зображення-карту, оремі частини якої є гіперпосиланням (чутливі області); поміщується в розділ head Задає чутливі області Атрибути і параметри Значення shape="..." Форма області: rect -прямокутник; circle -коло; poly -багатокутник href="url" Посилання при клацанні на області мишею nohref Задання неактивної області (при клацанні на ній мишею переходу за посиланням не відбувається) coords="..." Задає координати області: "x1, y1, x2, y2" - для прямокутника; "x, y, r" - для кола; "x1, y1, x2, y2,..., xn, yn, x1, y1" - для багатокутника Таблиці в HTML
Створює таблицю Атрибути і параметри Значення width="..." Задає ширину таблиці в пікселах або відсотках height="..." Задає висоту рядків в таблиці в пікселах або відсотках valign="top" Вертикальне вирівнювання тексту - притиснути вміст догори valign="bottom" Вертикальне вирівнювання тексту - притиснути вниз valign="middle" Вертикальне вирівнювання тексту - розмістити по центру align="left" Горизонтальне вирівнювання тексту - притиснути вліво align="right" Горизонтальне вирівнювання тексту - притиснути праворуч align="center" Горизонтальне вирівнювання тексту - розмістити по центру cellpadding="..." Визначає відстань між границею комірки та її вмістом у пікселах cellspacing="..." Визначає відстань між комірками у пікселах bgcolor="..." Встановлює колір фону (у форматі RGB) background="url" Встановлює фонове граічне зображення (адреса) bordercolor="..." Встановлює колір рамки (у форматі RGB) Вищенаведені атрибути і параметри застосовуються також і для тегів
і
Визначає рядок у таблиці Атрибути і параметри Значення colspan="..." Встановлює число комірок, які повинні бути об'єднані по горизонталі rowspan="..." Встановлює число комірок, які повинні бути об'єднані по вертикалі
Визначає окрему комірку в таблиці Атрибути і параметри Значення colspan="..." Встановлює число комірок, які повинні бути об'єднані по горизонталі rowspan="..." Встановлює число комірок, які повинні бути об'єднані по вертикалі
Визначає заголовок таблиці (нормальна комірка з відцентрованим жирним текстом)