Тема. Базові конструкції мови 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> <
Заголовок
- це абзац, виділений більшим або жирнішим шрифтом. Заголовки мають рівні від 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= значення колір гіперпосилання після перегляду