8 клас
computer science
«Навчальна книга — Богдан»
тема 14
Поняття мови гіпертекстової розмітки. Тег та його атрибути. Валідація сторінок. Теги створення елементів вебсторінки: зображень, списків, таблиць
Інтернет став невід'ємною частиною сучасного світу, відкриваючи безліч можливостей для комунікації, бізнесу, розваг та навчання.
і саме Веб-сайти є основними елементами Інтернету, надаючи користувачам доступ до інформації та послуг.
розглянемо основні поняття
Веб-Сайт
Веб-сторінка
Основні компоненти веб-сторінки
Java Script
CSS
HTML
Розпочнемо знайомство з мови гіпертекстової розмітки HTML
Для створення HTML-файлу можна використовувати текстовий редактор Блокнот
проте для зручності написання використовують редактори кодів. Розглянемо найпопулярніші з них:
Також html-код можна писати в онлайн редакторах та на смартфонах
Якщо уявити сайт у вигляді будинку, то HTML задає розташування кімнат та різних об'єктів, проте не займається оформленням.
HTML задає браузеру, де має бути заголовок, текст, картинка, посилання тощо. Це каркас, на основі якого будуються всі сайти.
Тег HTML - це спеціальний елемент, який використовується для визначення структури та вмісту веб-сторінки
неПарні теги
Парні теги
Також всередині тегів можна прописати атрибути HTML. Це щось на кшталт додаткових налаштувань для розширення можливостей.
Розглянемо основні теги та їх атрибути
HTML-документ Починається з елемента <!DOCTYPE html>, який визначає версію HTML.
Теги та атрибути блоку<Head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/png" href="favicon.png">
Теги та атрибути блоку<BODY>
теги заголовків
результат
теги абзацу та форматування тексту
теги абзацу та форматування тексту
результат
атрибути вирівнювання
<p align="left"> Текст зліва</p> <p align="center"> Текст по центру</p>
<p align="right"> Текст справа</p>
<p align="justify"> Текст по ширині</p>
тег для вставки зображення
<img src="image.jpg" alt="Опис зображення">
Основні атрибути
<img src="nature.jpeg" alt="Природа" width="300" height="200" title="Міст" align="center">
додаткові атрибути
теги для створення списків
нумерований
маркований
теги для створення списків
описовий
атрибути списків
type="A"
start="5"
reversed
теги для створення таблиць
результат
атрибути таблиць
Для тега <table>:
border="1"
cellpadding="10"
cellspacing="5"
Для тегів <td>, <th>:
colspan="2"
rowspan="2"
Валідація сторінок
Валідація веб-сторінок — це процес перевірки HTML, CSS та інших мов розмітки на відповідність офіційним стандартам та специфікаціям.
Інструменти для валідації
W3C Markup
W3C CSS
Дякую за увагу!
Урок №14. Поняття мови гіпертекстової розмітки. Тег та його атрибути.
InnaTrischuk
Created on April 25, 2024
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Essential Learning Unit
View
Akihabara Learning Unit
View
Genial learning unit
View
History Learning Unit
View
Primary Unit Plan
View
Vibrant Learning Unit
View
Art learning unit
Explore all templates
Transcript
8 клас
computer science
«Навчальна книга — Богдан»
тема 14
Поняття мови гіпертекстової розмітки. Тег та його атрибути. Валідація сторінок. Теги створення елементів вебсторінки: зображень, списків, таблиць
Інтернет став невід'ємною частиною сучасного світу, відкриваючи безліч можливостей для комунікації, бізнесу, розваг та навчання.
і саме Веб-сайти є основними елементами Інтернету, надаючи користувачам доступ до інформації та послуг.
розглянемо основні поняття
Веб-Сайт
Веб-сторінка
Основні компоненти веб-сторінки
Java Script
CSS
HTML
Розпочнемо знайомство з мови гіпертекстової розмітки HTML
Для створення HTML-файлу можна використовувати текстовий редактор Блокнот
проте для зручності написання використовують редактори кодів. Розглянемо найпопулярніші з них:
Також html-код можна писати в онлайн редакторах та на смартфонах
Якщо уявити сайт у вигляді будинку, то HTML задає розташування кімнат та різних об'єктів, проте не займається оформленням.
HTML задає браузеру, де має бути заголовок, текст, картинка, посилання тощо. Це каркас, на основі якого будуються всі сайти.
Тег HTML - це спеціальний елемент, який використовується для визначення структури та вмісту веб-сторінки
неПарні теги
Парні теги
Також всередині тегів можна прописати атрибути HTML. Це щось на кшталт додаткових налаштувань для розширення можливостей.
Розглянемо основні теги та їх атрибути
HTML-документ Починається з елемента <!DOCTYPE html>, який визначає версію HTML.
Теги та атрибути блоку<Head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/png" href="favicon.png">
Теги та атрибути блоку<BODY>
теги заголовків
результат
теги абзацу та форматування тексту
теги абзацу та форматування тексту
результат
атрибути вирівнювання
<p align="left"> Текст зліва</p> <p align="center"> Текст по центру</p> <p align="right"> Текст справа</p> <p align="justify"> Текст по ширині</p>
тег для вставки зображення
<img src="image.jpg" alt="Опис зображення">
Основні атрибути
<img src="nature.jpeg" alt="Природа" width="300" height="200" title="Міст" align="center">
додаткові атрибути
теги для створення списків
нумерований
маркований
теги для створення списків
описовий
атрибути списків
type="A"
start="5"
reversed
теги для створення таблиць
результат
атрибути таблиць
Для тега <table>:
border="1"
cellpadding="10"
cellspacing="5"
Для тегів <td>, <th>:
colspan="2"
rowspan="2"
Валідація сторінок
Валідація веб-сторінок — це процес перевірки HTML, CSS та інших мов розмітки на відповідність офіційним стандартам та специфікаціям.
Інструменти для валідації
W3C Markup
W3C CSS
Дякую за увагу!