Слід зазначити, що теги і , також як і є не зовсім еквівалентними і замінними. Перший тег – є тегом фізичної розмітки і встановлює жирний текст, а тег – тегом логічної розмітки і визначає важливість позначеного тексту. Такий поділ тегів на логічне і фізичне форматування спочатку призначалося, щоб зробити HTML універсальним, в тому числі не залежних від пристрою виводу інформації. Теоретично, якщо скористатися, наприклад, мовним браузером, то текст, оформлений за допомогою тегів і , буде відзначений по-різному. Однак вийшло так, що в популярних браузерах результат використання цих тегів рівнозначний.

Поділитися цим:

Основи HTML. Форматування символів

Тег призначений для акцентування тексту. Браузери відображають такий текст жирним шрифтом.

в становлює жирне накреслення шрифту. Допустимо використовувати цей тег спільно з іншими тегами, які визначають накреслення тексту.

Тег призначений для акцентування тексту. Браузери відображають такий текст курсивним шрифтом.

Встановлює курсивне накреслення шрифту. Допустимо використовувати цей тег спільно з іншими тегами, які визначають накреслення тексту.

Додає підкреслення до тексту. Цей тег засуджується специфікацією HTML, натомість рекомендується використовувати стилі.

Тег відображає текст як перекреслений. Замість цього тега рекомендується використовувати стилі.

Тег збільшує розмір шрифту на одиницю в порівнянні зі звичайним текстом. В HTML розмір шрифту вимірюється в умовних одиницях від 1 до 7, середній розмір тексту, що використовується за замовчуванням, прийнятий 3. Таким чином, додавання тега збільшує текст на одну умовну одиницю. Допускається застосування вкладених тегів , при цьому розмір шрифту буде більш им з кожним рівнем.

Тег зменшує розмір шрифту на одиницю в порівнянні зі звичайним текстом. В HTML розмір шрифту вимірюється в умовних одиницях від 1 до 7, середній розмір тексту, що використовується за замовчуванням, прийнятий 3. Таким чином, додавання тега зменшує текст на одну умовну одиницю. Допускається застосування вкладених тегів , при цьому розмір шрифту буде менше з кожним вкладеним рівнем, але не може бути менше, ніж 1.

Відображає шрифт у вигляді нижнього індексу. Текст при цьому розташовується нижче базової лінії інших символів рядка і зменшеного розміру.

Відображає шрифт у вигляді верхнього індексу. Шрифт при цьому відображається вище базової лінії тексту і зменшеного розміру.

Тег призначений для відображення од ного або декількох рядків тексту, який являє собою програмний код. Сюди відносяться імена змінних, ключові слова, тексти функції і т.д. Браузери зазвичай відображають вміст контейнера як моно ширинний текст зменшеного розміру.

Елемент визначає блок попередньо форматованого тексту. Такий текст відображається зазвичай моношир и нним шрифтом із усіма пробілами між словами. За замовчуванням, будь-яку кількість пробілів, які йдуть в коді поспіль, на веб-сторінці показується як один. Тег дозволяє обійти цю особливість і відображати текст як потрібно розробнику . В середині контейнера допустимо застосовувати будь-які теги крім наступних: , , , , і .

Тег призначений для виділення тексту, який був доданий до нової версії документа. Подібне форматування дозволяє відстежити, які зміни в тексті документа були зроблені.

Тег використовується для виділення тексту, який був вилучений у новій версії документа. Подібне форматування дозволяє відстежити, які зміни в тексті документа були зроблені. Браузери зазвичай позначають текст у контейнері як перекреслений.

Тег використовується для виділення в тексті цитат. Вміст контейнера автоматично відображається в браузері в лапках.

Тег призначений для виділення довгих цитат всередині документа. Текст, позначений цим тегом, традиційно відображається як вирівняний блок з відступами зліва і справа (приблизно по 40 пікселів), а також з відбиття зверху і знизу.

Тег позначає текст як цитату або виноску на інший матеріал. Таке виділення зручно для зміни стилю тексту через CSS, а також застосовується для поділу коду HTML на структурні елементи. Браузери зазвичай встановлюють текст всередині контейнера курсивом

Тег
встановлює новий рядок в тому місці, де цей тег знаходиться. На відміну від тега абзацу

, використання тега
Не додає порожній відступ перед рядком. Якщо текст, в якому використовується новий рядок, обтікає плаваючий елемент, то за допомогою атрибута clear тега
можна зробити так, щоб наступний рядок починалася нижче елемента.

Малює горизонтальну лінію, яка за своїм виглядом залежить від використовуваних параметрів, а також браузера. Тег

Відеоматеріали:

Завдання

1. Переглянути запропоновану статтю та законспектувати основні моменти;

2. Виконати завдання практичної частини:

Практична частина:

1. Завантажити заготовку практичної роботи .
2. Відкрити завантажений файл, увімкнути підсвітку мови HTML та зберегти його у власній папці під іменем page2.html
3. Застосувати зазначені теги до абзаців з їх описом.
4. Під час роботи систематично зберігати файл та перевіряти його працездатність.

3. Створену веб сторінку надіслати на перевірку використовуючи E-mail.