Привет!Это первая часть краткого курса по HTML,прступим!
Не забывайте писать в начале своего кода👇
<!DOCTYPE html>
Тег <html> и <head>
В <html> содержится ваш .html код,а в <head> содержится название страницы или прочие настройки и теги,но пока мы говорим о <head>("голова" Вашего сайта)
Тег <title> не является самозакрывающимся,поэтому после вашего код нужно добавлять закрывающий тег </title>
Пример:
<head>
<title>Hello World!</title>
</head>
Или
<head>
<title>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</title>
Тег <head> также не является самозакрывающимся
Тег <title>
Тег <title> используется для того,чтобы установить название страницы вашего сайта.
Пример:
<!DOCTYPE html>
<html>
<head>
<title>Hello World!</title>
</title>
</html>
Результат:
Тег <title> обязательно должен находиться внутри тега <head>
Но есть одна проблема,если вместо "Hello World" Написать например "Привет Мир" , вместо нужного вам названия страницы будут показаны странные символы.
Как это исправить?
На самом деле всë просто!
Внутри тега <head> нужно указать тег <meta>,а именно:
<head>
<meta charset="UTF-8">
<title>Привет Мир!</title>
</head>
Тег <meta> является самозакрывающимся,поэтому его нужно записывать как:
<meta charset="Формат">
Тег <body>
Тег <body> является "телом" Вашего сайта,в нëм содержится вся основная часть сайта.
Пример:
<!DOCTYPE html>
<html>
<title>Hello World!</title>
<body>
<p>Текст 1</p>
<p>Текст 2</p>
<p>Текст 3</p>
</body>
</html>
Результат:
Текстовые абзацы
Для написания текстовых абзацев используются теги <p>
Пример:
<!DOCTYPE html>
<html>
<title>Hello World!</title>
<body>
<p>Привет!</p>
</body>
</html>
Тег <p> необязательно закрывать
Тег <h1> и т.д
Тег <h1> является наиболее важным абзацем.
Пример:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Привет Мир!</title>
</head>
<body>
<h1>Абзац</h1>
<h2>Абзац</2>
<h3>Абзац</h3>
<h4>Абзац</h4>
<h5>Абзац</h5>
<h6>Абзац</h6>
<p>Текст 1</p>
<p>Текст 2</p>
<p>Текст 3</p>
</body>
</html>
Результат:
Тег <h1> и другие теги <h> не являются самозакрывающимися
На этом первая часть закончена,так-же советуем посмотреть курс от ITProger|https://youtube.com/playlist?list=PLDyJYA6aTY1nlkG0gBj96XDmDSC4Fy1TO