HTML


Загальна структура HTML-коду веб-сторінки:
 
<html>
    <head>
        <!-- Заголовочна інформація, наприклад: -->
        <title>Назва сторінки (відображається в рядку заголовку браузера)</title>
    </head>
    <body>
        Вміст сторінки.
    </body>
</html>


Атрибути тега BODY
<BODY bgcolor=”колір”> – атрибут задає колір фону сторінки.
<BODY background="URL\*.jpg"> – атрибут заповнює сторінку графічним малюнком, якщо графічний файл в одній папці із сторінкою указується тільки ім'я файлу.
<BODY text=”колір ”> – задає базовий колір шрифту для сторінки.

Теги для форматування тексту.
<P>─ початок нового абзацу; його прийнято записувати в кінці попереднього. Наступне речення починатиметься з нового, вирівняного до лівого краю абзацу без відступу в першому рядку.
<BR>─ наступний за цим тегом текст буде наведено у новому рядку без пропуску порожнього рядка.
<HR>─ буде проведена горизонтальна лінія.
<B> текст < /B>─ товстий шрифт тексту, що є між тегами.
<І> текст < /І> ─ шрифт – курсив.
<U> текст < /U> ─ підкреслений шрифт.
<SUB> текст < /SUB> ─ нижній індекс.
<SUP> текст < /SUP> ─ верхній індекс.
<BIG> текст < /BIG> ─ великий шрифт.
<SMALL > текст < /SMALL > ─ малий шрифт.
<EM > текст < /EM > ─ відокремлений курсивом текст.

Теги заголовків.
<Hn>…</Hn> – тег керує розміром символів в заголовках (1≤n≤6)
<BIG>...</BIG> – збільшує розмір шрифту на 10% в порівнянні з базовим.
<SMALL>…</SMALL> – зменшує розмір шрифту на 10% в порівнянні з базовим.
<PRE>…</PRE> – позначає фрагмент тексту форматування якого здійснено наперед. Зручно використовувати при виведенні програм на мовах програмування, при виведенні тексту, що містить спеціальні символи, в деяких випадках замінює тег <NOBR>…</NOBR>
<HR> – тег горизонтальної лінії, може бути засобом організації тексту і дизайну.
align=Left (Right, Center) – вирівнювання лінії на сторінці.
saze=n – товщина лінії в пікселях (1n175) за умовчанням 2 пікселі.
color=”колір” – колір|цвіт| лінії задається назвою кольору або 16-ковим кодом width=n% – ширина лінії у відсотках до ширини екрану.
noshade – атрибут без параметра, показує об'ємні лінії, встановлюється за умовчанням.

shade – атрибут без параметра показує контур лінії, якщо заданий колір, атрибут не працює.
<Left> ... </Left> – вирівнювання тексту по лівому краю сторінки.
<Right> ... </Right> – вирівнювання тексту по правому краю сторінки.
<Center> ... <Center> – вирівнювання тексту по середині сторінки.
<BR> – обриває рядок і починає новий.

<font size=?></font>
Атрибут SIZE тегу FONT установлює відносний розмір шрифту. Список можливих
значень складається з додатних і від’ємних чисел від 0 до 7.
<font color=?></font>
Атрибут COLOR тегу FONT установлює кольори тексту. Колір може бути зазначений за
допомогою за допомогою назви або шістнадцяткового коду.
<p></p>
Тег P установлює початок і кінець абзацу.
<p align=?>
Атрибут ALIGN тегу P установлює режим вирівнювання тексту: уліво (LEFT), вправо
(RIGHT) або по центрі (CENTER).
<ol></ol>
Тег OL («ordered list» – упорядкований список) установлює режим послідовної нумерації
елементів, розміщених усередині списку.
<ul></ul>
Тег UL («unordered list» – неупорядкований список) установлює режим відображення
тексту у вигляді маркірованого списку. <li></li>
Тег LI установлює режим відображення тексту у вигляді пункту списку. Такий список
може бути неупорядкованим, упорядкованим або маркірованим.
<div align=?>
Тег DIV використається для структурування й форматування тексту. Атрибут ALIGN тегу
DIV установлює режим вирівнювання тексту. Можливе вирівнювання вліво (LEFT),
вправо (RIGHT) або по центрі (CENTER).

Теги графічних елементів
<img src=»name»>
Тег IMG установлює режим відображення графічного файлу.
<img src=»name» align=?>
Атрибут ALIGN тегу IMG установлює режим вирівнювання зазначеного зображення.
Можливе вирівнювання вліво (LEFT), вправо (RIGHT), по центрі (CENTER), униз
(BOTTOM), нагору (TOP), посередині (MIDDLE).
<img src=»name» border=?>
Атрибут BORDER тегу IMG установлює режим відображення рамки навколо зазначеного
зображення. Малюнок з гіперпосиланням за замовчуванням має рамку, кольори якого
збігається з кольорами, використовуваними для гіперпосилань.
<img src=»name» alt=?>
Атрибут ALT тегу IMG установлює режим відображення зазначеного тексту (як
альтернатива) у випадку, якщо броузер не може відобразити графічний файл.

Теги елементів посилань
<a href=»URL»></a>
Тег A встановлює зв’язок з деякою точкою усередині того ж HTML-документа або з
іншим URL (гипертекстове посилання). Атрибут HREF тегу A описує об’єкт, що
представляє собою текст або малюнок усередині HTML-документа, або текст або
малюнок у зовнішньому документі.

Додаткові можливості форматування.. Елемент "рядок, що біжить".

<MARQUEE> ... </ MARQUEE > – рядок символів, що біжить.
bgcolor= колір – колір фону.
height= n – висота рядка в пікселях (k% – висота рядка у відсотках)
aling= ... – вирівнювання (top – по верхньому краю, middle – по центру, bottom – по нижньому краю).
direction= ... – напрям руху рядка (left, right).
behavior= ... – поведінка рядка (scroll – безперервний рух, slide – вийшла і зупинилася, alternate – реверс)
loop= . – кількість проходів рядка (значення: число).
scrollamount= . – швидкість руху рядка (значення: число).
scrolldelay= . – часовий інтервал між кроками в мілісекундах (значення: число), рядок може рухатися ривками.

Немає коментарів:

Дописати коментар