SlideShare a Scribd company logo
СТВОРЕННЯ  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

PPT
Rightbrain N Ldeel2
PPT
ZFConf 2010: Zend Framework & MVC, Model Implementation (Part 2, Dependency I...
PDF
Duchowski Scanpath Comparison Revisited
PDF
One Concept Presentation
PDF
Urbina Pies With Ey Es The Limits Of Hierarchical Pie Menus In Gaze Control
DOC
הרצליה עברית סופי
PPTX
news file
Rightbrain N Ldeel2
ZFConf 2010: Zend Framework & MVC, Model Implementation (Part 2, Dependency I...
Duchowski Scanpath Comparison Revisited
One Concept Presentation
Urbina Pies With Ey Es The Limits Of Hierarchical Pie Menus In Gaze Control
הרצליה עברית סופי
news file

Viewers also liked (20)

PPT
ZFConf 2010: What News Zend Framework 2.0 Brings to Us
PDF
Tisa social and mobile security
PPTX
Snap It
PPT
Hyves Cbw Mitex Harry Van Wouter
PPT
Proposal 0323 (Stan)
PPTX
Design For My Presentation
PDF
TDR prezentacija - Press konferencija Beograd 19.03.13
DOC
Memo Case 2
PDF
PPT
Lindsey And Noah Slide1
PDF
Preacuerdo%20pccity%20sin%20lista
PDF
Prezentacija rezultata TDR poslovanja u 2013. godini na tržištu Bosne i Herce...
PDF
JudCon Brazil 2014 - Mobile push for all platforms
PPSX
Kahvakuulaurheilu goexpo2013-compressed2
PDF
Protocolo carrefour
PPTX
Evaluation
PPTX
Asp Net Architecture
PDF
Tdr prezentacija rezultata bi h 03.06.2104-no-products
PPT
TEMA 1A GRAMMAR INFINITIVES
PDF
Невидимый гос долг в Казахстане
ZFConf 2010: What News Zend Framework 2.0 Brings to Us
Tisa social and mobile security
Snap It
Hyves Cbw Mitex Harry Van Wouter
Proposal 0323 (Stan)
Design For My Presentation
TDR prezentacija - Press konferencija Beograd 19.03.13
Memo Case 2
Lindsey And Noah Slide1
Preacuerdo%20pccity%20sin%20lista
Prezentacija rezultata TDR poslovanja u 2013. godini na tržištu Bosne i Herce...
JudCon Brazil 2014 - Mobile push for all platforms
Kahvakuulaurheilu goexpo2013-compressed2
Protocolo carrefour
Evaluation
Asp Net Architecture
Tdr prezentacija rezultata bi h 03.06.2104-no-products
TEMA 1A GRAMMAR INFINITIVES
Невидимый гос долг в Казахстане
Ad

More from NatkaOA (7)

PPT
Web 2 0
PPT
Web 2 0
PPT
Web 2 0
PPT
Pr1
PPT
Html
PPT
Html
PPT
Html
Web 2 0
Web 2 0
Web 2 0
Pr1
Html
Html
Html
Ad

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