мова Html 10
Transcript of мова Html 10
![Page 1: мова Html 10](https://reader036.fdocuments.net/reader036/viewer/2022080211/558374c9d8b42ac6268b47b4/html5/thumbnails/1.jpg)
![Page 2: мова Html 10](https://reader036.fdocuments.net/reader036/viewer/2022080211/558374c9d8b42ac6268b47b4/html5/thumbnails/2.jpg)
Структура програми мовою HTML
<HTML><HEAD><TITLE> Назва вікна Web-сторінки </ TITLE > </ HEAD ><BODY параметри><!--Далі йде текст, наприклад такий.-->Мене звати Світлана. Мені 16 років. Я хочу стати
Web-дизайнером.
</BODY></HTML>
![Page 3: мова Html 10](https://reader036.fdocuments.net/reader036/viewer/2022080211/558374c9d8b42ac6268b47b4/html5/thumbnails/3.jpg)
Команди мови HTML називаються тегами.
Теги бувають :• Одинарні • Парні
![Page 4: мова Html 10](https://reader036.fdocuments.net/reader036/viewer/2022080211/558374c9d8b42ac6268b47b4/html5/thumbnails/4.jpg)
Більшість тегів є парними:
<HTML> … </HTML> тег означення HTML-файлу
<HEAD> … </ HEAD > описує заголовок документа
<TITLE> … </ TITLE > заголовок Windows-вікна
<BODY параметри> … </BODY> текст, що має відображатися у вікні браузера.
![Page 5: мова Html 10](https://reader036.fdocuments.net/reader036/viewer/2022080211/558374c9d8b42ac6268b47b4/html5/thumbnails/5.jpg)
Основні параметри тега BODY
• BACKGROUND = “шлях до графічного файлу” – задає картинку для тла
• BGCOLOR =“white” - задає білий колір тла, якщо не використовується тло-картинка
• TEXT =“black” – задає колір тексту на сторінці (чорний)
• Тег <!- - текст - -> позначає коментар (текст на екран не виводиться)
![Page 6: мова Html 10](https://reader036.fdocuments.net/reader036/viewer/2022080211/558374c9d8b42ac6268b47b4/html5/thumbnails/6.jpg)
Теги форматування тексту:
• Одинарні:<P> - цей тег початок нового абзацу, але його записують вкінці попереднього.
<BR> наступний за цим тегом текст буде наведено в новому рядку без пропуску рядка.
<НR> - буде проведена горизонтальна лінія.
![Page 7: мова Html 10](https://reader036.fdocuments.net/reader036/viewer/2022080211/558374c9d8b42ac6268b47b4/html5/thumbnails/7.jpg)
Теги форматування тексту:
• Парні:
<B> текст </B> - товстий шрифт тексту
<І> текст </І> - шрифт-курсив
<U> текст </U> - підкреслений шрифт
<SUB> текст </SUB> нижній індекс (Н2О)
<SUР> текст </SUР> верхній індекс (а2)
![Page 8: мова Html 10](https://reader036.fdocuments.net/reader036/viewer/2022080211/558374c9d8b42ac6268b47b4/html5/thumbnails/8.jpg)
Теги форматування тексту:
<BIG> текст </BIG> - великий шрифт
<SMALL> текст </SMALL> - малий шрифт
<ЕМ> текст </ЕМ> - виокремлений курсивом текст
<B> <I> текст </I> </B> - товстий курсив
<Р> текст абзацу </Р>
![Page 9: мова Html 10](https://reader036.fdocuments.net/reader036/viewer/2022080211/558374c9d8b42ac6268b47b4/html5/thumbnails/9.jpg)
Заголовок
Теги<Н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](https://reader036.fdocuments.net/reader036/viewer/2022080211/558374c9d8b42ac6268b47b4/html5/thumbnails/10.jpg)
Теги вирівнювання:<CENTER> елемент </CENTER> - вирівнювання до центру
<LEFT> елемент </LEFT> - вирівнювання до лівого краю
<RIGHT> елемент </RIGHT> вирівнювання до правого краю