Презентація до уроку інформатики у 11 класі на тему "Мова гіпертекстової розмітки". Можна використовувати окремо, або разом із конспектом. Він також знаходиться на сайті цього проекту.
HTML (англ. Hyper Text Markup Language — мова розмітки гіпертексту) — стандартна мова розмітки документів у всесвітній павутині, яка обробляється спеціальними програмами (браузерами) і відображається у вигляді документа у зручній для людини формі. Що таке HTML?
Номер слайду 3
Теги — команди мови HTML. HTML-теги — це ключові слова або символи, які записуються в кутові дужки. Визначають, де починається та де закінчується HTML-елемент Теги бувають двох видів: парні й непарні. Парні теги складаються з відкриваючого і закриваючого тегів. Непарний тег – лише відкриваючий. Що таке теги?
Номер слайду 4
Більшість тегів мають додаткові властивості або характеристики - атрибути (латин. attribuo —надавати, наділяти), які складаються з пари «назва — значення», розділених між собою знаком рівності та записаних у відкриваючому тегу відразу після назви елемента. Артибути тегів
Номер слайду 5
Сторінка завжди починається з відкриваючого тегу та закінчується закриваючим тегом і складається з двох обов’язкових блоків — голови (head) та тіла (body), які записуються послідовно. Структура сторінки html Код HTMLВідображення браузером
Номер слайду 6
В HTML існують шість рівнів заголовків, Найбільший – заголовок першого рівня, найменший – шостого. Позначаются вони відповідно
…
. Заголовки мають атрибут align, який визначає тип вирівнювання на сторінці і може приймати одне з чотирьох значень. Теги заголовків{BC89 EF96-8 CEA-46 FF-86 C4-4 CE0 E7609802}Значення. Тип вирівнюванняleft. За лівим краєм (за замовчуванням)right. За правим краємcenter. По центруjustify. За шириною (за лівим і правим краєм)
Номер слайду 7
Теги заголовків
Номер слайду 8
Абзаци виділяються парним тегом
(від слова «параграф»). Як і теги заголовків, тег параграфу має атрибут align. Абзаци
Номер слайду 9
Списки можуть бути впорядковані, тобто нумеровані, невпорядковані – марковані та багаторівневі. Кожен елемент списку виокремлюється парним тегом
. Нумерований список позначаєтся парним тегом , маркований список - парним тегом
. Списки. Код HTML
Номер слайду 10
В HTML існує спеціальний тег-контейнер для реалізації навігації по сайту -
Номер слайду 11
«Теги в ряд»
Номер слайду 12
Завдання
Номер слайду 13
1. Чи є, на Вашу думку, тема уроку актуальною для сьогодення? 2. Що було найбільш цікавим сьогодні на уроці? А що найменш? 3. Як Ви можете використати знання, набуті на уроці, у майбутньому? Рефлексія
Номер слайду 14
За матеріалами конспекта і попередньої практичної роботи (створення інформаційної структури сайту) розробити код для HTML-сторінки за власною структурою. У коді має бути як мінімум по одному елементу кожного тегу, вивченого на уроці. Домашнє завдання