Базові конструкції мови 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= значення   колір гіперпосилання після перегляду