Структура html-документу
<html>
<head>
<title>Заголовок документа</title>
</head>
<body>
Текст, що відображається на екрані
</body>
</html>
Заголовки
<h1>… <h6> текст </h1>…</h6>
Вирівнювання заголовків – атрибут align
<h2 align=center \ right \ left>Teкст заголовка</h2>.
Абзац
<p>абзац </p>
Вирівнювання абзаців
<p align="center">текст</p>
<p align="left">текст</p>
<p align="right">текст</p>
<p align="justify">текст</p>
Після </p> автоматично здійснюється перехід на новий рядок
Просте вирівнювання по центру
<center> текст </center>
Коли не потрібен перехід на новий рядок використовують тег
<div></div>
<div align="center"> текст </div> …
Один абзац не може містити в собі інші абзаци та тег <div></div>.
Однак тег <div></div> може містити в собі абзаци, наприклад
<div align="right">
<p>текст первого абзаца</p>
<p>текст второго абзаца</p>
<p>текст третьего абзаца</p>
</div>
<br> - перехід на новий рядок без створення абзацу
<hr> горизонтальна лінія
Атрибути горизонтальної лінії
<Hr align="right"> (center або left)
<Hr width="30%"> (ширина лінії у процентах або пікселях)
<Hr size="6"> (товщина лінії)
<Hr NoShade> (відміна об’ємності)
<Hr color="cc0000"> (колір лінії, лише у IE)
Спецсимволи
< - <
> - >
" - "
- пробел
& - &
<!—коментарі для пояснень-->
Атрибути тегу <body>
background="url" — замість url вказують адресу малюнка, який має бути тлом для сторінки;
bgcolor=значення — задає колір, який має бути фоновим для документа;
text=значення — задає колір тексту;
link=значення — визначає колір гіперпосилань у документі;
alink=значення — задає колір гіперпосилань під час клацання;
vlink =значення — задає колір переглянутих гіперпосилань.
Якщо потрібно помістити в документ відформатований текст, для якого браузер повинен зберегти всі пропуски, навіть якщо кілька пропусків розміщені один за одним, знаки переносу на інший рядок, табуляції та інші символи форматування, використовують тег <pre>текст</pre>.
Теги форматування тексту
<b> та </b> Напівжирне накреслення
<i> та </i> Курсивне накреслення
<u> та </u> Підкреслене
<s> та </s> Перекреслене
<sup> та </sup> Верхній індекс
<sub> та </sub>
параметри шрифту
тег <basefont> задає гарнітуру (рисунок), розмір і колір шрифту. Цей тег одинарний, діє на весь текст, розміщений нижче, і має такі атрибути.
face="значення" — гарнітура.
size=”значення” — розмір шрифту (ціле число від 1 до 7).
color=”значення” — колір шрифту.
Значення атрибутів size та color можна записувати без лапок.
тег <font атрибути>Текст</font>.
Атрибути цього тегу такі самі, як у тегу <basefont>, за винятком атрибута size: його значення зі знаком мінус (або плюс) означає, що розмір шрифту буде зменшено (чи збільшено) на відповідну величину відносно заданого за умовчанням або у тегу <basefont>. Значення без знака задає абсолютний розмір шрифту.
Інші теги
<big>Teкст</big> — збільшення розміру шрифту. Розмір символів тексту збільшується на одиницю відносно поточного рівня.
<small>Teкст</small> — зменшення розміру шрифту. Розмір символів зменшується на одиницю відносно поточного рівня.
<em>Текст</em> — виділення важливих фрагментів тексту. Текст відображатиметься курсивом.
<del>Teкст</del> — створення перекресленого тексту. Текст буде перекреслено горизонтальною лінією.
<marquee> «рухомий рядок» </marquee> —додають до веб-сторінки «рухомий рядок» із тексту, розташованого між ними.
Списки
Невпорядковані списки
<ul>
<li>перший елемент списку
<li>другий елемент списку
<li>…
</ul>
Тег <ul> може мати атрибут type , який визначає тип маркеру елементів списку
Цей атрибут набуває таких значень:
disk — зафарбоване коло;
circle — коло;
square — маленький чорний квадрат.
Впорядковані списки
<ol>
<li>Перша дія
<li>Друга дія
<li>…
</ol>
Тег <ol> може мати атрибут type, який визначає тип нумерації. Цей атрибут набуває таких значень:
• А — велика літера;
• а — мала літера;
• І — велика римська цифра;
• і — мала римська цифра;
• 1 — арабська цифра.
За допомогою атрибута start можна задати відмінний від одиниці початковий номер елемента, наприклад <ol type="1" start="5">
Списки визначень
<dl>
<dt>Термін 1</dt>
<dd>Визначення 1</dd>
<dt>Термін 2</dt>
<dd>Визначення 2</dd>
</dl>