Інформація про новину
  • Переглядів: 117
  • Дата: 5-04-2021, 00:03
5-04-2021, 00:03

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

Категорія: Інформатика





Попередня сторінка:  22. Мова гіпертекстової розмітки
Наступна сторінка:   24. Списки в HTML

23.1.

ТЕГИ НАКРЕСЛЕННЯ

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

Існують випадки, коли до фрагментів тексту слід застосувати два або відразу три типи накреслення. Наприклад, зробити шрифт напівжирним курсивом або підкресленим курсивом. Для цього використовують обидва теги, наприклад: <Ь><і>текст</і></Ь>. У цьому випадку слід пам’ятати правило вкладених тегів, відповідно до якого їх потрібно закривати у зворотному до відкриття порядку. Тобто якщо спершу відкрити тег курсиву, а потім тег підкреслення, то спочатку слід закривати тег підкреслення, а потім тег курсиву.

ПРАКТИЧНЕ ЗАВДАННЯ 1

Додайте в сайті BestTravel необхідні теги накреслення.

З рисунка видно, що у блоці Гарячі тури слід виділити напівжирним вартості турів, а в останньому блоці напівжирним шрифтом виділено окремі фрагменти тексту.

1. Додайте теги <b>...</b> для вартості турів, до фрагмента «Київ» та фрагмента «найпопулярніших місць Києва:»

2. Збережіть файл та відкрийте у вікні браузера. В результаті позначені фрагменти мають стати напівжирними.

23.2.

ТЕГИ ВИДОЗМІНИ ШРИФТУ

Розглянемо ще ряд тегів, які дозволять змінити зовнішній вигляд шрифту:

На рисунку 23.1. наведено приклад html-коду з використанням цих тегів та відповідне відображення цього коду у вікні браузера.

23.3.

ЗМІНА ГАРНІТУРИ ШРИФТУ, КОЛЬОРУ ТА РОЗМІРУ

Розглянемо ще один тег, який дозволяє змінити такі параметри, як гарнітуру шрифту, колір та розмір. Усі ці параметри можна встановити за допомогою атрибутів тегу <font>.

Він має таку конструкцію:

На рисунку наведено деякі зразки кодів та відповідне їхнє відображення у вікні браузера.

ПРАКТИЧНЕ ЗАВДАННЯ 2

Змініть необхідні параметри шрифту в сайті BestTravel.

1. Установіть колір заголовків.

a. Додайте до першого заголовка тег <font>.

b. Додайте до тегу <font> атрибут color зі значенням #420000.

2. Змініть гарнітуру всього шрифту, встановивши значення Arial. Оскільки гарнітуру слід змінити для всієї сторінки, то атрибут face додайте для тегу <body>.

3. Збережіть файл та відкрийте у вікні браузера. В результаті позначені фрагменти мають змінити колір шрифту та гарнітуру.

Контрольні запитання та завдання

1. Як змінити накреслення шрифту?

2. Як зробити шрифт курсивом та підкресленим; напівжирним та підкресленим; напівжирним та курсивом?

3. З допомогою яких тегів можна зменшити або збільшити шрифт?

4. Як змінити гарнітуру шрифту; колір шрифту; розмір шрифту?

Питання для роздумів

1. Чи можна для створення верхніх та нижніх індексів використовувати теги збільшення та зменшення шрифту?

2. Де на практиці можна використовувати теги видозміни шрифту? Наведіть приклади.

3. Що краще: використовувати для зміни розміру шрифту теги видозміни шрифту чи атрибут size для тегу <font>? Відповідь обґрунтуйте.

Завдання для дослідження

1*. З допомогою яких html-кодів можна відформатувати текст наступним чином:

 

 

 

Це матеріал з підручника Інформатика 8 клас Казанцева, Стеценко (2021)

 



Попередня сторінка:  22. Мова гіпертекстової розмітки
Наступна сторінка:   24. Списки в HTML



^