Читати книгу - "інформатика, Іванна Клиса"
Шрифт:
Інтервал:
Додати в закладку:
HTML елемент <strong> визначає важливий текст з додатковим семантично "важливим" значенням.
<strong>Цей текст є виділеним</strong>
<!DOCTYPE html>
<html>
<body>
<p>Цей текст звичайний. </p>
<p><strong>Цей текст виділений strong. </strong></p>
</body>
</html>
HTML елементи <i> та <em>
HTML елемент <i> визначає курсивний текст без якого-небудь додаткового значення.
<i>Цей текст є курсивним</i>
HTML елемент <em> визначає виділений текст з додатковим семантичним значенням.
<!DOCTYPE html>
<html>
<body>
<p>Цей текст звичайний. </p>
<p><i>Цей текст курсивом. </i></p>
</body>
</html>
Наприклад:
<em>Цей текст є виділеним</em>
Браузери відображають <strong> як <b>, та <em> як <i>. Однак, є різниця в значенні цих тегів: <b> та <i> визначають жирний та курсивний текст, але <strong> та <em> означають, що текст "важливий" за смисловим значенням.
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<body>
<p>Цей текст звичайний. </p>
<p><em>Цей текст підкреслюється (віділяється, має більшу важливість). </em></p>
</body>
</html>
HTML елемент <small>
HTML елемент <small> визначає зменшений текст (відносно розміру основного тексту за умовчанням):
<h2>HTML <small>Зменшене</small> форматування</h2>
<!DOCTYPE html>
<html>
<body>
<h2>HTML <small>Small</small> форматування</h2>
</body>
</html>
HTML елемент <mark>
HTML елемент <mark> визначає маркований/виділений текст:
<h2>HTML <mark>Марковане</mark> форматування</h2>
За умовчанням маркований текст виділяється жовтим кольором.
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<body>
<h2>HTML форматування за допомогою <mark>маркування</mark></h2>
</body>
</html>
HTML елемент <del>
HTML елемент <del> визначає видалений/вилучений текст.
<p>Мій улюблений колір <del>синій</del> червоний. </p>
Текст відображається закресленим.
<!DOCTYPE html>
<html>
<body>
<p>Елемент del визначає видалений (вилучений) текст. </p>
<p>Мій улюблений колір <del>синій</del> червоний. </p>
</body>
</html>
HTML елемент <ins>
HTML елемент <ins> визначає вставлений/доданий текст.
<p>Мій улюблений <ins>колір</ins> червоний. </p>
Текст відображається підкресленим.
<!DOCTYPE html>
<html>
<body>
<p>Елемент ins визначає вставлений (доданий) текст. </p>
<p>Мій улюблений <ins>колір</ins> червоний. </p>
</body>
</html>
HTML елемент <sub>
HTML елемент <sub> визначає підрядковий текст (нижній індекс).
<p>Це є <sub>підрядковий</sub> текст. </p>
Текст відображається як нижній індекс.
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<body>
<p>Цей текст в <sub>нижньому</sub> індексі (підрядковий). </p>
</body>
</html>
HTML елемент <sup>
HTML елемент <sup> визначає надрядковий текст (верхній індекс).
<p>Це є <sup>надрядковий</sup> текст. </p>
Текст відображається як верхній індекс.
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<body>
<p>Цей текст в <sup>верхньому</sup> індексі (надрядковий). </p>
Увага!
Сайт зберігає кукі вашого браузера. Ви зможете в будь-який момент зробити закладку та продовжити читання книги «інформатика, Іванна Клиса», після закриття браузера.
