HTML Documents and HTTP Protocol Hypertext Markup Language (HTML) - мова розмітки веб-сторінок Hypertext Transport Protocol (HTTP) - це протокол, який забезпечує транспортування сторінок клієнтам
Структура html документа Sample website Hello World!
HTML 4.01 doctype example: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " DTD/xhtml11.dtd"> HTML5 doctype:
Основні теги : визначає сторінку як HTML-документ : містить розмітку та код, який використовується браузером, наприклад, скрипти, які додають інтерактивність, та ключові слова, які допомагають пошуковим системам знаходити сторінку : відображає назву веб-сторінки, яка з'являється у верхній частині веб-браузера, як правило, на вкладці сторінки в браузері з вкладками : вміст, який відображається на веб-сторінці під час перегляду в веб-переглядачі
Наповнення - кодування - опис сторінки - ключові слова - автор сторінки - налаштування viewport - favicon - підключення стилів - підключення скриптів Теги для соціальних мереж
Стурктура тегу Теги - це ключові слова, які визначають структуру HTML-сторінки Ключове слово оточуються кутовими дужками
Види тегів... - двойні - одинарні... - блочні... - строкові(інлайнові)
Перелік тегів та їх значення Тег - заголовок самого верхнього рівня, на сторінці рекомендується використовувати тільки один раз, по можливості частково дубльовану назву сторінки. Тег повинен бути унікальним для кожної сторінки сайту. Розмір шрифту в браузері равен 2 em, верхній і нижній відступ за замовчуванням 0.67em. Тег - Ім позначені підзаголовки тега. Розмір шрифту в браузері равен 1.5 em, верхній і нижній відступ за замовчуванням 0.83em. Тег - підзаголовки теги. Розмір шрифту в браузері равен 1.17em, верхній та нижній відступ за замовчуванням 1 em. Теги,, - підзаголовки четвертого, п'ятого та шестого рівня. Розмір шрифту в браузері равен 1 em / 0.83 em / 0.67 em, верхній та нижній відступ за замовчуванням 1.33 em / 1.67 em / 2.33 em відповідно.
Перелік тегів та їх значення Не індексуються пошуковими системами Індексуються пошуковими системами Задає полужирное накреслення шрифту Відображає шрифт курсив Зменшує розмір шрифту за одиницю по відношенню до звичайного тексту Використовується для створення нижніх індексів Використовується для створення верхніх індексів Виділяє текст в новій версії документа, підкреслюючи його. Перекреслює текст.
Перелік тегів та їх значення - перенести на нову стрічку - горизонтальна лінія - елемент форми - вставка зображення
Вкладеність тегів Один тег можна вкласти в інший Make sure your pet has plenty of fresh water during hot weather.