Лекція 2
.pdf
Результат:
Заголовки і теги вирівнювання.
В HTML існує шість рівнів заголовків і кожному з них відповідає свій розмір шрифта. З допомогою заголовків різних рівнів можна створювати чітку ієрархічну структуру документа. Заголовку 1 рівня відповідає найбільший розмір шрифта.Заголовок – окремий тип абзацу.
Є 6 видів заголовків, які відрізняються розмірами символів:
<H1>Заголовок 1 </H1> |
(Найбільший) |
<H2>Заголовок 2 </H2> |
|
…………………………. |
|
<H6>Заголовок 6 </H6> |
(Найменший) |
Заголовки призначені для виділення тексту або для написання заголовків. За замовчуванням заголовки вирівнюються до лівого краю вікна. Якщо вирівнювання заголовка чи іншого елемента на сторінці потрібно задати явно, то використовують теги вирівнювання:
<CENTER> текст </CENTER> |
Вирівнювання по центру |
<LEFT> текст </LEFT> |
Вирівнювання до лівого краю |
<RIGHT> текст </RIGHT> |
Вирівнювання до правого краю |
<JUSTIFY> текст </JUSTIFY> |
Вирівнювання по ширині |
Приклад 5. Розглянемо зразок форматування тексту для web-сторінки з розповіддю деякої особи про себе.
<html> <!--Це файл file4.html-->
<head>
<title>Моя web-сторінка</title>
</head>
<body bgcolor="yellow" text="navy"> <center>
<h1>Привіт!!!</h1> <h2>Мене звати Сергій. </h2>
</center>
<hr>
<h3>Мені 18 років.</h3>
<h4>Я хочу стати web-дизайнером. </h4>
<hr>
Це моя <strong> друга </strong> спроба створити web-сторінку. Я вже вмію користуватись заголовками, вставляти лінії, форматувати текстові абзаци. Пізніше я навчуся вставляти <em>фотографії, картинки, звук, відеозображення </em>шляхом посилання на відповідні <ins>графічні, звукові чи відеофайли</ins>.
<p>Я збережу цей файл на диску і відкрию його у браузері.
<p>Цю web-сторінку я буду вдосконалювати. ЇЇ ще рано розташовувати на сервері.
<hr>
</body>
</html>
На малюнку подано вигляд екрана після відкривання файлу file4.html у браузері.
