Презентація "Мова гіпертекстової розмітки"

Мова гіпертекстової розмітки Структура. Форматування тексту

Базова структура

Базова структура <!DOCTYPE HTML> <HTML> <HEAD> <TITLE> Заголовок </TITLE> </HEAD> <BODY> ...

Встановлення кольору фону та тексту <BODY bgcolor=#Код_кольору text=#Код_кольору> Приклади кодів деяких кольорів: FF0000 – червоний FFFF00 – ...

Встановлення фонової картинки <body background="назва_файлу.розширення"> Наприклад <body background="Cisco-Packet-Tracer.jpg"> Зауваження. Вк...

Встановлення фонової картинки

Коментарі Коментарі в коді використовують для виділення різних частин коду (блоків), підказок, що повинна робити ця частина коду. Коментарі в html ...

Коментарі <!—HEADER--> <!—NAVIGATOR-->

Заголовки <h></h> – заголовки бувають 6-ти рівнів (h1, h2, h3, h4, h5, h6)

Заголовки (вирівнювання) Даний тег має атрибут align, який визначає вирівнювання заголовка, може приймати значення: • left – вирівнювання заголовка...

Заголовки (вирівнювання)

Встановлення назви, розміру та кольору шрифту

Встановлення назви, розміру та кольору шрифту <font face="назва" size="розмір" color ="#код_кольору"> Текст </font> Атрибут SIZE задає розмір шр...

Встановлення назви, розміру та кольору шрифту (приклад) <font face="Arial" size="12" color="red"> Текст червоного кольору, написаний шрифтом A...

Встановлення абзацу і переходу на новий рядок

Параграф (абзац) <p></p> (paragraph) – параграф або абзац – це елемент в який загортають текст статті тощо. Означає початок нового абзацу. Наступне...

Параграф (абзац)

Перехід на новий рядок Непарний тег <br> (break – розрив) – відповідає за перенесення на новий рядок, в тому місті, де встановлений цей тег. Так...

Перехід на новий рядок

Встановлення накреслення тексту

Встановлення накреслення тексту <b></b> (bold) – жирне накреслення тексту <strong></strong> – альтернатива тегу bold. Але даний тег задає певне лог...

Встановлення накреслення тексту

Форматування тексту <sub></sub> (subscript – підрядковий індекс) – відображає шрифт у вигляді нижнього індексу. Текст при цьому розташовується нижч...

Форматування тексту

Встановлення виділення тексту кольором <mark></mark> (marked) – підсвічує текс (фонова підсвітка жовтим)

Встановлення виділення тексту кольором Якщо додати атрибут style і значення background-color: назва кольору, то колір виділення тексту зміниться <m...

Горизонтальна лінія

Лінія Непарний тег <hr> (horizontal rule – горизонтальна лінія) – рисує горизонтальну лінію – використовується для рзділення блоків. Цей тег віднос...

<!DOCTYPE html> <html> <head> <title>HTML</title> </head> <body bgcolor="grey"> <p align="center"><font size="50" color="blue">To be continued...</...

‹‹ ‹

?/ 32

› ››