Базовый код HTML

Базовый код HTML – вот что мы с вами сегодня рассмотрим. Это теги которые в обязательном порядке должны быть прописаны.

Вот так выглядит обязательная структура и порядок этих тегов.

Базовый код HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>

Теперь давайте по порядку.

1) <!DOCTYPE html>

Предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа). Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу.

2)<html></html> 

Этот код “сама структура”. Все последующие теги будут вписываться только внутри этого тега. Если вы запишете что либо вне тега <html></html>либо не будет воспроизводится, либо выдаст ошибку.

3) <head></head>

Этот тег предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. Действия этого тега не заметны, так как он работает только на стороне машины.Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных.  Единственный тег, действия которого видны пользователи, это <title></title> – здесь обозначается название сайта, которое будет видно на вкладке браузера.

4)<body></body>

Здесь будет проходить вся ваша работа. Элемент <body> предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>. К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д.

Тег <body> также применяется для определения цветов ссылок и текста на веб-странице. Подобная практика в HTML 4 осуждается и взамен для указания цветовой схемы рекомендуется использовать стили, применяя их к селектору BODY. Тем не менее, большинство атрибутов до сих пор поддерживается разными браузерами.

В общем то и всё на этом. Это база, без которой в HTML не чего не запуститься.

Для облегчения работы вы можете закрепить эту запись в закладках, или скопировать и сохранить этот код в документе. В дальнейшем вы конечно же его запомните, но для облегчения, лучше его сохранить.

Рекомендованные

 

Вам также будет интересно

 

comments powered by HyperComments