Базовый код HTML — PROG-TIME

Базовый код HTML

13.12.2017
Содержание:

Базовый код 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
Наши планы
  • Написание материала для курса по разработке ботов на Telegram
  • Разработка универсального парсера на PHP

Поддержите мой сайт!

Каждый переведённый донат, мотивирует на создание новых записей и уроков на YouTube

Контакты для связи

Технология на prog-time
Telegram
https://t.me/prog_time_bot