SlideShare a Scribd company logo
1 of 10
СТВОРЕННЯ  HTML ДОКУМЕНТА
ЩО ПОТРІБНО  ДЛЯ СТВОРЕННЯ ? БУДЬ-ЯКИЙ ТЕКСТОВИЙ РЕДАКТОР ....І ЗВИЧАЙНО....ВАШЕ БАЖАННЯ
СТРУКТУРА  ДОКУМЕНТА <HTML> <HEAD> <TITLE> ЗАГОЛОВОК   ДОКУМЕНТА </TITLE> </HEAD> <BODY> ПЕР ШИ Й ТЕКСТ НА СТОРІНЦІ </BODY> </HTML>
<HTML> .</HTML> -  ПОЧАТОК ТА КІНЕЦЬ ДОКУМЕНТА <HEAD>, </HEAD> -  МІСТИТЬСЯ СЛУЖБОВА ІНФОРМАЦІЯ <TITLE>, </TITLE> -  НАЗВА СТОРІНКИ <BODY>, </BODY> -  ІНФОРМАЦІЯ, ЩО МІСТИТЬСЯ БЕЗПОСЕРЕДНЬО НА СТОРІНЦІ ОСНОВНІ ТЕГИ
<BODY BGCOLOR=«НАЗВА КОЛЬОРУ ФОНУ&quot;>  -  КОЛІР ФОНУ leftmargin  –  ВІДСТУП ЗЛІВА rightmargin  –  ВІДСТУП СПРАВА  topmargin  –  ВІДСТУП ЗВЕРХУ  bottommargin  –  ВІДСТУП ЗНИЗУ ЗАГАЛЬНИЙ ВИГЛЯД <BODY ПАРАМЕТР=&quot; ЧИСЛО В ПІКСЕЛЯХ&quot;> ПАРАМЕТРИ ВІДСТУПІВ
<BODY BACKGROUND= “ ШЛЯХ ДО ФАЙЛА ” >  -  КАРТИНКА В ЯКОСТІ ФОНУ <TABLE BGCOLOR=«НАЗВА КОЛЬОРУ ФОНУ&quot;>  -  КОЛІР ФОНУ В ТАБЛИЦІ <TABLE WIDTH=“N&quot; BORDER=“M&quot;> -  СТВОРЕННЯ ТАБЛИЦІ ,  N  –  ШИРИНА ТАБЛИЦІ В ПІКСЕЛЯХ,   M  –  ТОВЩИНА РАМКИ <TR> -  СТВОРЕННЯ РЯДКА <TD> -  СТВОРЕННЯ СТОВБЦЯ
<A HREF=«ШЛЯХ ДО ФАЙЛА&quot;>  ЯКІР  </a> -  СТВОРЕННЯ ГІПЕРПОСИЛАНЬ ЗАГОЛОВКИ ТЕГ H1 <Hn> Заголовок </Hn>  n -  число  від  1 до 6. Заголовки різних розмірів  (БІЛЬШЕ  n  – МЕНШИЙ РОЗМІР) <FONT SIZE=&quot;Число від 1 до 7&quot;> </FONT> -  РОЗМІР ШРИФТУ <FONT COLOR=“ НАЗВА КОЛЬОРУ &quot;>   </FONT>  -  КОЛІР ТЕКСТУ
НАКРЕСЛЕННЯ ТЕКСТУ <B>  Жирный текст  </B> <I>  Курсив  </I> <U>  Підкреслений  </U> <STRIKE>  Перекреслений  </STRIKE> <SUP>  Верхній індекс  </SUP> <SUB>  Нижній індекс  </SUB>
<IMG SRC=«ШЛЯХ ДО МАЛЮНКА&quot;> -  ВСТАВКА МАЛЮНКА НУМЕРОВАНИЙ СПИСОК <OL> <LI> 1 РЯДОК <LI> 2 РЯДОК </OL> НЕНУМЕРОВАНИЙ СПИСОК  <UL> <LI> 1 РЯДОК <LI> 2 РЯДОК </UL>
<HR WIDTH=« ДОВЖИНА В ПІКСЕЛЯХ &quot;> <HR SIZE=« ТОВЩИНА В ПІКСЕЛЯХ &quot; WIDTH=« ДОВЖИНА В ПІКСЕЛЯХ &quot;> <HR COLOR=« НАЗВА КОЛЬОРУ &quot; WIDTH=« ДОВЖИНА В ПІКСЕЛЯХ &quot;> ВСТАВКА  ГОРИЗОНТАЛЬНОЇ ЛІНІЇ

