HTML
?Структура HTML-документа
<!DOCTYPE html> -- декларация доктайпа -- (начало каждого HTML-документа. Нужен, чтобы браузер мог определить версию HTML и правильно отобразить страницу.)
<head>
<title> Заголовок </title> --- (заголовок страницы,который отображается во вкладках)
</head>
Кодировка задаётся так:
<meta charset="имя кодировки"> --- Обычно это utf-8.
<meta>теги хранят полезную для браузеров и поисковых систем информацию. Один из таких тегов — это описание ключевых слов страницы. Задаётся он так:
<meta name="keywords" content="разные, ключевые, слова">
Ещё один полезный для поисковых систем мета-тег — краткое описание страницы. Оно задаётся так:
<meta name="description" content="краткое описание">
Комментарий в HTML-коде задаётся так:
<!-- любой текст -->
Используй ctrl + /
Подключение стилей
Инлайн:
<head> <style> CSS-код </style> </head>
Чаще всего стили подключают из внешнего файла с расширением .css. Для этого используется тег <link>. Например:
<head> <link href="external.css" rel="stylesheet"> </head>
В атрибуте href задают адрес файла, а атрибут rel="stylesheet" говорит браузеру, что мы подключаем стили, а не что-то другое.
Подключение скриптов
В вебе следующее разделение ролей: HTML отвечает за структуру документа, стили — за его внешний вид, а скрипты — за поведение. Скрипты подключаются так же, как и стили: их либо пишут внутри страницы, либо подключают как внешние файлы.
Встроенные скрипты пишут внутри тега <script>. Например:
<script> JavaScript-код </script>
Тег <script> можно использовать в любом месте HTML-документа, но лучше вставлять его в самом конце перед закрывающим тегом </body>.
Внешние скрипты подключаются так: тег <script>
с атрибутом src
, в котором указывается путь к файлу:
<script src="external.js"></script>