SlideShare a Scribd company logo
Структура програми мовою
HTML
<HTML>
<HEAD>
<TITLE> Назва вікна Web-сторінки </ TITLE >
</ HEAD >
<BODY параметри>
<!--Далі йде текст, наприклад такий.-->
Мене звати Світлана. Мені 16 років. Я хочу стати
Web-дизайнером.
</BODY>
</HTML>
Команди мови HTML
називаються тегами.
Теги бувають :
• Одинарні
• Парні
:Більшість тегів є парними
<HTML> … </HTML> тег означення HTML-файлу
<HEAD> … </ HEAD > описує заголовок документа
<TITLE> … </ TITLE > заголовок Windows-вікна
<BODY параметри> … </BODY> текст, що має
відображатися у вікні браузера.
Основні параметри тега
BODY
• BACKGROUND = “шлях до графічного
файлу” – задає картинку для тла
• BGCOLOR =“white” - задає білий колір
тла, якщо не використовується тло-
картинка
• TEXT =“black” – задає колір тексту на
сторінці (чорний)
• Тег <!- - текст - -> позначає коментар (текст на
екран не виводиться)
Теги форматування тексту:
• Одинарні:
<P> - цей тег початок нового абзацу, але
його записують вкінці попереднього.
<BR> наступний за цим тегом текст буде
наведено в новому рядку без пропуску
рядка.
<НR> - буде проведена горизонтальна
лінія.
Теги форматування тексту:
• Парні:
<B> текст </B> - товстий шрифт тексту
<І> текст </І> - шрифт-курсив
<U> текст </U> - підкреслений шрифт
<SUB> текст </SUB> нижній індекс (Н2О)
<SUР> текст </SUР> верхній індекс (а2
)
Теги форматування тексту:
<BIG> текст </BIG> - великий шрифт
<SMALL> текст </SMALL> - малий шрифт
<ЕМ> текст </ЕМ> - виокремлений
курсивом текст
<B> <I> текст </I> </B> - товстий курсив
<Р> текст абзацу </Р>
Заголовок
Теги
<Н1> Заголовок1 </Н1>
<Н2> Заголовок2 </Н2>
<Н3> Заголовок3 </Н3>
<Н4> Заголовок4 </Н4>
<Н5> Заголовок5 </Н5>
<Н6> Заголовок6 </Н6>
Результат на екрані
• Заголовок 1
• Заголовок 2
• Заголовок 3
• Заголовок 4
• Заголовок 5
• Заголовок 6
Теги вирівнювання:
<CENTER> елемент </CENTER> -
вирівнювання до центру
<LEFT> елемент </LEFT> - вирівнювання
до лівого краю
<RIGHT> елемент </RIGHT> вирівнювання
до правого краю

More Related Content

Viewers also liked

енеїда 22
енеїда 22енеїда 22
енеїда 22zero1996
 
Cv
CvCv
Cobblestone and Vines Design and Construction Portfolio
Cobblestone and Vines Design and Construction PortfolioCobblestone and Vines Design and Construction Portfolio
Cobblestone and Vines Design and Construction PortfolioNancy Fath
 
сентименталізм
сентименталізм  сентименталізм
сентименталізм zero1996
 
22 providnist meta
22 providnist meta22 providnist meta
22 providnist metazero1996
 
історія хімії 91
історія хімії 91історія хімії 91
історія хімії 91zero1996
 
правильні многогранники 16
правильні многогранники 16правильні многогранники 16
правильні многогранники 16zero1996
 
Intermezzo
IntermezzoIntermezzo
Intermezzozero1996
 
Cobblestone and Vines Design and Construction Portfolio
Cobblestone and Vines Design and Construction PortfolioCobblestone and Vines Design and Construction Portfolio
Cobblestone and Vines Design and Construction PortfolioNancy Fath
 
Electrychnuy strum-u-metalah
Electrychnuy strum-u-metalahElectrychnuy strum-u-metalah
Electrychnuy strum-u-metalahzero1996
 
Power Iso Serial
Power Iso SerialPower Iso Serial
Power Iso Serialguest3373b5
 
26 rivnomirnij ruk
26 rivnomirnij ruk26 rivnomirnij ruk
26 rivnomirnij rukzero1996
 
волокна 20
волокна 20волокна 20
волокна 20zero1996
 
михайло коцюбинський 15
михайло коцюбинський 15михайло коцюбинський 15
михайло коцюбинський 15zero1996
 
Wild Scotsman Vatted Malt
Wild Scotsman Vatted MaltWild Scotsman Vatted Malt
Wild Scotsman Vatted Malt
Jeff Topping
 
іван карпенко карий 11
іван карпенко карий 11іван карпенко карий 11
іван карпенко карий 11zero1996
 
17768 antarktida
17768 antarktida17768 antarktida
17768 antarktidazero1996
 
будова речовин 18
будова речовин 18будова речовин 18
будова речовин 18zero1996
 
Vynyknenya kozatstva
Vynyknenya kozatstvaVynyknenya kozatstva
Vynyknenya kozatstvazero1996
 

Viewers also liked (20)

енеїда 22
енеїда 22енеїда 22
енеїда 22
 
The Infinite Chrysalis
The Infinite ChrysalisThe Infinite Chrysalis
The Infinite Chrysalis
 
Cv
CvCv
Cv
 
Cobblestone and Vines Design and Construction Portfolio
Cobblestone and Vines Design and Construction PortfolioCobblestone and Vines Design and Construction Portfolio
Cobblestone and Vines Design and Construction Portfolio
 
