Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
практичні кп-кс 2 курс.docx
Скачиваний:
0
Добавлен:
01.07.2025
Размер:
2.12 Mб
Скачать

Практична робота № 5

Тема: Створення Web-документів, що містять теги форматування символів.

Мета: Уміти створювати прості web-сторінки та надавати їм певного вигляду, використовуючи для цього основні команди мови HTML.

Програмне забезпечення: Блокнот та ОС Windows.

Теоретичні відомості

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

Теги

Ефект

Приклад

<B> та </B>

Напівжирне накреслення

bold

<I> та </I>

Курсивне накреслення

italic

<U> та </U>

Підкреслене

underlined

<S> та </S>

Перекреслене

striken

<SUP> та </SUP>

Верхній індекс

superscript

<SUB> та </SUB>

Нижній індекс

subscript

<BASEFONT> - одинарний тег, задає гарнітуру(шрифт), розмір і колір шрифту, діє на весь текст і має такі атрибути:

  • FACE=”значення” – гарнітура (шрифт), наприклад FACE=”Monotype Corsiva”, тоді текст html-документу буде мати гарнітуру шрифта Monotype Corsiva.

  • SIZE=значення – розмір шрифту (ціле число від 1 до 7). Шрифти різних розмірів мають такий вигляд: 1 2 3 4 5 6 7 (7-найбільший розмір шрифту)

  • COLOR=значення – колір шрифту. Як значення кольору можна використовувати назви кольорів англійською мовою, такі як red, green,blue тощо, або шістнадцяткові значення, що починаються з символу # і послідовно задають червоний, зелений та синій кольори, які мають бути змішані для отримання потрібного. Наприклад #FF0000, #008000, #0000FF.

<FONT АТРИБУТИ>Текст</FONT> - подвійний тег, задає гарнітуру(шрифт), розмір і колір шрифту для фрагменту тексту і має такі самі атрибути як тег <BASEFONT>

Є й інші теги, які можна застосувати для зміни параметрів тексту.

  • <BIG>Текст</BIG> - збільшення розміру шрифту. Розмір символів тексту збільшується на одиницю відносно поточного рівня.

  • <SMALL>Текст</SMALL> - зменшення розміру шрифту. Розмір символів зменшується на одиницю відносно поточного рівня.

  • <EM>Текст</EM> - виділення важливих фрагментів тексту. Текст відображатиметься курсивом.

  • <DEL>Текст</DEL> - створення перекресленого тексту. Текст буде перекреслено горизонтальною лінією.

<MARQUEE>Текст</MARQUEE> - рухомий рядок.

Для поділу HTML-документа на логічно закінчені блоки використовують заголовки. Завдяки заголовкам відвідувач Web-сторінки може отримати уявлення про її вміст. Для задання заголовків на Web-сторінці використовується парний тег:

<Hn> заголовок текста </Hn> , де де n = 1, 2, 3, 4, 5, 6.

Існує шість рівнів заголовків – від H1 (найбільш важливий) до H6 (найменш важливий). Заголовки відокремлюються порожніми рядками від іншого тексту.

Для поділу HTML-документа на абзаци використовують теги:

<Р> текст </Р> – абзац. Можна використовувати тільки відкриваючий тег.

<ВR> – початок нового рядка (але не абзаца). Теги <BR> зручні при оформленні поштових адрес, наборі віршів тощо.

<HR> – вставка горизонтальної лінії.

Абзаци, що задаються тегами <Р> і <BR>, за умовчанням вирівнюються по лівому краю сторінки. Змінити таке вирівнювання можна за допомогою атрибута align.

align= "center" – вирівнювання по центру;

alіgn= "right" - вирівнювання по правому краю сторінки;

align="left") - вирівнювання по лівому краю сторінки.