Мова розмітки HTML

Структуру і зміст сторінки

Вигляд: кольори і шрифти

Поведінку: реакцію на кліки

Запити до бази даних

<link>

<a>

<href>

<url>

<header>

<nav>

<div>

<footer>

Щоб задати кодування символів

Щоб сторінка з'являлася в пошуку Google

Щоб сторінка мала правильний масштаб на телефоні

Щоб підключити файл зі стилями

<html lang="uk">

<meta charset="UTF-8">

<!DOCTYPE html>

<title>

alt="Фотографія з нашого шкільного архіву"

alt="IMG_2041.jpg з телефона вчителя"

alt="Учні збирають робота на змаганнях"

alt="Картинка"

strong не можна вкладати в p

Теги закрито не в зворотному порядку

Тег p не потребує закривального тегу

Помилки немає, браузер покаже правильно

Сторінка прокрутиться до елемента з id="contacts"

Відкриється файл contacts.html

Відкриється поштовий застосунок

Відкриється сайт contacts.com

<center><font color="red">Вітаємо!</font></center>

Три заголовки <h1> на одній сторінці

<img src="team.jpg"> без атрибута alt

<html lang="uk"> на початку документа

Браузер не відобразить h4 одразу після h1

Заголовок h4 дозволено лише у footer сторінки

Це спричинить помилку виконання JavaScript

Порушено ієрархію заголовків для читачів і пошуку

Залишити, бо браузери це ще відображають

Перенести вигляд у CSS, верстку — на Flexbox/Grid

Замінити таблиці на рухомі рядки marquee

Переписати всі теги великими літерами

<a href="#about">

<a href="https://about.html">

<a href="mailto:about.html">

<a href="about.html">

Рухомий рядок marquee

Атрибут alt у зображень

Атрибут lang="uk" в елементі html

Семантичні елементи main і nav

Зникнуть: змінювалася лише копія в браузері

Збережуться на сервері сайту

Їх побачать усі відвідувачі сайту

Адміністратору надійде скарга