SlideShare ist ein Scribd-Unternehmen logo
1 von 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;> ВСТАВКА  ГОРИЗОНТАЛЬНОЇ ЛІНІЇ

Weitere ähnliche Inhalte

Andere mochten auch

הסכמים
הסכמיםהסכמים
הסכמיםhaimkarel
 
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 PerformanceKalle
 
EnergyInkPresentation.CH
EnergyInkPresentation.CHEnergyInkPresentation.CH
EnergyInkPresentation.CHguest8b1a1d3
 
Ubay Syahru M U Iia Pe
Ubay Syahru M U Iia PeUbay Syahru M U Iia Pe
Ubay Syahru M U Iia Pejuhro
 
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 ScenesKalle
 
Hyves Cbw Mitex Harry Van Wouter
Hyves Cbw Mitex Harry Van WouterHyves Cbw Mitex Harry Van Wouter
Hyves Cbw Mitex Harry Van Wouterguest2f17d3
 
Hyves Cbw Mitex Harry Van Wouter
Hyves Cbw Mitex Harry Van WouterHyves Cbw Mitex Harry Van Wouter
Hyves Cbw Mitex Harry Van Wouterguest2f17d3
 
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...Kalle
 
Homophones Lesson
Homophones LessonHomophones Lesson
Homophones Lessonjgd7971
 
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 TasksKalle
 
Aboriginal Business Opportunities
Aboriginal Business OpportunitiesAboriginal Business Opportunities
Aboriginal Business OpportunitiesLee_Ahenakew
 
Aang Apandi
Aang ApandiAang Apandi
Aang ApandiAANG88
 
Homophones Lesson
Homophones LessonHomophones Lesson
Homophones Lessonjgd7971
 
23 03 2010 Mcrt For Niko
23 03 2010 Mcrt For Niko23 03 2010 Mcrt For Niko
23 03 2010 Mcrt For Nikoguest5bb1991
 
Media Evalutaion Questuion 2
Media Evalutaion Questuion 2Media Evalutaion Questuion 2
Media Evalutaion Questuion 2Mason Atkinson
 
My map assimetn
My map assimetnMy map assimetn
My map assimetncriszamu
 
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...Kalle
 

Andere mochten auch (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...
 

Mehr von NatkaOA

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