More Related Content

Viewers also liked

Acta agrupamento hostelería vigo (emenda)
Acta agrupamento hostelería vigo (emenda)Acta agrupamento hostelería vigo (emenda)
Acta agrupamento hostelería vigo (emenda)
oscargaliza
 
Panfleto carrefour meridiano 2012 ii
Panfleto carrefour meridiano 2012   iiPanfleto carrefour meridiano 2012   ii
Panfleto carrefour meridiano 2012 ii
oscargaliza
 
Anatomia con orientacion clinica moore
Anatomia con orientacion clinica   mooreAnatomia con orientacion clinica   moore
Anatomia con orientacion clinica moore
MANUEL RIVERA
 
การแก้ปัญหาและร่วมมือทางเศรษฐกิจระดับชุมชนและประเทศ
การแก้ปัญหาและร่วมมือทางเศรษฐกิจระดับชุมชนและประเทศการแก้ปัญหาและร่วมมือทางเศรษฐกิจระดับชุมชนและประเทศ
การแก้ปัญหาและร่วมมือทางเศรษฐกิจระดับชุมชนและประเทศ
Princess Chulabhorn's College, Chiang Rai Thailand
 

Viewers also liked (17)

Sistema nervoso
Sistema nervosoSistema nervoso
Sistema nervoso
 
Acta agrupamento hostelería vigo (emenda)
Acta agrupamento hostelería vigo (emenda)Acta agrupamento hostelería vigo (emenda)
Acta agrupamento hostelería vigo (emenda)
 
Model-Driven Physical-Design for Future Nanoscale Architectures
Model-Driven Physical-Design for Future Nanoscale ArchitecturesModel-Driven Physical-Design for Future Nanoscale Architectures
Model-Driven Physical-Design for Future Nanoscale Architectures
 
Statby school 2554_m3_1057012007
Statby school 2554_m3_1057012007Statby school 2554_m3_1057012007
Statby school 2554_m3_1057012007
 
ลักษณะภูมิประเทศ2.1
ลักษณะภูมิประเทศ2.1ลักษณะภูมิประเทศ2.1
ลักษณะภูมิประเทศ2.1
 
Age
AgeAge
Age
 
Panfleto carrefour meridiano 2012 ii
Panfleto carrefour meridiano 2012   iiPanfleto carrefour meridiano 2012   ii
Panfleto carrefour meridiano 2012 ii
 
Measuring social media - updated
Measuring social media - updatedMeasuring social media - updated
Measuring social media - updated
 
เมียนมาร์
เมียนมาร์เมียนมาร์
เมียนมาร์
 
Anatomia con orientacion clinica moore
Anatomia con orientacion clinica   mooreAnatomia con orientacion clinica   moore
Anatomia con orientacion clinica moore
 
รวม 5 สาระสัคม
รวม  5 สาระสัคมรวม  5 สาระสัคม
รวม 5 สาระสัคม
 
TEMA 5B Vocabulario
TEMA 5B VocabularioTEMA 5B Vocabulario
TEMA 5B Vocabulario
 
การแก้ปัญหาและร่วมมือทางเศรษฐกิจระดับชุมชนและประเทศ
การแก้ปัญหาและร่วมมือทางเศรษฐกิจระดับชุมชนและประเทศการแก้ปัญหาและร่วมมือทางเศรษฐกิจระดับชุมชนและประเทศ
การแก้ปัญหาและร่วมมือทางเศรษฐกิจระดับชุมชนและประเทศ
 
Exploring Italy
Exploring ItalyExploring Italy
Exploring Italy
 
Cispl times. выпуск №1
Cispl times. выпуск №1Cispl times. выпуск №1
Cispl times. выпуск №1
 
Pajaros
PajarosPajaros
Pajaros
 
Windows xp services
Windows xp servicesWindows xp services
Windows xp services
 

More from NatkaOA

More from NatkaOA (7)

Web 2 0
Web 2 0Web 2 0
Web 2 0
 
Web 2 0
Web 2 0Web 2 0
Web 2 0
 
Web 2 0
Web 2 0Web 2 0
Web 2 0
 
Pr1
Pr1Pr1
Pr1
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 