сентименталізм
сентименталізм  сентименталізм
сентименталізм
 
22 providnist meta
22 providnist meta22 providnist meta
22 providnist meta
 
історія хімії 91
історія хімії 91історія хімії 91
історія хімії 91
 
правильні многогранники 16
правильні многогранники 16правильні многогранники 16
правильні многогранники 16
 
Intermezzo
IntermezzoIntermezzo
Intermezzo
 
Cobblestone and Vines Design and Construction Portfolio
Cobblestone and Vines Design and Construction PortfolioCobblestone and Vines Design and Construction Portfolio
Cobblestone and Vines Design and Construction Portfolio
 
Electrychnuy strum-u-metalah
Electrychnuy strum-u-metalahElectrychnuy strum-u-metalah
Electrychnuy strum-u-metalah
 
Power Iso Serial
Power Iso SerialPower Iso Serial
Power Iso Serial
 
26 rivnomirnij ruk
26 rivnomirnij ruk26 rivnomirnij ruk
26 rivnomirnij ruk
 
волокна 20
волокна 20волокна 20
волокна 20
 
михайло коцюбинський 15
михайло коцюбинський 15михайло коцюбинський 15
михайло коцюбинський 15
 
Wild Scotsman Vatted Malt
Wild Scotsman Vatted MaltWild Scotsman Vatted Malt
Wild Scotsman Vatted Malt
 
іван карпенко карий 11
іван карпенко карий 11іван карпенко карий 11
іван карпенко карий 11
 
17768 antarktida
17768 antarktida17768 antarktida
17768 antarktida
 
будова речовин 18
будова речовин 18будова речовин 18
будова речовин 18
 
Vynyknenya kozatstva
Vynyknenya kozatstvaVynyknenya kozatstva
Vynyknenya kozatstva
 

Similar to мова Html 10

Presentation # 24. hypertext markup language concept
Presentation # 24.  hypertext markup language conceptPresentation # 24.  hypertext markup language concept
Presentation # 24. hypertext markup language concept
Nikolay Shaygorodskiy
 
HTML- частина 1
HTML- частина 1HTML- частина 1
HTML- частина 1
Настя Ткачук
 
Поняття мови розмітки гіпертексту
Поняття мови розмітки гіпертекстуПоняття мови розмітки гіпертексту
Поняття мови розмітки гіпертексту
russoua
 
основи Web дизайну
основи Web дизайнуоснови Web дизайну
основи Web дизайну
zaykoannaivanivna
 
Html перші кроки
Html перші крокиHtml перші кроки
Html перші кроки
Irina Tabanets
 
Coding for Future in Lutsk. JavaScript. Part 7
Coding for Future in Lutsk. JavaScript. Part 7Coding for Future in Lutsk. JavaScript. Part 7
Coding for Future in Lutsk. JavaScript. Part 7
Олег Вілігурський
 
Instrukciyna kartka створення_сайту лаболаторна
Instrukciyna kartka створення_сайту лаболаторнаInstrukciyna kartka створення_сайту лаболаторна
Instrukciyna kartka створення_сайту лаболаторна
Наталія Максимчук
 
основи веб дизайну розділ 2 1
основи веб дизайну розділ 2 1основи веб дизайну розділ 2 1
основи веб дизайну розділ 2 1
������ �����
 
Coding for Future in Lutsk. JavaScript. Part 11
Coding for Future in Lutsk. JavaScript. Part 11Coding for Future in Lutsk. JavaScript. Part 11
Coding for Future in Lutsk. JavaScript. Part 11
Олег Вілігурський
 
Html
HtmlHtml
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
adasdasd11
 

Similar to мова Html 10 (20)

Presentation # 24. hypertext markup language concept
Presentation # 24.  hypertext markup language conceptPresentation # 24.  hypertext markup language concept
Presentation # 24. hypertext markup language concept
 
5
55
5
 
HTML- частина 1
HTML- частина 1HTML- частина 1
HTML- частина 1
 
Поняття мови розмітки гіпертексту
Поняття мови розмітки гіпертекстуПоняття мови розмітки гіпертексту
Поняття мови розмітки гіпертексту
 
основи Web дизайну
основи Web дизайнуоснови Web дизайну
основи Web дизайну
 
Html перші кроки
Html перші крокиHtml перші кроки
Html перші кроки
 
Coding for Future in Lutsk. JavaScript. Part 7
Coding for Future in Lutsk. JavaScript. Part 7Coding for Future in Lutsk. JavaScript. Part 7
Coding for Future in Lutsk. JavaScript. Part 7
 
3
33
3
 
Instrukciyna kartka створення_сайту лаболаторна
Instrukciyna kartka створення_сайту лаболаторнаInstrukciyna kartka створення_сайту лаболаторна
Instrukciyna kartka створення_сайту лаболаторна
 
всі лр
всі лрвсі лр
всі лр
 
3
33
3
 
кр Web
кр Webкр Web
кр Web
 
3
33
3
 
основи веб дизайну розділ 2 1
основи веб дизайну розділ 2 1основи веб дизайну розділ 2 1
основи веб дизайну розділ 2 1
 
Html
HtmlHtml
Html
 
Coding for Future in Lutsk. JavaScript. Part 11
Coding for Future in Lutsk. JavaScript. Part 11Coding for Future in Lutsk. JavaScript. Part 11
Coding for Future in Lutsk. JavaScript. Part 11
 
24036
2403624036
24036
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 

мова Html 10

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