< 1 >. HTML
HTML(HyperText Markup Language) - это язык гипертекстовой разметки, это каркас вашего сайта. Позже узнаем что такое CSS и JS.
HTML не язык программирования, к нему нужно относиться как конструктору. Располагая определённым образом теги можно влияет на структура вашего сайта.
Тег в HTML это специальное слово или пара слов, которое определяет сущность и его содержимое. Их определяет ключевое слово и стрелки(</>) по разные стороны этого слова.
Теги бывают: парные и непарные
Для того чтобы попробовать свои силы в написании минимального кода на HTML достаточно даже обычного блокнота.
Некоторые из вас, могут спросить: "А если у меня стоит уже Visual Studio Code или другой редактор кода?🙄". Для таких у меня ответ: "А мне пофик, следуй инструкции!"
Ну ладно, это всего лишь лирика. Создайте файл с названием index.html, само название может быть любым, а вот расширение файла обязательно .html.
Далее откройте его в блокноте и скопируйте туда следующий код:
<!DOCTYPE html>
<head>
<title>Мой первый сайт</title> <!-- Текст, который отображается во вкладке сайта -->
</head>
<body>
<!-- Так выглядит комментарий -->
<h1>Мой первый заголовок</h1> <!-- Заголовок первого уровня -->
</body>Сохраните файл, далее просто перетащите его в окно вашего браузера и вы увидите содержимое вашего файла.
Тегов в HTML очень много, но вот список из основных, которые часто будут вам встречаться:
<p>Обычный текст</p>- p означает параграф<div>Обычный блок</div>- обычный блок, универсальный тег<head></head>- главный тег страницы, определяет служебные настройки сайт<body></body>- главный тег страницы, определяет видимое содержимое на странице<img src="file.png" />- тег для отображения изображения
Пока хватит, в следующем посте будет установка и настройка редактора кода.
Вот ссылка на полезную литературу, на которую желательно ориентироваться:
- Документация MDN, если коротко, там есть всё что вам нужно
- А тут список тегов
Ну кстати, если вы здесь именно из телетайпа, можете и на телеграм подписаться. До скорого!