Найти в Дзене

Создание HTML-страницы

Всем привет! В этой статье мы с вами создадим вашу первую HTML страницу, которую в будущем мы будем дорабатывать до совершенства. 1. Скачиваем редактор кода, я использую Microsoft Visual Studio Code. Ссылка для скачивания 2.Теперь давайте создадим сам HTML документ и сделаем все максимально практично. Во-первых создадим папку в удобном месте, даем ей название желательно на английском языке.
Уже в этой папке делаем файл с расширением .html например vlasychguide.html 3. Давайте отредактируем наш файл. Для этого нужно открыть его в редакторе кода, который мы скачали ранее. Открываем редактор и нажимаем Файл в верхнем левом углу, должна открыться менюшка Теперь нажимаем Открыть файл в открывшемся меню. Нам предложат выбрать, что мы хотим открыть. Выбираем наш файл, который мы создали ранее. Нажимаем открыть и всё - файл открыт- вы готовы к написанию кода 4. Теперь давайте выведем на экран фразу "Hello world". Для этого воспользуемся лайфхаком из прошлого урока - нажмём клавишу ! и потом

Всем привет! В этой статье мы с вами создадим вашу первую HTML страницу, которую в будущем мы будем дорабатывать до совершенства.

1. Скачиваем редактор кода, я использую Microsoft Visual Studio Code. Ссылка для скачивания

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

-2

Уже в этой папке делаем файл с расширением .html например vlasychguide.html

Должно получиться что-то такое
Должно получиться что-то такое

3. Давайте отредактируем наш файл. Для этого нужно открыть его в редакторе кода, который мы скачали ранее. Открываем редактор и нажимаем Файл в верхнем левом углу, должна открыться менюшка

-4

Теперь нажимаем Открыть файл в открывшемся меню. Нам предложат выбрать, что мы хотим открыть. Выбираем наш файл, который мы создали ранее.

-5

Нажимаем открыть и всё - файл открыт- вы готовы к написанию кода

-6

4. Теперь давайте выведем на экран фразу "Hello world". Для этого воспользуемся лайфхаком из прошлого урока - нажмём клавишу ! и потом сразу нажмем Tab на клавиатуре. Вот что мы получили после этого

-7

Этот текст - база любого сайта. Его можно дорабатывать, вписывая в head и body различные теги.

5. Давайте выведем фразу 'Hello world' на экран. Для этого напишем произвольные буквы и нажмем клавишу Tab на клавиатуре. После этого нужно вписать Hello world между ><.

Пример:

<A>*пишем тут*</A>

!!!Важно!!! Писать надо после строки body

Наш итог
Наш итог

Чтобы насладиться увиденным, просто откройте файл в папке, которую вы создали и редактировали с помощью двойного клика.

Что вы должны увидеть:

-9
В следующем выпуске я познакомлю вас с основами HTML,которые использует каждый веб-девелопер, а позже познакомимся с CSS.

Спасибо за прочтение!