Базовый код 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 не чего не запуститься.

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

Если у вас есть вопросы, пишите их в нашей группе – https://vk.com/progtime 

Вы так же можете разместить свой вопрос на нашем форуме, где другие программисты смогут вам помочь в решение вашей задачи – https://vk.com/prog_time

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

Так же прокачивайте свои навыки на нашем канале – https://www.youtube.com/c/ProgTime

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

 

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

 

Оставить комментарий

avatar
  Подписаться  
Уведомление о