SlideShare a Scribd company logo
1 of 12
Download to read offline
HTML - Форматирование
текста
2.4.7 Определение текста
Содержание:
• Определение форматирования в HTML
• Краткие примеры элементов форматирования
Форматирование текста — средства его изменения, такие как выбор
начертания шрифта и использование эффектов, позволяющих менять
вид текста.
Элементы форматирования для отображения специальных типов текста:
Тег Определение Пример
<b> Жирное начертание текста Текст
<strong> Жирное начертание текста Текст
<i> Курсивное начертание текста Текст
<em> Курсивный текст Текст
<mark> Отмеченный текст Текст
<small> Маленький текст Текст
<del> Удаленный текст Текст
<ins> Выделенный текст Текст
<sub> Подстрочный текст Текст текст
<sup> Надстрочный текст Текст текст
Элементы <b>,<strong>, <i>, <em>
Эти теги предназначены чтобы указать на важность слова или фразы.
• Теги <strong> и <em> определяют важность отмеченного текста.
• Теги <b> и <i> предназначены для выделения текста без придания
ему особой важности.
Элемент <small>
• Тег <small> уменьшает размер шрифта на единицу по сравнению
с обычным текстом.
Элемент <mark>
• Тег <mark> помечает текст как выделенный. Такой текст ничем не
отличается от обычного, но его вид может быть изменен с
помощью стилей.
Элемент <del>
• Тег <del> используется для выделения текста, который был удален
в новой версии документа. Подобное форматирование позволяет
отследить, какие изменения в тексте документа были сделаны.
Элемент <ins>
• Тег <ins> предназначен для выделения текста, который был
добавлен в новую версию документа. Подобное форматирование
позволяет отследить, какие изменения в тексте документа были
сделаны.
Элемент <sub>
• Отображает шрифт в виде нижнего индекса. Текст при этом
располагается ниже базовой линии остальных символов строки и
уменьшенного размера.
Элемент <sup>
• Отображает шрифт в виде верхнего индекса. Шрифт при этом
отображается выше базовой линии текста и уменьшенного
размера.
«Мүмкүнчүлүктөрү чектелген адамдарга карата IT окутуу» проекти Европалык Союзу тарыбынан
финансылоо болгон.
Бул документин мазмуну толугу менен IT Академиянын жоопкерчилиги жана эч кандай жолунда
Европалык Комиссиянын көз карашын көргөзбөйт.
Проект «IT тренинг для людей с ограниченными возможностями» финансирован Европейским Союзом.
Содержание этого документа полностью является ответственностью IT Academy и никак не отражает
взгляды Европейской Комиссии.
The project “Promotion of IT training for people with disabilities” is financed by the European Union.
The content of this document is the sole responsibility of IT Academy and can in no way be taken to reflect the views of
the European Commission.
#programmingwithoutbarriers
#cheksizprogramming

More Related Content

More from IT Academy Project EU

Использование Google Fonts
Использование Google FontsИспользование Google Fonts
Использование Google FontsIT Academy Project EU
 
Создаем границы для элементов в CSS
Создаем границы для элементов в CSSСоздаем границы для элементов в CSS
Создаем границы для элементов в CSSIT Academy Project EU
 
Работа с графикой (GIMP)
Работа с графикой (GIMP)Работа с графикой (GIMP)
Работа с графикой (GIMP)IT Academy Project EU
 
3.5.3 Свойства границы в CSS
3.5.3 Свойства границы в CSS3.5.3 Свойства границы в CSS
3.5.3 Свойства границы в CSSIT Academy Project EU
 
3.1.5 Основные селекторы
3.1.5 Основные селекторы3.1.5 Основные селекторы
3.1.5 Основные селекторыIT Academy Project EU
 
3.2.1 CSS - Свойсва шрифта
3.2.1 CSS - Свойсва шрифта3.2.1 CSS - Свойсва шрифта
3.2.1 CSS - Свойсва шрифтаIT Academy Project EU
 
CSS - Basic properties and attributes
CSS - Basic properties and attributesCSS - Basic properties and attributes
CSS - Basic properties and attributesIT Academy Project EU
 
2.7.1 Основные элементы управления:
2.7.1 Основные элементы управления:2.7.1 Основные элементы управления:
2.7.1 Основные элементы управления:IT Academy Project EU
 

More from IT Academy Project EU (20)

1.1.1 Text Alternatives
1.1.1 Text Alternatives1.1.1 Text Alternatives
1.1.1 Text Alternatives
 
Использование Google Fonts
Использование Google FontsИспользование Google Fonts
Использование Google Fonts
 
Создаем границы для элементов в CSS
Создаем границы для элементов в CSSСоздаем границы для элементов в CSS
Создаем границы для элементов в CSS
 
Работа с графикой (GIMP)
Работа с графикой (GIMP)Работа с графикой (GIMP)
Работа с графикой (GIMP)
 
4.5 Веб-дизайн
4.5 Веб-дизайн4.5 Веб-дизайн
4.5 Веб-дизайн
 
3.5.5 Свойства Margin
3.5.5 Свойства Margin3.5.5 Свойства Margin
3.5.5 Свойства Margin
 
3.5.4 Свойства Padding
3.5.4 Свойства Padding3.5.4 Свойства Padding
3.5.4 Свойства Padding
 
3.5.3 Свойства границы в CSS
3.5.3 Свойства границы в CSS3.5.3 Свойства границы в CSS
3.5.3 Свойства границы в CSS
 
3.1 BASICS CSS
3.1 BASICS CSS3.1 BASICS CSS
3.1 BASICS CSS
 
CSS - Цвета
CSS - ЦветаCSS - Цвета
CSS - Цвета
 
3.1.5 Основные селекторы
3.1.5 Основные селекторы3.1.5 Основные селекторы
3.1.5 Основные селекторы
 
3.2.1 CSS - Свойсва шрифта
3.2.1 CSS - Свойсва шрифта3.2.1 CSS - Свойсва шрифта
3.2.1 CSS - Свойсва шрифта
 
2.4.7 HTML - Формы
2.4.7 HTML - Формы2.4.7 HTML - Формы
2.4.7 HTML - Формы
 
CSS - Basic properties and attributes
CSS - Basic properties and attributesCSS - Basic properties and attributes
CSS - Basic properties and attributes
 
Что такое CSS?
Что такое CSS?Что такое CSS?
Что такое CSS?
 
HTML - Гиперссылки
HTML - ГиперссылкиHTML - Гиперссылки
HTML - Гиперссылки
 
2.5.1 kartinki
2.5.1 kartinki2.5.1 kartinki
2.5.1 kartinki
 
2.7.1 Основные элементы управления:
2.7.1 Основные элементы управления:2.7.1 Основные элементы управления:
2.7.1 Основные элементы управления:
 
2.5.1 images
2.5.1 images2.5.1 images
2.5.1 images
 
2.4.5 Кодировка utf-8
2.4.5 Кодировка utf-82.4.5 Кодировка utf-8
2.4.5 Кодировка utf-8
 

2.4.7 HTML - Форматирование текста

  • 1. HTML - Форматирование текста 2.4.7 Определение текста
  • 2. Содержание: • Определение форматирования в HTML • Краткие примеры элементов форматирования
  • 3. Форматирование текста — средства его изменения, такие как выбор начертания шрифта и использование эффектов, позволяющих менять вид текста.
  • 4. Элементы форматирования для отображения специальных типов текста: Тег Определение Пример <b> Жирное начертание текста Текст <strong> Жирное начертание текста Текст <i> Курсивное начертание текста Текст <em> Курсивный текст Текст <mark> Отмеченный текст Текст <small> Маленький текст Текст <del> Удаленный текст Текст <ins> Выделенный текст Текст <sub> Подстрочный текст Текст текст <sup> Надстрочный текст Текст текст
  • 5. Элементы <b>,<strong>, <i>, <em> Эти теги предназначены чтобы указать на важность слова или фразы. • Теги <strong> и <em> определяют важность отмеченного текста. • Теги <b> и <i> предназначены для выделения текста без придания ему особой важности.
  • 6. Элемент <small> • Тег <small> уменьшает размер шрифта на единицу по сравнению с обычным текстом.
  • 7. Элемент <mark> • Тег <mark> помечает текст как выделенный. Такой текст ничем не отличается от обычного, но его вид может быть изменен с помощью стилей.
  • 8. Элемент <del> • Тег <del> используется для выделения текста, который был удален в новой версии документа. Подобное форматирование позволяет отследить, какие изменения в тексте документа были сделаны.
  • 9. Элемент <ins> • Тег <ins> предназначен для выделения текста, который был добавлен в новую версию документа. Подобное форматирование позволяет отследить, какие изменения в тексте документа были сделаны.
  • 10. Элемент <sub> • Отображает шрифт в виде нижнего индекса. Текст при этом располагается ниже базовой линии остальных символов строки и уменьшенного размера.
  • 11. Элемент <sup> • Отображает шрифт в виде верхнего индекса. Шрифт при этом отображается выше базовой линии текста и уменьшенного размера.
  • 12. «Мүмкүнчүлүктөрү чектелген адамдарга карата IT окутуу» проекти Европалык Союзу тарыбынан финансылоо болгон. Бул документин мазмуну толугу менен IT Академиянын жоопкерчилиги жана эч кандай жолунда Европалык Комиссиянын көз карашын көргөзбөйт. Проект «IT тренинг для людей с ограниченными возможностями» финансирован Европейским Союзом. Содержание этого документа полностью является ответственностью IT Academy и никак не отражает взгляды Европейской Комиссии. The project “Promotion of IT training for people with disabilities” is financed by the European Union. The content of this document is the sole responsibility of IT Academy and can in no way be taken to reflect the views of the European Commission. #programmingwithoutbarriers #cheksizprogramming