Текст у вигляді нижнього та верхнього індексу:
This text contains subscript Text.
This text contains superscript Text.
Опис та використання
Тег визначає текст як нижнього індексу. Нижній індекс виглядає як символ під рядком. Подібний текст може бути використаний у хімічних формулах: H2O.
Тег визначає текст як верхнього індексу. Верхній індекс виглядає як символ над рядком. Верхній індекс може використовуватися для виносок: WWW.
Різниця між HTML та XHTML
Стандартні атрибути
Подієві атрибути
Атрибут | Значення | Опис |
---|---|---|
onclick | скрипт | Скрипт буде виконано під час кліку |
ondblclick | скрипт | Скрипт буде виконано при подвійному кліку |
onfocus | скрипт | Скрипт буде виконано під час отримання фокусу |
onmousedown | скрипт | Скрипт буде виконано при натисканні кнопки мишки |
onmousemove | скрипт | Скрипт буде виконано під час руху курсора мишки |
onmouseout | скрипт | Скрипт буде виконано, коли курсор мишки залишить межі елемента |
onmouseover | скрипт | Скрипт буде виконано, коли курсор мишки знаходиться над елементом |
onmouseup | скрипт | Скрипт буде виконано, коли кнопка мишки буде відпушена |
onkeydown | скрипт | Скрипт буде виконано при натисканні клавіші |
onkeypress | скрипт | Скрипт буде виконано при натисканні клавіші та наступного розтискання |
onkeyup | скрипт | Скрипт буде виконано при натисканні клавіші |
Опис
Відображає шрифт у вигляді нижнього індексу. Текст при цьому розташовується нижче за базову лінію інших символів рядка і зменшеного розміру.
Синтаксис
ТекстЗакриваючий тег
Обов'язковий.
Атрибути
Аналог CSS
приклад. Використання тега
Під дією гідроксиламіну альдегіди перетворюються на оксими: СН 3СНТ + NH 2 OH = CH 3 C(=NOH)H + H 2 O
Специфікація?
✖
Специфікація
Кожна специфікація проходить кілька стадій схвалення.
- Recommendation (Рекомендація) - специфікація схвалена W3C та рекомендована як стандарт.
- Candidate Recommendation ( Можлива рекомендація) - група, відповідальна за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.
- Proposed Recommendation ( Пропонована рекомендація) - на цьому етапі документ подано на розгляд Консультативної ради W3C для остаточного затвердження.
- Working Draft (Робочий проект) - більш зріла версія чернетки після обговорення та внесення поправок для розгляду спільнотою.
- Editor"s draft ( Редакторська чернетка) - Чорнова версія стандарту після внесення правок редакторами проекту.
- Draft ( Чернетка специфікації) – перша чорнова версія стандарту.
Особняком стоїть живий стандарт HTML(Living ) - він не дотримується традиційної нумерації версій, оскільки перебуває у постійній розробці та оновлюється регулярно.
Браузери: Настільні Мобільні ?
Internet Explorer | Chrome | Opera | Safari | Firefox |
2 | 1 | 3.5 | 1 | 1 |
Android | Firefox Mobile | Opera Mobile | Safari Mobile |
1 | 1 | 6 | 1 |
Тег
Тег використовується для вказівки шрифту у нижньому регістрі (індексі). Нижній регістр – це символи зменшеного розміру, які відображаються зі зміщенням вниз по відношенню до інших символів рядка. Взагалі, згідно з загальноприйнятим визначенням, символи нижнього регістру повинні розташовуватися нижче базової лінії поточного рядка, але з усіх браузерів вміст контейнера так відображає лише Opera - решта виводять символи трохи вище.
Базова лінія - це уявна лінія, що проходить по нижньому краю символів. Деякі літери (щ, ц, у, д, р, ф) частково виходять за базову лінію.
Атрибути
Особисті атрибути:ні.
- accesskey – встановлює клавішу швидкого доступу для фокусування на HTML-елементі.
- class - задає ім'я класу або класів тегу, що використовуються у CSS (Каскадні таблиці стилів).
- dir - вказує напрямок тексту всередині елемента.
- - задає ім'я ідентифікатора HTML-тегу, який може використовуватися як «якор» або таблиці стилів.
- lang - вказує мову, якою написаний текст усередині HTML-елемента.
- style - необхідний для застосування вбудованих стилів CSSдо теґу.
- tabindex – встановлює порядок табуляції між елементами (клавіша Tab).
- title - виводить підказку при наведенні курсору миші на HTML-елемент.
Тип тега
Призначення: текст (рядки).
Модель тега: inline (вбудований, рівня рядка).
Може містити: inline-теги, звичайний текст та спецсимволи HTML(Мнемоніки).
Відкриваючий тег:необхідний. Закриває тег:необхідний.
Синтаксис
вмістПриклад HTML: застосування тега SUB
t n= n!
Наведемо опис тегів фізичного форматування. Частина з них не рекомендується використовувати специфікацію HTML 4.0 з наведених вище причин. Деякі теги скасовані (deprecate) специфікацією HTML 4.0, але вони продовжують підтримуватися браузерами.
Тег
Тег відображає текст напівжирним шрифтом. Найчастіше рекомендується замість тега використовувати тег логічного форматування . Наприклад:
Це напівжирнийшрифт.
Мал. 1.2.Приклади фізичного форматування тексту (браузером Netscape)
Тег
Тег відображає текст курсивом. Для більшості випадків замість цього тега рекомендується використовувати теги , , або , оскільки останні краще відображають призначення тексту, що виділяється. Наприклад:
Виділення курсивом
Тег
Тег відображає текст моноширинним шрифтом. Для більшості випадків замість цього тега краще використовувати теги ,
або . Приклад:
Це моношириннийшрифт.
Тег
Тег відображає текст підкресленим. Скасований тег. Замість нього рекомендується використовувати теги або . Наприклад:
приклад підкресленнятексту.
Теги і
Теги і відображають текст, перекреслений горизонтальною лінією. Скасований тег. Замість цього слід використовувати тег . Наприклад:
приклад закресленоготексту.
В даний час тег підтримується не всіма браузерами, тому поки що рекомендується використовувати у поєднанні з тегом . Зокрема, всередину тега-контейнера можна вкласти пару тегів
....
Тег
Тег виводить текст більшим шрифтом (ніж непомічена частина тексту) розміру. Замість цього елемента краще використовувати або теги заголовків, наприклад,
Шрифт більшогорозміру.
Тег
Тег виводить текст меншим шрифтом. Оскільки в HTML немає тега, протилежного до дії тегу , то для цих цілей можна застосовувати тег . Більшість браузерів підтримують вкладені теги Однак використовувати такий підхід не рекомендується. Наприклад:
Шрифт меншогорозміру.
Тег
Тег зсуває текст нижче рівня рядка і виводить його (якщо можливо) меншим шрифтом розміру. Зручно використовуватиме математичних індексів. Наприклад:
Приклад шрифту для нижньогоіндексу.
Тег
Тег зсуває текст вище за рівень рядка і виводить його (якщо можливо) шрифтом меншого розміру. Зручно використовуватиме завдання ступенів чисел у математиці. Наприклад:
Приклад шрифту для верхньогоіндексу.
Тег
Тег
Тег
Тег-контейнер є аналогом тега рівня блоку Браузер Microsoft Internet Explorer додатково дозволяє використовувати такі параметри тега: DIR, DATAFLD, DATAFORMATAS, DATASRC. Опис параметрів можна знайти у другій частині книги. Мал. 1.3.Використання вкладених тегів форматування тексту Теги форматування можуть бути вкладені один в одного. При цьому слід уважно стежити, щоб один контейнер був повністю в іншому контейнері. На рис. 1.3 показаний приклад використання вкладення елемента курсиву елемент напівжирного шрифту. Використано наступний фрагмент HTML-коду: Це напівжирнийшрифт. Це курсив. А тут текст напівжирний та курсивнийВ> Тег
Тег вказує параметри шрифту. Він належить до тегів фізичного форматування рівня тексту. Призначення параметрів шрифту безпосередньо в тексті документа порушує основну ідею поділу змістовної частини документа та опису форми подання документа. Тому в специфікації HTML 4.0 цей тег, а також тег Незважаючи на ці грізні попередження, мабуть, для найпростіших документів фізичне форматування можна вважати допустимим. Крім того, починати навчання основам форматування найпростіше саме з правил безпосереднього вказівки форматів елементів. До стильового оформлення розробник-початківець повинен ще зрости. Тег відноситься до послідовних елементів, тому не може включати елементи рівня блоку, наприклад, Або Для тега можуть задаватися такі параметри: FACE, SIZE та COLOR. Зауважимо, що браузер Netscape допускає також використання двох додаткових параметрів: POINT-SIZE та WEIGHT, опис яких опускаємо. Параметр FACE служить для вказівки типу шрифту, яким програма перегляду користувача виводитиме текст (якщо такий шрифт є на комп'ютері). Значення цього параметра є назва шрифту, яка повинна точно співпадати з назвою шрифту, що має у користувача. Якщо такого шрифту не буде знайдено, ця вказівка буде проігнорована та буде використаний шрифт, встановлений за замовчуванням. Можна вказати як один, так і кілька назв шрифтів, розділяючи їх комами. Це дуже корисна властивість, тому що в різних системах можуть бути майже ідентичні шрифти, які називаються по-різному. Іншою важливою якістю є завдання переваги використання шрифтів. Список шрифтів переглядається зліва направо. Якщо на комп'ютері користувача немає шрифту, вказаного у списку першим, робиться спроба знайти наступний шрифт і т.д. Наведемо приклад використання параметра FACE: Приклад завдання назви шрифту. На рис. 1.4 показано відображення прикладу браузером Netscape. У прикладі як бажане вказується шрифт Verdana, за його відсутності буде використаний шрифт Arial і т.д. Мал. 1.4.Відображення прикладу браузером Netscape Цей параметр служить для вказівки розмірів шрифту в умовних одиницях від 1 до 7. Конкретний розмір шрифту залежить від програми перегляду. Вважають, що розмір "нормального" шрифту відповідає значенню 3. Налаштування розмірів шрифту, які використовуються за замовчуванням, а також розміри абсолютної зміни розмірів шрифту залежать від браузерів. На рис. 1.5 показано вікно налаштування браузера Netscape, в якому задаються стандартні шрифти. Розмір шрифту вказується як абсолютною величиною (SIZE=2), і відносної (SIZE=+1). Останній спосіб часто використовується у поєднанні із завданням базового розміру шрифту за допомогою тега Примітка
При вказівці розмірів шрифтів записи типу "2" і "+2" (на відміну більшості мов програмування, у яких унарний знак "+" можна опускати) дають принципово різний результат. Наведемо приклад, у якому використані різні способипризначення розмірів шрифтів Відображення прикладу показано на рис. 1.6. Мал. 1.5.Вікно налаштування параметрів шрифтів браузера Netscape Мал. 1.6.Призначення розмірів шрифтів Шрифт розміру 1 Шрифт розміру 2 Шрифт розміру 3 Шрифт розміру 4 Шрифт розміру 5 Шрифт розміру 6 Шрифт розміру 7 Цей параметр встановлює колір шрифту, який можна встановити за допомогою стандартних імен або у форматі #RRGGBB. Наведемо приклад документа з кольоровим текстом. Текст зеленого кольору Текст червоного кольору Тег Тег Примітка
Тег Зауважимо, що для тега Як параметри можуть використовуватися такі самі параметри, що і для тега , А саме: FACE, SIZE та COLOR. Призначення та правила запису параметрів аналогічні. Примітка
Браузер Netscape не допускає застосування параметра FACE тега Наведемо приклад використання тега Текст, записаний стандартним шрифтом. Розмір шрифту 2. Розмір шрифту 4. Текст після таблиці У наведеному прикладі двічі перевизначається розмір шрифту, який використовується за замовчуванням. Спочатку він дорівнює 3 (за умовчанням). Потім встановлюється рівним 2, далі - 4. Зверніть увагу на відображення прикладу (рис. 1.7). Видно, що для таблиць призначення тега Мал. 1.7.Відображення прикладу з тегом Тег визначає підрядковий текст. Підрядковий текст має висоту вдвічі менше і з'являється під базовою лінією. Підрядковий текст може використовуватися для написання хімічних формул, наприклад H 2 O. Тег визначає надрядковий текст. Надрядковий текст має висоту вдвічі менше і з'являється над базовою лінією. Надрядковий текст може використовуватися при написанні виносок, наприклад WWW. Теги і підтримуються основними браузерами. Стовпець DTDвказує, у якому типі документа HTML 4.01/XHTML 1.0 DTD атрибут дозволено. S = Strict, T = Transitional і F = Frameset. Теги і підтримують такі стандартні атрибути: Додаткова інформація про Стандартні Атрибути. Теги і підтримують такі атрибути подій: Додаткова інформація про.
Текст всередині комірки таблиці
HTML Теги і - Підрядковий та Надрядковий Текст
Визначення та Використання
Підтримка Браузерами
Відмінності Між HTML та XHTML
Стандартні атрибути
Атрибут
Значення
Опис
DTD
class
ім'я_класу
Вказує ім'я класу елемента
STF
dir
rtl
ltrВказує напрямок тексту вмісту в елементі
STF
id
ідентифікатор
Вказує унікальний ідентифікатор елемента
STF
lang
код_мови
Вказує код мови для вмісту елемента
STF
style
визначення_стилю
Вказує вбудований стиль елемента
STF
title
текст
Вказує додаткову інформаціюпро елемент
STF
xml:lang
код_мови
Визначає код мови для вмісту елемента в документах XHTML
STF
Атрибути подій
Атрибут
Значення
Опис
DTD
onclick
скрипт
Скрипт, що запускається при натисканні мишею
STF
ondblclick
скрипт
Скрипт, що запускається при подвійному клацанні мишею
STF
onmousedown
скрипт
Скрипт, який запускається при натисканні кнопки миші
STF
onmousemove
скрипт
Скрипт, який запускається при переміщенні покажчика миші
STF
onmouseout
скрипт
Скрипт, який запускається, коли вказівник миші йде за межі елемента
STF
onmouseover
скрипт
Скрипт, який запускається, коли вказівник миші переміщається над елементом
STF
onmouseup
скрипт
Скрипт, що запускається під час відпускання кнопки миші
STF
onkeydown
скрипт
Скрипт, який запускається при натисканні клавіші
STF
onkeypress
скрипт
Скрипт, який запускається, коли клавіша натиснута, а потім відпущена
STF
onkeyup
скрипт
Скрипт, який запускається, коли клавіша відпущена
STF