Html

  • 1. СТВОРЕННЯ HTML ДОКУМЕНТА
  • 2. ЩО ПОТРІБНО ДЛЯ СТВОРЕННЯ ? БУДЬ-ЯКИЙ ТЕКСТОВИЙ РЕДАКТОР ....І ЗВИЧАЙНО....ВАШЕ БАЖАННЯ
  • 3. СТРУКТУРА ДОКУМЕНТА <HTML> <HEAD> <TITLE> ЗАГОЛОВОК ДОКУМЕНТА </TITLE> </HEAD> <BODY> ПЕР ШИ Й ТЕКСТ НА СТОРІНЦІ </BODY> </HTML>
  • 4. <HTML> .</HTML> - ПОЧАТОК ТА КІНЕЦЬ ДОКУМЕНТА <HEAD>, </HEAD> - МІСТИТЬСЯ СЛУЖБОВА ІНФОРМАЦІЯ <TITLE>, </TITLE> - НАЗВА СТОРІНКИ <BODY>, </BODY> - ІНФОРМАЦІЯ, ЩО МІСТИТЬСЯ БЕЗПОСЕРЕДНЬО НА СТОРІНЦІ ОСНОВНІ ТЕГИ
  • 5. <BODY BGCOLOR=«НАЗВА КОЛЬОРУ ФОНУ&quot;> - КОЛІР ФОНУ leftmargin – ВІДСТУП ЗЛІВА rightmargin – ВІДСТУП СПРАВА topmargin – ВІДСТУП ЗВЕРХУ bottommargin – ВІДСТУП ЗНИЗУ ЗАГАЛЬНИЙ ВИГЛЯД <BODY ПАРАМЕТР=&quot; ЧИСЛО В ПІКСЕЛЯХ&quot;> ПАРАМЕТРИ ВІДСТУПІВ
  • 6. <BODY BACKGROUND= “ ШЛЯХ ДО ФАЙЛА ” > - КАРТИНКА В ЯКОСТІ ФОНУ <TABLE BGCOLOR=«НАЗВА КОЛЬОРУ ФОНУ&quot;> - КОЛІР ФОНУ В ТАБЛИЦІ <TABLE WIDTH=“N&quot; BORDER=“M&quot;> - СТВОРЕННЯ ТАБЛИЦІ , N – ШИРИНА ТАБЛИЦІ В ПІКСЕЛЯХ, M – ТОВЩИНА РАМКИ <TR> - СТВОРЕННЯ РЯДКА <TD> - СТВОРЕННЯ СТОВБЦЯ
  • 7. <A HREF=«ШЛЯХ ДО ФАЙЛА&quot;> ЯКІР </a> - СТВОРЕННЯ ГІПЕРПОСИЛАНЬ ЗАГОЛОВКИ ТЕГ H1 <Hn> Заголовок </Hn> n - число від 1 до 6. Заголовки різних розмірів (БІЛЬШЕ n – МЕНШИЙ РОЗМІР) <FONT SIZE=&quot;Число від 1 до 7&quot;> </FONT> - РОЗМІР ШРИФТУ <FONT COLOR=“ НАЗВА КОЛЬОРУ &quot;> </FONT> - КОЛІР ТЕКСТУ
  • 8. НАКРЕСЛЕННЯ ТЕКСТУ <B> Жирный текст </B> <I> Курсив </I> <U> Підкреслений </U> <STRIKE> Перекреслений </STRIKE> <SUP> Верхній індекс </SUP> <SUB> Нижній індекс </SUB>
  • 9. <IMG SRC=«ШЛЯХ ДО МАЛЮНКА&quot;> - ВСТАВКА МАЛЮНКА НУМЕРОВАНИЙ СПИСОК <OL> <LI> 1 РЯДОК <LI> 2 РЯДОК </OL> НЕНУМЕРОВАНИЙ СПИСОК <UL> <LI> 1 РЯДОК <LI> 2 РЯДОК </UL>
  • 10. <HR WIDTH=« ДОВЖИНА В ПІКСЕЛЯХ &quot;> <HR SIZE=« ТОВЩИНА В ПІКСЕЛЯХ &quot; WIDTH=« ДОВЖИНА В ПІКСЕЛЯХ &quot;> <HR COLOR=« НАЗВА КОЛЬОРУ &quot; WIDTH=« ДОВЖИНА В ПІКСЕЛЯХ &quot;> ВСТАВКА ГОРИЗОНТАЛЬНОЇ ЛІНІЇ