Базовая структура HTML-страницы состоит из нескольких основных элементов:
<!DOCTYPE html>
- это декларация типа документа, которая сообщает браузеру, какой тип документа следует ожидать. В HTML5 это обычно выглядит так:<!DOCTYPE html>
.<html>
- это элемент, который определяет начало и конец HTML-документа. Все содержимое страницы должно находиться между открывающим и закрывающим тегами<html>
.<head>
- это элемент, который содержит информацию о документе, но не отображается на странице. Внутри тега<head>
обычно размещают метатеги, ссылки на стили CSS, скрипты JavaScript, метаданные и другую информацию о странице.<title>
- это элемент, который определяет заголовок документа, который отображается в строке заголовка браузера. Заголовок документа также используется поисковыми системами для определения содержания страницы.<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>
мы разместили заголовок и текст страницы, а также изображение.