Базовая структура HTML-страницы состоит из нескольких основных элементов:

  1. <!DOCTYPE html> - это декларация типа документа, которая сообщает браузеру, какой тип документа следует ожидать. В HTML5 это обычно выглядит так: <!DOCTYPE html>.
  2. <html> - это элемент, который определяет начало и конец HTML-документа. Все содержимое страницы должно находиться между открывающим и закрывающим тегами <html>.
  3. <head> - это элемент, который содержит информацию о документе, но не отображается на странице. Внутри тега <head> обычно размещают метатеги, ссылки на стили CSS, скрипты JavaScript, метаданные и другую информацию о странице.
  4. <title> - это элемент, который определяет заголовок документа, который отображается в строке заголовка браузера. Заголовок документа также используется поисковыми системами для определения содержания страницы.
  5. <body> - это элемент, который содержит основное содержимое страницы, которое будет отображаться на экране. Внутри тега <body> размещаются все элементы, которые будут отображаться на странице, такие как текст, изображения, формы, таблицы и т.д.

Пример базовой структуры HTML-страницы:

<!doctype html>
<html>
  <head>
    <title>Моя HTML-страница</title>
    <meta charset="UTF-8" />
    <meta name="description" content="Описание страницы" />
    <meta name="keywords" content="ключевые слова" />
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <h1>Заголовок страницы</h1>
    <p>Это моя первая HTML-страница.</p>
    <img src="myimage.jpg" alt="Моя картинка" />
  </body>
</html>

В этом примере мы имеем основные элементы HTML-страницы: <!DOCTYPE html><html><head><title> и <body>. Внутри элемента <head> мы разместили метатеги, ссылку на стиль CSS и другую информацию о странице. Внутри элемента <body> мы разместили заголовок и текст страницы, а также изображение.


Назад