Шпаргалка: Базові конструкції мови HTML
Тема. Базові конструкції мови HTML
Мета. Вивчити основні компоненти мови HTML
Базові конструкції мови HTML
Гіпертекст — це текст, у який вбудовані спеціальні коди, що задають форматування тексту, наявність у ньому ілюстрацій, мультимедійних вставок та гіперпосилань (Hyper Text Markup Language).
Розмітка — спосіб, у який відформатована веб-сторінка, а також процес форматування вмісту веб-документа за допомогою мови HTML.
Тег — код мови HTML, за допомогою якого розмічають вихідний текст.
| Парні теги | Одинарні теги |
| < НТМL> вміст < /HTML> < В> вміст < HEAD> вміст < /HEAD> < НЗ> вміст < /НЗ> < ADDRESS> вміст < /ADDRESS> | < BR> < HR> < МЕТА> < FRAME> < BASEFONT> |
Атрибути — це додаткові ключові слова, відокремлені від основного ключового слова тегу та один від одного символами пробілу.
< BODY BGCOLOR =«cyan» TEXT="#FFFFFF">
< FRAME SCR =«file.html»>
Для кращого розуміння коду HTML у текст вставляють коментарі.
< !-- коментар -->
Коментар не може містити теги і знак ">"
Структура HTML-документа
< HTML>
< HEAD>
< TITLE> заголовок документа < /TITLE>
< META> технічний опис документа
< STYLE> опис використаних стилів < /STYLE>
< BODY>
текст, що відображається на екрані
< /BODY>
< /HTML>
< /HEAD>
Заголовок — це абзац, виділений більшим або жирнішим шрифтом.
Заголовки мають рівні від 1 до 6; їх визначають тегами< Н1>...< /Н1>, < Н2>...< /Н2> і т.д.
Абзаци
< Р> — новий абзац
< BR> — перехід на новий рядок без створення абзацу
< HR> — горизонтальна лінія
< B>напівжирне накреслення< /B>
< I>курсивне накреслення< /I>
< U>підкреслене< /U>
< S>перекреслене< /S>
< SUP>верхній індекс< /SUP>
< SUB>нижній індекс< /SUB>
< FONT FAСE= значення гарнітура (наприклад, «Monotype Corsiva») SIZE=значення розмір шрифту (ціле число від 1 до 7)COLOR=значення колір шрифту (наприклад, red, blue або #FF0000, #008012)> Текст < /FONT>
Вирівнювання тексту задають за допомогою атрибутаALIGN
< Н1 ALIGN=LEFT> ліворуч< /Н1>
< Н1 ALIGN=CENTER> по центру< /Н1>
< Н1 ALIGN=RIGHT> праворуч< /Н1>
Атрибути тегу
< BODY АТРИБУТ1=значення АТРИБУТ2=значення2 ...>
BACKGROUND=«URL» адреса малюнка — тла сторінки
BGCOLOR= значення колір тла
ТЕХТ= значення колір тексту
LINК= значення колір гіперпосилання у документі
ALINK= значення колір гіперпосилання під час клацання
VLINK= значення колір гіперпосилання після перегляду