HTML. Символи. Заголовки.

 Повторити теоретичний матеріал:

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

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

Для переходу на новий рядок використовується тег <BR> .

Для виділення тексту в абзаци існують теги <P> та </P> .

Текст, розміщений між тегами <B> та </B> буде жирнішим. bold

Текст, розміщений між тегами <I> та </I> буде написаний курсивом. italics

А текст, розміщений між тегами <U> та </U> буде підкресленим. underlined

Текст, розміщений між тегами <S> та </S> буде перекресленим. striken

Текст, розміщений між тегами <SUB> та </SUB> буде написаний як нижній індекс. _індекс

Текст, розміщений між тегами <SUP> та </SUP> буде виглядати як верхній індекс. ^індекс

<Q> та  —</Q> - цитата (браузер додасть лапки)To be or not to be

<EM> та <STRONG> —</EM> та </STRONG> - виділення тексту EM STRONG

<ABBR> - скорочення (при наведенні миші видно повний текст) —

<ABBR TITLE="got to go">g2g</ABBR> GTG

<MARK> та —</MARK> - виділення-підсвітлення mark

Тег <HR> вставляє у документ горизонтальну лінію.

---

Цікавого оформлення сторінці надає тег <MARQUEE> та </MARQUEE> - він додає так звану "рухому стрічку". У саму стрічку, яка переміщатиметься екраном, можна вставити як текст, так і малюнки, таблиці тощо.

рухома стрічка

Крім цього, можна використовувати різне форматування шрифта за допомогою тегу <FONT> , який має параметри FACE - тип шрифта (наприклад: 'Lucida Sans', 'Arial', 'Monotype Corsiva', 'Times New Roman'), SIZE - розмір шрифта (1-7), та COLOR - колір шрифта.

Так виглядають шрифти різних розмірів: 1 2 3 4 5 6 7

 Заголовки

Для змістового виділення елементів сторінки використовуються теги-заголовки. Заголовки в HTML бувають шести типів. Текст, розміщений всередині тегу заголовка <H1> </H1> відображатиметься відповідно до типу цього заголовка. Найбільшим є заголовок Н1, найменшим - Н6. Заголовок може розміщуватись на екрані по центру, або вирівнений по правому або лівому краю. <H2 align=center \ right \ left > </H2>

Заголовок першого рівня_по центру

Заголовок другого рівня_по правому краю

Заголовок третього рівня_по лівому краю

Заголовок четвертого рівня_по центру

Заголовок п'ятого рівня_по правому краю

Заголовок шостого рівня_по лівому краю

Практичне завдання

Завантажити файл 

Відкрити завантажений файл через блокнот й відредагувати. Потрібно сформувати вірш із поданого суцільного тексту. Розставляйте теги абзаців (між строфами) та нових рядків (між рядками).

Покрокові інструкції

1.  Назва вірша - заголовок першого рівня.
   
2.  Автор вірша - заголовок другого рівня.
   
3.  Строфа вірша - це один абзац. Кожен новий рядок відділяється тегами розриву рядка.

Зберегти зміни й відправити роботу на електронну скриньку kovjuli4389@gmail.com

За матеріалами сайту https://dystosvita.gnomio.com/course/index.php