мова Html 10

10

Transcript of мова Html 10

Page 1: мова Html 10
Page 2: мова Html 10

Структура програми мовою HTML

<HTML><HEAD><TITLE> Назва вікна Web-сторінки </ TITLE > </ HEAD ><BODY параметри><!--Далі йде текст, наприклад такий.-->Мене звати Світлана. Мені 16 років. Я хочу стати

Web-дизайнером.

</BODY></HTML>

Page 3: мова Html 10

Команди мови HTML називаються тегами.

Теги бувають :• Одинарні • Парні

Page 4: мова Html 10

Більшість тегів є парними:

<HTML> … </HTML> тег означення HTML-файлу

<HEAD> … </ HEAD > описує заголовок документа

<TITLE> … </ TITLE > заголовок Windows-вікна

<BODY параметри> … </BODY> текст, що має відображатися у вікні браузера.

Page 5: мова Html 10

Основні параметри тега BODY

• BACKGROUND = “шлях до графічного файлу” – задає картинку для тла

• BGCOLOR =“white” - задає білий колір тла, якщо не використовується тло-картинка

• TEXT =“black” – задає колір тексту на сторінці (чорний)

• Тег <!- - текст - -> позначає коментар (текст на екран не виводиться)

Page 6: мова Html 10

Теги форматування тексту:

• Одинарні:<P> - цей тег початок нового абзацу, але його записують вкінці попереднього.

<BR> наступний за цим тегом текст буде наведено в новому рядку без пропуску рядка.

<НR> - буде проведена горизонтальна лінія.

Page 7: мова Html 10

Теги форматування тексту:

• Парні:

<B> текст </B> - товстий шрифт тексту

<І> текст </І> - шрифт-курсив

<U> текст </U> - підкреслений шрифт

<SUB> текст </SUB> нижній індекс (Н2О)

<SUР> текст </SUР> верхній індекс (а2)

Page 8: мова Html 10

Теги форматування тексту:

<BIG> текст </BIG> - великий шрифт

<SMALL> текст </SMALL> - малий шрифт

<ЕМ> текст </ЕМ> - виокремлений курсивом текст

<B> <I> текст </I> </B> - товстий курсив

<Р> текст абзацу </Р>

Page 9: мова Html 10

Заголовок

Теги<Н1> Заголовок1 </Н1><Н2> Заголовок2 </Н2> <Н3> Заголовок3 </Н3> <Н4> Заголовок4 </Н4> <Н5> Заголовок5 </Н5> <Н6> Заголовок6 </Н6>

Результат на екрані• Заголовок 1• Заголовок 2• Заголовок 3• Заголовок 4• Заголовок 5• Заголовок 6

Page 10: мова Html 10

Теги вирівнювання:<CENTER> елемент </CENTER> - вирівнювання до центру

<LEFT> елемент </LEFT> - вирівнювання до лівого краю

<RIGHT> елемент </RIGHT> вирівнювання до правого краю