мова розмітки гіпертексту html
TRANSCRIPT
![Page 1: мова розмітки гіпертексту Html](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55a9c87b1a28ab595b8b46c7/html5/thumbnails/1.jpg)
Мова розмітки гіпертексту HTML
![Page 2: мова розмітки гіпертексту Html](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55a9c87b1a28ab595b8b46c7/html5/thumbnails/2.jpg)
• Тег - це одиниця коду HTML, яка складається з "команди", поміщеної у кутові дужки < >
• Теги бувають відкриваючими та закриваючими
• Закриваючі теги починаються зі знаку /
![Page 3: мова розмітки гіпертексту Html](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55a9c87b1a28ab595b8b46c7/html5/thumbnails/3.jpg)
• Документи починаються і закінчуютьсятегами, які позначають його початок та кінець: <HTML> та </HTML>
• В межах документу виділяються двіобласті - заголовок та власне "тілодокументу".
• Заголовок оголошується тегами <HEAD> та </HEAD>
![Page 4: мова розмітки гіпертексту Html](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55a9c87b1a28ab595b8b46c7/html5/thumbnails/4.jpg)
Структура веб-документа
<HTML>
<HEAD>
<TITLE> Заголовок сторінки</TITLE>
</HEAD>
<BODY BGCOLOR= колір>
Текст сторінки
</BODY>
</HTML>
![Page 5: мова розмітки гіпертексту Html](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55a9c87b1a28ab595b8b46c7/html5/thumbnails/5.jpg)
BODY
• BGCOLOR= Вказується назва або номер кольору, який повинен бути фоновим для даного документу
• BACKGROUND = Вказується назва файлу із зображенням тла
![Page 6: мова розмітки гіпертексту Html](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55a9c87b1a28ab595b8b46c7/html5/thumbnails/6.jpg)
Форматування символів• Для переходу на новий рядок
використовується тег <br> .
• Для виділення тексту в абзаци існуютьтеги <p> та </p> .
• Текст, розміщений між тегами <b> та </b> буде жирнішим. bold
• Текст, розміщений між тегами <i> та </i> буде написаний курсивом. italics
• Тег <hr> вставляє у документ горизонтальну лінію.
![Page 7: мова розмітки гіпертексту Html](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55a9c87b1a28ab595b8b46c7/html5/thumbnails/7.jpg)
<FONT>• face - тип шрифта (наприклад: 'Lucida
Sans', 'Arial', 'Monotype Corsiva', 'TimesNew Roman')
• size - розмір шрифта (1-7)
• color - колір шрифта.
![Page 8: мова розмітки гіпертексту Html](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55a9c87b1a28ab595b8b46c7/html5/thumbnails/8.jpg)
Заголовки
• Заголовки в HTML бувають шести рівнів.
• Текст розміщений всередині тегу заголовка <h1> </h1>
![Page 9: мова розмітки гіпертексту Html](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55a9c87b1a28ab595b8b46c7/html5/thumbnails/9.jpg)
Списки
• Невпорядковані
• <ul>
– type• disk
• circle
• square
• <li>
![Page 10: мова розмітки гіпертексту Html](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55a9c87b1a28ab595b8b46c7/html5/thumbnails/10.jpg)
Списки
• Впорядковані
• <ol>
– type• 1
• A
• a
• I
• i
– start
![Page 12: мова розмітки гіпертексту Html](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55a9c87b1a28ab595b8b46c7/html5/thumbnails/12.jpg)
Гіперпосилання
• Гіперпосилання – це вказівка для браузера, до якого об’єкта він має звернутись
<a href=“адреса переходу”> текст переходу</a>
• Внутрішні посилання – якорі
<a name=“назва якоря”> створення якоря
<a href=“#назва якоря ”> посилання на якір </a>
• Посилання на поштові скриньки
<a href=“mailto:[email protected]”> текст </a>
![Page 13: мова розмітки гіпертексту Html](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55a9c87b1a28ab595b8b46c7/html5/thumbnails/13.jpg)
Кольори гіперпосилань
• Визначаються у тегу BODY
– LINK=колір гіперпосилань
–ALINK=у момент клацання
–VLINK=переглянуті гіперпосилання