SlideShare a Scribd company logo
1 of 10
Download to read offline
СТВОРЕННЯ  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 asamblea congresual arousa
Acta asamblea congresual arousaActa asamblea congresual arousa
Acta asamblea congresual arousaoscargaliza
 
M. Holovaty, Концепции автоматизированного тестирования
M. Holovaty, Концепции автоматизированного тестированияM. Holovaty, Концепции автоматизированного тестирования
M. Holovaty, Концепции автоматизированного тестированияAlex
 
M&A Integration Check Lists and Benchmarks From Our Most Successful
M&A Integration Check Lists and Benchmarks From Our Most SuccessfulM&A Integration Check Lists and Benchmarks From Our Most Successful
M&A Integration Check Lists and Benchmarks From Our Most Successfulperegoff
 
הפלמח ביטוי לממלכתיות אמיתית
הפלמח ביטוי לממלכתיות אמיתיתהפלמח ביטוי לממלכתיות אמיתית
הפלמח ביטוי לממלכתיות אמיתיתhaimkarel
 
Hyves Cbw Mitex Harry Van Wouter
Hyves Cbw Mitex Harry Van WouterHyves Cbw Mitex Harry Van Wouter
Hyves Cbw Mitex Harry Van Wouterguest2f17d3
 
Measuring social media
Measuring social mediaMeasuring social media
Measuring social mediaEmerson Povey
 
גבולות הארץ
גבולות הארץגבולות הארץ
גבולות הארץhaimkarel
 
Global trends in Open Educational Resources
Global trends in Open Educational ResourcesGlobal trends in Open Educational Resources
Global trends in Open Educational Resourcesnazzzy
 

Viewers also liked (14)

Acta asamblea congresual arousa
Acta asamblea congresual arousaActa asamblea congresual arousa
Acta asamblea congresual arousa
 
Asp Net Architecture
Asp Net ArchitectureAsp Net Architecture
Asp Net Architecture
 
M. Holovaty, Концепции автоматизированного тестирования
M. Holovaty, Концепции автоматизированного тестированияM. Holovaty, Концепции автоматизированного тестирования
M. Holovaty, Концепции автоматизированного тестирования
 
M&A Integration Check Lists and Benchmarks From Our Most Successful
M&A Integration Check Lists and Benchmarks From Our Most SuccessfulM&A Integration Check Lists and Benchmarks From Our Most Successful
M&A Integration Check Lists and Benchmarks From Our Most Successful
 
Digital pr & Web Reputation
Digital pr & Web ReputationDigital pr & Web Reputation
Digital pr & Web Reputation
 
הפלמח ביטוי לממלכתיות אמיתית
הפלמח ביטוי לממלכתיות אמיתיתהפלמח ביטוי לממלכתיות אמיתית
הפלמח ביטוי לממלכתיות אמיתית
 
เศรษฐกิจ
เศรษฐกิจเศรษฐกิจ
เศรษฐกิจ
 
Phtls 7a edic. 2012
Phtls  7a edic. 2012Phtls  7a edic. 2012
Phtls 7a edic. 2012
 
Hyves Cbw Mitex Harry Van Wouter
Hyves Cbw Mitex Harry Van WouterHyves Cbw Mitex Harry Van Wouter
Hyves Cbw Mitex Harry Van Wouter
 
Measuring social media
Measuring social mediaMeasuring social media
Measuring social media
 
ParaEmpezarElAlfabeto
ParaEmpezarElAlfabetoParaEmpezarElAlfabeto
ParaEmpezarElAlfabeto
 
גבולות הארץ
גבולות הארץגבולות הארץ
גבולות הארץ
 
เศรษฐศาสตร์เบื้องต้น
เศรษฐศาสตร์เบื้องต้นเศรษฐศาสตร์เบื้องต้น
เศรษฐศาสตร์เบื้องต้น
 
Global trends in Open Educational Resources
Global trends in Open Educational ResourcesGlobal trends in Open Educational Resources
Global trends in Open Educational Resources
 

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