SlideShare a Scribd company logo
1 of 11
СТВОРЕННЯ WEB-СТОРІНОК.
ПОНЯТТЯ ПРО МОВУ HTML
ПРИЗНАЧЕННЯ МОВИ
       ТА ОСНОВНІ ПОНЯТТЯ


  Різні структурні елементи Web-сторінки
 позначають відповідними операторами, які
            називаються тегами.

Теги допомагають браузеру представити
   Web-сторінку в потрібному вигляді.
Сукупність тегів та правил їх використання
          називається мовою HTML (HyperText
           Marckup Language – мова розмітки
                        гіпертекста)


                Файл даних,
фрагменти якого розмічені тегами мови HTML,
      називається HTML-документом.
             Ім'я такого файла
 зазвичай має розширення .htm або .html



Web-сторінка – це HTML-документ
        на web-сервері.
HTML-документ можна створити в Блокноте

Пуск →Программы→Стандартные → Блокнот
Тег завжди починається символом “<“ (менше) та
        закінчується символом “>” (більше).
     Між цими символами вказується ім'я тега.

  В імені не розрізняються рядкові та прописні
                      символи.
             <html >=<HTML >=<htML>
ВИДИ ТЕГІВ
   Одинарні
   Парні

Одинарний тег ставиться перед фрагментом тексту,
                  яким він керує.

                       <BR> Зошит

       (слово “Зошит” відображається з нового рядка)
Парні теги складаються з двох частин – початкової та
                  завершальної.

 Початкова частина вказує точку документу, з якої
   починається дія команди, а завершуюча – точку її
                     закінчення.

 Завершуюча частина відрізняється від початкової
    наявністю символа “/” перед іменем команди.

             <B> Зелене дерево </B>

 (текст “Зелене дерево” відображається напівжирним
                      шрифтом)
СТРУКТУРА HTML-ДОКУМЕНТА

<HTML>
   <HEAD>
      <TITLE> Заголовок документа</TITLE>
   </HEAD>
<BODY>
Тіло документа
</BODY>
</HTML>
В будь-який HTML- документ можна вставити
                 коментар

 Текст коментаря поміщається в парний тег
              <!-коментар->
ФОРМАТУВАННЯ АБЗАЦІВ
   <P> - початок абзацу (спочатку вставляється пуста строка)
   <BR> - початок строки
   <HR> - горизонтальна лінія

   <Hn>…</Hn> - величина шрифту, де n – номер рівня

   ALIGN= - вирівнювання (<P ALIGN=CENTER> Заходьте ще!
    Відображає текст “Заходьте ще” по центру)
       CENTER – по центру
       LEFT – по лівому краю
       RIGHT – по правому краю

   <PRE>…</PRE> - попередньо відформатований текст (зі
    збереженням всіх пробілів)
ФОРМАТУВАННЯ СИМВОЛІВ
 <B>…</B> - напівжирний шрифт
 <I>…</I> - курсив

 <U>…</U> - підкреслений

More Related Content

What's hot (7)

мова розмітки гіпертексту Html
мова розмітки гіпертексту Htmlмова розмітки гіпертексту Html
мова розмітки гіпертексту Html
 
Html перші кроки
Html перші крокиHtml перші кроки
Html перші кроки
 
Урок 28 10 клас
Урок 28 10 класУрок 28 10 клас
Урок 28 10 клас
 
Поняття мови розмітки гіпертексту
Поняття мови розмітки гіпертекстуПоняття мови розмітки гіпертексту
Поняття мови розмітки гіпертексту
 
Робота з програмоб "Блокнот"
Робота з програмоб "Блокнот"Робота з програмоб "Блокнот"
Робота з програмоб "Блокнот"
 
Тема 12 - Ініціатива відкритих форматів. XML та метадані.
Тема 12 - Ініціатива відкритих форматів. XML та метадані.Тема 12 - Ініціатива відкритих форматів. XML та метадані.
Тема 12 - Ініціатива відкритих форматів. XML та метадані.
 
Coding for Future in Lutsk. JavaScript. Part 11
Coding for Future in Lutsk. JavaScript. Part 11Coding for Future in Lutsk. JavaScript. Part 11
Coding for Future in Lutsk. JavaScript. Part 11
 

Similar to створення Web сторінок

Instrukciyna kartka створення_сайту лаболаторна
Instrukciyna kartka створення_сайту лаболаторнаInstrukciyna kartka створення_сайту лаболаторна
Instrukciyna kartka створення_сайту лаболаторна
Наталія Максимчук
 
