#2 – Файл «index.html». Отображение сайта

#2 – Файл «index.html». Отображение сайта

За урок мы создадим наш первый проект и добавим внутрь него файл «index.html». Мы рассмотрим основную структуру HTML разметки, узнаем что такое теги и научимся отображать HTML файлы в браузере.

Видеоурок

Расширение

При создании HTML файла обязательно указывать расширение файла, как: .html. Создав файл с таким расширением вы сможете открыть его через любой веб браузер. Некоторые разработчики указывают расширение .htm, что тоже является верным.


При создании файла вы можете указать на выбор одно из этих расширений и тем самым создадите рабочий HTML файл. Второй вариант расширения менее распространен, но изредка его также можно встретить.


Отображение в браузере

Чтобы открыть HTML файл в браузере достаточно два раза нажать на него. После этого файл будет открыт в вашем браузере по умолчанию. Весь код из HTML файла будет обработан и показан на странице в браузере.

Исходный код

Основная структура
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Главная страница</title>
  </head>
  <body>
    Привет
  </body>
</html>

Онлайн редактор кода

Загрузка...

Задание к уроку

Главное – структура

Создайте HTML файл и поместите в него всю стандартную HTML разметку.

Посмотреть ответ

Создайте файл с расширением .html и разместите в нём следующий код:

<!DOCTYPE html>
<html>
<head>
	<title>Document</title>
</head>
<body>
 
</body>
</html>

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Изучение препроцессора SASS / SCSS
7 уроков
Верстка сайта на HTML5 и CSS3
13 уроков
Создание сайта с нуля | Полноценная верстка сайта
11 уроков
Изучение CSS/CSS3 для новичка: от нуля до гуру
10 уроков
Видеокурс по PHP, MySQL / Создание динамического сайта
Вёрстка адаптивного сайта на Bootstrap 4
6 уроков
Комментарии для сайта Cackle