Создание первого HTML документа - IsuiGit/borodaedu GitHub Wiki
- Выбор текстового редактора: Вам понадобится текстовый редактор для написания кода. Вы можете использовать любой текстовый редактор, такой как:
- Блокнот (Windows)
- TextEdit (Mac)
- Visual Studio Code (бесплатный и мощный редактор)
- Sublime Text
- Atom
- Создание папки: Создайте новую папку на вашем компьютере, где вы будете хранить все файлы вашего проекта. Назовите ее, например, my_first_website.
-
Создание файла: Откройте ваш текстовый редактор и создайте новый файл. Сохраните его с именем index.html в папке, которую вы создали на предыдущем шаге. Убедитесь, что файл имеет расширение .html.
-
Написание кода: Вставьте следующий код в ваш файл index.html:
<html>
<head>
<title>Моя первая веб-страница</title>
</head>
<body>
<h1>Добро пожаловать на мою первую веб-страницу!</h1>
<p>Это мой первый опыт в создании HTML-документа.</p>
</body>
</html>-
<html></html>- парный тег, обозначающий начало и конец HTML документа -
<head></head>- содержит метаданные о документе, такие как кодировка, заголовок и т.д. -
<title></title>- заголовок страницы, который отображается на вкладке браузера -
<body></body>- основное содержимое страницы, где размещаются текст, изображения, ссылки и т.д. -
<h1></h1>- заголовок первого уровня -
<p></p>- абзац текста
- Информация о тегах и структуре документа
Теги в HTML бывают двух видов: парные и одиночные
- Парные теги начинаются с угловой скобки, имени тега и закрывающей угловой скобки (прим.:
<html>) и заканчиваются аналогичной конструкцией, с символом обратного слеша после открывающей угловой скобки (прим.:</html>). - Одиночные теги содержат только открывающую структуру и НЕ заключают между собой каких-либо данных, других тегов и т.д. (прим.:
<img src="...">) и в полной мере содержат всю информацию о себе внутри свойств
После того как вы вставили код, сохраните изменения в вашем текстовом редакторе.
- Перейдите в папку, где вы сохранили файл index.html.
- Дважды щелкните на файл, и он откроется в вашем веб-браузере (например, Google Chrome, Firefox, Safari и т.д.).