Мова розмітки гіпертексту HTML 5

Сентябрь 7, 2022

Главная
Алгебра
Мова розмітки гіпертексту HTML 5

Содержание

2. HTML (від англ. Hyper Text Markup Language - «мова розмітки гіпертексту») - стандартна мова розмітки документів
3. Браузери
4. Середовище розробки Блокнот Nodepad++ Sublime text Brackets
5. HTML-документ Всю інформацію нашого сайту ми зберігаємо в текстовому документі: де index – назва документу, html
6. Загальна структура сторінки Все те, що ми будем писати у html-файлі, буде зчитувати браузер, ми повинні
7. Зразок HTML-документу Моя перша сторінка Мій перший заголовок Мій перший параграф
8. HTML-теги Тег – це команда, яка буде оброблятись нашим браузером і відтворюватись у доступному для нас
9. Синтаксис тегу
10. Приклади декількох тегів - заголовок - параграф - курсив - жирність - нижній індекс тексту -
11. Додаткові джерела інформації: https://webref.ru/ https://webref.ru/html/!doctype https://webref.ru/html/!-- https://webref.ru/html//a https://webref.ru/html//b https://webref.ru/html//blockquote https://webref.ru/html//br https://webref.ru/html//del https://webref.ru/html//h/h1 https://webref.ru/html//img https://webref.ru/html//ins https://webref.ru/html//ol https://webref.ru/html//ul
13. Скачать презентацию

Слайд 2

HTML (від англ. Hyper Text Markup Language - «мова розмітки гіпертексту»)

- стандартна мова розмітки документів у Всесвітній павутині. Більшість веб-сторінок створюються за допомогою мови HTML (або XHTML). Мова HTML інтерпретується браузерами і відображається у вигляді документа в зручній для людини формі.

Що таке HTML?

Слайд 3

Браузери

Слайд 4

Середовище розробки
Блокнот
Nodepad++
Sublime text
Brackets

Слайд 5

HTML-документ
Всю інформацію нашого сайту ми зберігаємо в текстовому документі:
де index –

назва документу, html – розширення файлу

Слайд 6

Загальна структура сторінки
Все те, що ми будем писати у html-файлі, буде

зчитувати браузер, ми повинні оголосити який далі буде тип файлу. Тому першим елементом буде завжди

Окрім того, що ми оголосили браузеру, який в нас буде тип інформації у файлі, ми повинні показати йому, в якому діапазоні все це буде відбуватись. Тому далі в нас буде йти подвійний тег:

Після того, як ми оголосили тип інформації у нашому файлі, показали межі, в яких будемо працювати, наша наступна частина структури html-файлу буде нагадувати людину. В ній буде голова - і тіло - .

- область яка не відображається безпосередньо на сторінці. Вона призначена для браузера, як область в якій будуть вказані команди для кращої обробки данних.

- тег в якому буде писатись наш основний код.
Для зручності теги які лежать між іншими тегами робляться з відступом Tab. Це дає змогу краще бачити код, його початок і кінець та ієрархію. Якщо ж ми подивимось на теги I , то побачимо, що вони лежать на одному рівні. Це пов’язано з тим, що вони між собою рівнозначні і до того ж лежать у тегу

Слайд 7

Зразок HTML-документу

Моя перша сторінка

Мій перший заголовок

Мій перший параграф

Слайд 8

HTML-теги
Тег – це команда, яка буде оброблятись нашим браузером і відтворюватись

у доступному для нас вигляді. Не має значення яким регістром писати теги.
Вміст тегу
Теги бувають одинарні (пустими) і подвійні. Одинарні теги часто використовуються для «команд системи» (далі ми зустрінемось з ними) , але вони використовуються і для оформлення нашого html-файлу.
Приклад подвійного тегу: