SlideShare a Scribd company logo
1 of 13
Мова розмітки гіпертексту
HTML
• Тег - це одиниця коду HTML, яка
складається з "команди", поміщеної у
кутові дужки < >
• Теги бувають відкриваючими та
закриваючими
• Закриваючі теги починаються зі знаку /
• Документи починаються і закінчуються
тегами, які позначають його початок та
кінець: <HTML> та </HTML>
• В межах документу виділяються дві
області - заголовок та власне "тіло
документу".
• Заголовок оголошується тегами <HEAD>
та </HEAD>
Структура веб-документа
<HTML>
<HEAD>
<TITLE> Заголовок сторінки</TITLE>
</HEAD>
<BODY BGCOLOR= колір>
Текст сторінки
</BODY>
</HTML>
BODY
• BGCOLOR= Вказується назва або номер
кольору, який повинен бути фоновим для
даного документу
• BACKGROUND = Вказується назва файлу із
зображенням тла
Форматування символів
• Для переходу на новий рядок
використовується тег <br> .
• Для виділення тексту в абзаци існують
теги <p> та </p> .
• Текст, розміщений між тегами <b> та
</b> буде жирнішим. bold
• Текст, розміщений між тегами <i> та
</i> буде написаний курсивом. italics
• Тег <hr> вставляє у документ
горизонтальну лінію.
<FONT>
• face - тип шрифта (наприклад: 'Lucida
Sans', 'Arial', 'Monotype Corsiva', 'Times
New Roman')
• size - розмір шрифта (1-7)
• color - колір шрифта.
Заголовки
• Заголовки в HTML бувають шести рівнів.
• Текст розміщений всередині тегу заголовка
<h1> </h1>
Списки
• Невпорядковані
• <ul>
–type
• disk
• circle
• square
• <li>
Списки
• Впорядковані
• <ol>
–type
• 1
• A
• a
• I
• i
–start
Довідник
• http://astra.hmarka.net/
• Ресурси за темами
• Інтернет.HTML
Гіперпосилання
• Гіперпосилання – це вказівка для браузера, до
якого об’єкта він має звернутись
<a href=“адреса переходу”> текст переходу</a>
• Внутрішні посилання – якорі
<a name=“назва якоря”> створення якоря
<a href=“#назва якоря ”> посилання на якір </a>
• Посилання на поштові скриньки
<a href=“mailto:olena@zirka.lviv.ua”> текст </a>
Кольори гіперпосилань
• Визначаються у тегу BODY
–LINK=колір гіперпосилань
–ALINK=у момент клацання
–VLINK=переглянуті гіперпосилання

More Related Content

Similar to мова розмітки гіпертексту Html

мова розмітки гіпертексту Html
мова розмітки гіпертексту Htmlмова розмітки гіпертексту Html
мова розмітки гіпертексту Html
annaeres
 
основи Web дизайну
основи Web дизайнуоснови Web дизайну
основи Web дизайну
zaykoannaivanivna
 
Html мова розмітки гіпертекстового документу
Html  мова розмітки гіпертекстового документуHtml  мова розмітки гіпертекстового документу
Html мова розмітки гіпертекстового документу
zaykoannaivanivna
 

Similar to мова розмітки гіпертексту Html (20)

мова розмітки гіпертексту Html
мова розмітки гіпертексту Htmlмова розмітки гіпертексту Html
мова розмітки гіпертексту Html
 
Presentation # 24. hypertext markup language concept
Presentation # 24.  hypertext markup language conceptPresentation # 24.  hypertext markup language concept
Presentation # 24. hypertext markup language concept
 
Verstka html
Verstka htmlVerstka html
Verstka html
 
основи Web дизайну
основи Web дизайнуоснови Web дизайну
основи Web дизайну
 
5
55
5
 
5
55
5
 
Coding for Future in Lutsk. JavaScript. Part 7
Coding for Future in Lutsk. JavaScript. Part 7Coding for Future in Lutsk. JavaScript. Part 7
Coding for Future in Lutsk. JavaScript. Part 7
 
3
33
3
 
всі лр
всі лрвсі лр
всі лр
 
Html мова розмітки гіпертекстового документу
Html  мова розмітки гіпертекстового документуHtml  мова розмітки гіпертекстового документу
Html мова розмітки гіпертекстового документу
 
3
33
3
 
Html
HtmlHtml
Html
 
основи веб дизайну розділ 2 1
основи веб дизайну розділ 2 1основи веб дизайну розділ 2 1
основи веб дизайну розділ 2 1
 
4
44
4
 
створи сайт
створи сайтствори сайт
створи сайт
 
4
44
4
 
Html
HtmlHtml
Html
 
тести Html
тести Htmlтести Html
тести Html
 
14
1414
14
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 

More from annaeres

таблиці
таблицітаблиці
таблиці
annaeres
 
Proekt na temu_fotoshop_skripnik_v_10_klas
Proekt na temu_fotoshop_skripnik_v_10_klasProekt na temu_fotoshop_skripnik_v_10_klas
Proekt na temu_fotoshop_skripnik_v_10_klas
annaeres
 
основи растрової графіки
основи растрової графікиоснови растрової графіки
основи растрової графіки
annaeres
 
Pr pobota електроннапошта
Pr pobota електроннапоштаPr pobota електроннапошта
Pr pobota електроннапошта
annaeres
 
ств оформлення блогу
ств оформлення блогуств оформлення блогу
ств оформлення блогу
annaeres
 
23a фільтрація та сортування
23a фільтрація та сортування23a фільтрація та сортування
23a фільтрація та сортування
annaeres
 
17a автоматичне обчислення значень у клітинках
17a автоматичне обчислення значень у клітинках17a автоматичне обчислення значень у клітинках
17a автоматичне обчислення значень у клітинках
annaeres
 
26a електронне листування
26a електронне листування26a електронне листування
26a електронне листування
annaeres
 
25a електронна пошта
25a електронна пошта25a електронна пошта
25a електронна пошта
annaeres
 
медіакультура педагога та учня
медіакультура педагога та учнямедіакультура педагога та учня
медіакультура педагога та учня
annaeres
 
медіакультура педагога та учня
медіакультура педагога та учнямедіакультура педагога та учня
медіакультура педагога та учня
annaeres
 
основні поняття та засоби комп'ютерної графіки
основні поняття та засоби комп'ютерної графікиосновні поняття та засоби комп'ютерної графіки
основні поняття та засоби комп'ютерної графіки
annaeres
 
медіакультура педагога та учня
медіакультура педагога та учнямедіакультура педагога та учня
медіакультура педагога та учня
annaeres
 
24a обчислення підсумкових характеристик
24a обчислення підсумкових характеристик24a обчислення підсумкових характеристик
24a обчислення підсумкових характеристик
annaeres
 
23a фільтрація та сортування
23a фільтрація та сортування23a фільтрація та сортування
23a фільтрація та сортування
annaeres
 

More from annaeres (20)

таблиці
таблицітаблиці
таблиці
 
Proekt na temu_fotoshop_skripnik_v_10_klas
Proekt na temu_fotoshop_skripnik_v_10_klasProekt na temu_fotoshop_skripnik_v_10_klas
Proekt na temu_fotoshop_skripnik_v_10_klas
 
27
2727
27
 
основи растрової графіки
основи растрової графікиоснови растрової графіки
основи растрової графіки
 
Pr pobota електроннапошта
Pr pobota електроннапоштаPr pobota електроннапошта
Pr pobota електроннапошта
 
ств оформлення блогу
ств оформлення блогуств оформлення блогу
ств оформлення блогу
 
1234
12341234
1234
 
23a фільтрація та сортування
23a фільтрація та сортування23a фільтрація та сортування
23a фільтрація та сортування
 
17a автоматичне обчислення значень у клітинках
17a автоматичне обчислення значень у клітинках17a автоматичне обчислення значень у клітинках
17a автоматичне обчислення значень у клітинках
 
26a електронне листування
26a електронне листування26a електронне листування
26a електронне листування
 
25a електронна пошта
25a електронна пошта25a електронна пошта
25a електронна пошта
 
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
 
медіакультура педагога та учня
медіакультура педагога та учнямедіакультура педагога та учня
медіакультура педагога та учня
 
медіакультура педагога та учня
медіакультура педагога та учнямедіакультура педагога та учня
медіакультура педагога та учня
 
основні поняття та засоби комп'ютерної графіки
основні поняття та засоби комп'ютерної графікиосновні поняття та засоби комп'ютерної графіки
основні поняття та засоби комп'ютерної графіки
 
медіакультура педагога та учня
медіакультура педагога та учнямедіакультура педагога та учня
медіакультура педагога та учня
 
24a обчислення підсумкових характеристик
24a обчислення підсумкових характеристик24a обчислення підсумкових характеристик
24a обчислення підсумкових характеристик
 
23a фільтрація та сортування
23a фільтрація та сортування23a фільтрація та сортування
23a фільтрація та сортування
 

Recently uploaded

аналептики та антидепресанти.шгшгпшгп.ppt
аналептики та антидепресанти.шгшгпшгп.pptаналептики та антидепресанти.шгшгпшгп.ppt
аналептики та антидепресанти.шгшгпшгп.ppt
JurgenstiX
 
Презентациія для сайта Група «Незабудка».pptx
Презентациія для сайта Група «Незабудка».pptxПрезентациія для сайта Група «Незабудка».pptx
Презентациія для сайта Група «Незабудка».pptx
OlgaDidenko6
 

Recently uploaded (17)

Габон
ГабонГабон
Габон
 
атестація 2023-2024 Kewmrbq wtynh GNJ.pdf
атестація 2023-2024 Kewmrbq wtynh GNJ.pdfатестація 2023-2024 Kewmrbq wtynh GNJ.pdf
атестація 2023-2024 Kewmrbq wtynh GNJ.pdf
 
аналептики та антидепресанти.шгшгпшгп.ppt
аналептики та антидепресанти.шгшгпшгп.pptаналептики та антидепресанти.шгшгпшгп.ppt
аналептики та антидепресанти.шгшгпшгп.ppt
 
Супрун презентація_presentation_for_website.pptx
Супрун презентація_presentation_for_website.pptxСупрун презентація_presentation_for_website.pptx
Супрун презентація_presentation_for_website.pptx
 
Defectolog_presentation_for_website.pptx
Defectolog_presentation_for_website.pptxDefectolog_presentation_for_website.pptx
Defectolog_presentation_for_website.pptx
 
Роль українців у перемозі в Другій світовій війні
Роль українців у перемозі в Другій світовій війніРоль українців у перемозі в Другій світовій війні
Роль українців у перемозі в Другій світовій війні
 
Супрун презентація_presentation_for_website.pptx
Супрун презентація_presentation_for_website.pptxСупрун презентація_presentation_for_website.pptx
Супрун презентація_presentation_for_website.pptx
 
Горбонос 2024_presentation_for_website.pptx
Горбонос 2024_presentation_for_website.pptxГорбонос 2024_presentation_for_website.pptx
Горбонос 2024_presentation_for_website.pptx
 
Балади про Робіна Гуда. Аналіз образу Робіна Гуда
Балади про Робіна Гуда. Аналіз образу Робіна ГудаБалади про Робіна Гуда. Аналіз образу Робіна Гуда
Балади про Робіна Гуда. Аналіз образу Робіна Гуда
 
Застосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdf
Застосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdfЗастосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdf
Застосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdf
 
Іваніщук Надія Вікторівна атестація .pdf
Іваніщук Надія Вікторівна атестація  .pdfІваніщук Надія Вікторівна атестація  .pdf
Іваніщук Надія Вікторівна атестація .pdf
 
psychologistpresentation-230215175859-50bdd6ed.ppt
psychologistpresentation-230215175859-50bdd6ed.pptpsychologistpresentation-230215175859-50bdd6ed.ppt
psychologistpresentation-230215175859-50bdd6ed.ppt
 
Бібліотека – розвиток дитячої творчості та дозвілля для дітейpptx
Бібліотека – розвиток дитячої творчості  та дозвілля для дітейpptxБібліотека – розвиток дитячої творчості  та дозвілля для дітейpptx
Бібліотека – розвиток дитячої творчості та дозвілля для дітейpptx
 
Відкрита лекція на тему: "Сидерати - як спосіб виживання"
Відкрита лекція на тему: "Сидерати - як спосіб виживання"Відкрита лекція на тему: "Сидерати - як спосіб виживання"
Відкрита лекція на тему: "Сидерати - як спосіб виживання"
 
оцінювання дітей з особливими освітніми потребами у ЗЗСО.pptx
оцінювання дітей з особливими освітніми потребами у ЗЗСО.pptxоцінювання дітей з особливими освітніми потребами у ЗЗСО.pptx
оцінювання дітей з особливими освітніми потребами у ЗЗСО.pptx
 
Проблеми захисту лісу в Україні та шляхи вирішення
Проблеми захисту лісу в Україні та шляхи вирішенняПроблеми захисту лісу в Україні та шляхи вирішення
Проблеми захисту лісу в Україні та шляхи вирішення
 
Презентациія для сайта Група «Незабудка».pptx
Презентациія для сайта Група «Незабудка».pptxПрезентациія для сайта Група «Незабудка».pptx
Презентациія для сайта Група «Незабудка».pptx
 

мова розмітки гіпертексту Html