Html мова розмітки гіпертекстового документу
Html  мова розмітки гіпертекстового документуHtml  мова розмітки гіпертекстового документу
Html мова розмітки гіпертекстового документу
zaykoannaivanivna
 
основи Web дизайну
основи Web дизайнуоснови Web дизайну
основи Web дизайну
zaykoannaivanivna
 

Similar to створення Web сторінок (20)

4
44
4
 
створи сайт
створи сайтствори сайт
створи сайт
 
Verstka html
Verstka htmlVerstka html
Verstka html
 
24036
2403624036
24036
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
Presentation # 24. hypertext markup language concept
Presentation # 24.  hypertext markup language conceptPresentation # 24.  hypertext markup language concept
Presentation # 24. hypertext markup language concept
 
основні теги мови Html
основні теги мови Htmlосновні теги мови Html
основні теги мови Html
 
Html1
Html1Html1
Html1
 
Html
HtmlHtml
Html
 
Instrukciyna kartka створення_сайту лаболаторна
Instrukciyna kartka створення_сайту лаболаторнаInstrukciyna kartka створення_сайту лаболаторна
Instrukciyna kartka створення_сайту лаболаторна
 
2
22
2
 
2
22
2
 
Html 2
Html 2Html 2
Html 2
 
5
55
5
 
5
55
5
 
Html мова розмітки гіпертекстового документу
Html  мова розмітки гіпертекстового документуHtml  мова розмітки гіпертекстового документу
Html мова розмітки гіпертекстового документу
 
основи Web дизайну
основи Web дизайнуоснови Web дизайну
основи Web дизайну
 
Inf tema 1_urok_18_6-klas
Inf tema 1_urok_18_6-klasInf tema 1_urok_18_6-klas
Inf tema 1_urok_18_6-klas
 
4 18
4 184 18
4 18
 
Inf tema 1_urok_18_6-klas
Inf tema 1_urok_18_6-klasInf tema 1_urok_18_6-klas
Inf tema 1_urok_18_6-klas
 

створення Web сторінок

  • 2. ПРИЗНАЧЕННЯ МОВИ ТА ОСНОВНІ ПОНЯТТЯ Різні структурні елементи Web-сторінки позначають відповідними операторами, які називаються тегами. Теги допомагають браузеру представити Web-сторінку в потрібному вигляді.
  • 3. Сукупність тегів та правил їх використання називається мовою HTML (HyperText Marckup Language – мова розмітки гіпертекста) Файл даних, фрагменти якого розмічені тегами мови HTML, називається HTML-документом. Ім'я такого файла зазвичай має розширення .htm або .html Web-сторінка – це HTML-документ на web-сервері.
  • 4. HTML-документ можна створити в Блокноте Пуск →Программы→Стандартные → Блокнот
  • 5. Тег завжди починається символом “<“ (менше) та закінчується символом “>” (більше). Між цими символами вказується ім'я тега. В імені не розрізняються рядкові та прописні символи. <html >=<HTML >=<htML>
  • 6. ВИДИ ТЕГІВ  Одинарні  Парні Одинарний тег ставиться перед фрагментом тексту, яким він керує. <BR> Зошит (слово “Зошит” відображається з нового рядка)
  • 7. Парні теги складаються з двох частин – початкової та завершальної. Початкова частина вказує точку документу, з якої починається дія команди, а завершуюча – точку її закінчення. Завершуюча частина відрізняється від початкової наявністю символа “/” перед іменем команди. <B> Зелене дерево </B> (текст “Зелене дерево” відображається напівжирним шрифтом)
  • 8. СТРУКТУРА HTML-ДОКУМЕНТА <HTML> <HEAD> <TITLE> Заголовок документа</TITLE> </HEAD> <BODY> Тіло документа </BODY> </HTML>
  • 9. В будь-який HTML- документ можна вставити коментар Текст коментаря поміщається в парний тег <!-коментар->
  • 10. ФОРМАТУВАННЯ АБЗАЦІВ  <P> - початок абзацу (спочатку вставляється пуста строка)  <BR> - початок строки  <HR> - горизонтальна лінія  <Hn>…</Hn> - величина шрифту, де n – номер рівня  ALIGN= - вирівнювання (<P ALIGN=CENTER> Заходьте ще! Відображає текст “Заходьте ще” по центру)  CENTER – по центру  LEFT – по лівому краю  RIGHT – по правому краю  <PRE>…</PRE> - попередньо відформатований текст (зі збереженням всіх пробілів)
  • 11. ФОРМАТУВАННЯ СИМВОЛІВ  <B>…</B> - напівжирний шрифт  <I>…</I> - курсив  <U>…</U> - підкреслений