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

הסכמים
הסכמיםהסכמים
הסכמים
haimkarel
 
EnergyInkPresentation.CH
EnergyInkPresentation.CHEnergyInkPresentation.CH
EnergyInkPresentation.CH
guest8b1a1d3
 
Ubay Syahru M U Iia Pe
Ubay Syahru M U Iia PeUbay Syahru M U Iia Pe
Ubay Syahru M U Iia Pe
juhro
 
Hyves Cbw Mitex Harry Van Wouter
Hyves Cbw Mitex Harry Van WouterHyves Cbw Mitex Harry Van Wouter
Hyves Cbw Mitex Harry Van Wouter
guest2f17d3
 
Hyves Cbw Mitex Harry Van Wouter
Hyves Cbw Mitex Harry Van WouterHyves Cbw Mitex Harry Van Wouter
Hyves Cbw Mitex Harry Van Wouter
guest2f17d3
 
Aang Apandi
Aang ApandiAang Apandi
Aang Apandi
AANG88
 
23 03 2010 Mcrt For Niko
23 03 2010 Mcrt For Niko23 03 2010 Mcrt For Niko
23 03 2010 Mcrt For Niko
guest5bb1991
 
Media Evalutaion Questuion 2
Media Evalutaion Questuion 2Media Evalutaion Questuion 2
Media Evalutaion Questuion 2
Mason Atkinson
 
My map assimetn
My map assimetnMy map assimetn
My map assimetn
criszamu
 

Viewers also liked (20)

Odr
OdrOdr
Odr
 
הסכמים
הסכמיםהסכמים
הסכמים
 
Istance Designing Gaze Gestures For Gaming An Investigation Of Performance
Istance Designing Gaze Gestures For Gaming An Investigation Of PerformanceIstance Designing Gaze Gestures For Gaming An Investigation Of Performance
Istance Designing Gaze Gestures For Gaming An Investigation Of Performance
 
Georgia
GeorgiaGeorgia
Georgia
 
EnergyInkPresentation.CH
EnergyInkPresentation.CHEnergyInkPresentation.CH
EnergyInkPresentation.CH
 
Ubay Syahru M U Iia Pe
Ubay Syahru M U Iia PeUbay Syahru M U Iia Pe
Ubay Syahru M U Iia Pe
 
Kandemir Inferring Object Relevance From Gaze In Dynamic Scenes
Kandemir Inferring Object Relevance From Gaze In Dynamic ScenesKandemir Inferring Object Relevance From Gaze In Dynamic Scenes
Kandemir Inferring Object Relevance From Gaze In Dynamic Scenes
 
Hyves Cbw Mitex Harry Van Wouter
Hyves Cbw Mitex Harry Van WouterHyves Cbw Mitex Harry Van Wouter
Hyves Cbw Mitex Harry Van Wouter
 
Hyves Cbw Mitex Harry Van Wouter
Hyves Cbw Mitex Harry Van WouterHyves Cbw Mitex Harry Van Wouter
Hyves Cbw Mitex Harry Van Wouter
 
Nakayama Estimation Of Viewers Response For Contextual Understanding Of Tasks...
Nakayama Estimation Of Viewers Response For Contextual Understanding Of Tasks...Nakayama Estimation Of Viewers Response For Contextual Understanding Of Tasks...
Nakayama Estimation Of Viewers Response For Contextual Understanding Of Tasks...
 
Homophones Lesson
Homophones LessonHomophones Lesson
Homophones Lesson
 
Bieg Eye And Pointer Coordination In Search And Selection Tasks
Bieg Eye And Pointer Coordination In Search And Selection TasksBieg Eye And Pointer Coordination In Search And Selection Tasks
Bieg Eye And Pointer Coordination In Search And Selection Tasks
 
Aboriginal Business Opportunities
Aboriginal Business OpportunitiesAboriginal Business Opportunities
Aboriginal Business Opportunities
 
Aang Apandi
Aang ApandiAang Apandi
Aang Apandi
 
Homophones Lesson
Homophones LessonHomophones Lesson
Homophones Lesson
 
23 03 2010 Mcrt For Niko
23 03 2010 Mcrt For Niko23 03 2010 Mcrt For Niko
23 03 2010 Mcrt For Niko
 
D I G I T R O M A N
D I G I T  R O M A ND I G I T  R O M A N
D I G I T R O M A N
 
Media Evalutaion Questuion 2
Media Evalutaion Questuion 2Media Evalutaion Questuion 2
Media Evalutaion Questuion 2
 
My map assimetn
My map assimetnMy map assimetn
My map assimetn
 
Kollenberg Visual Search In The (Un)Real World How Head Mounted Displays Affe...
Kollenberg Visual Search In The (Un)Real World How Head Mounted Displays Affe...Kollenberg Visual Search In The (Un)Real World How Head Mounted Displays Affe...
Kollenberg Visual Search In The (Un)Real World How Head Mounted Displays Affe...
 

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;> ВСТАВКА ГОРИЗОНТАЛЬНОЇ ЛІНІЇ