Итак, пожалуй начнем с того, где мы будем верстать свою первую страницу - редактор кода. Существует множество редакторов, такие как: Visual Studio Code, Sublime Text, Notepad++, Atom... Да и тот же Блокнот подойдет, но для оформления функционала и дизайна он не подойдет.
Лично я пользуюсь Sublime Text, Вы же можете выбрать что-то другое, все на ваш вкус.
1. Ну естественно первый пункт - это открыть сам редактор, самое простое и банальное действие.
2. Создаем пустой файл:
Далее, куда указывает стрелочка, жмём на File, вверху будет New File. Ну или просто прожимаем сочетание Ctrl+N.(Горячие клавиши в Sublime Text в дальнейшем будет отдельная статья)
3. Создаем основу страницы, так скажем каркас
После данной операции, необходимо сохранить файл, и поместить в папку для удобства. Файл сохраняется с разрешением .html - index.html
Внизу, тип файла, обязательно указываем HTML.
Подробно разбирать каждую строку я не буду, но могу написать про это в другой статье). Главное, что я тут выделю - теги: <title>, <body>
3. <title> - Тег-заголовок страницы. Напишем туда всякую нелепицу:
Кстати, чтобы корректно все работало, необходимо сохранять все проделанные операции ( сочетание клавиш Ctrl+S )
И, да, чтобы открыть нашу страничку, нужно зайти в папку где мы сохранили нашу, так скажем работу, откроем ее, и увидим пустой сайт:
Мы увидим тут ничего, кроме белой страницы, так вот <title>-заголовок указывается в самом верху:
4. <body> - Тег-тело страницы. Именно здесь находится вся информация о странице. Также напишем сюда что-нибудь, опять сохраним работу(Ctrl+S), и откроем сайт.
На скриншоте, где я писал в тег <body> текст, я указал стрелочкой сероватый кружочек, вот он как раз таки и подскажет вам сохранили ли вы работу или нет. В этом случае работа не СОХРАНЕНА, если кружка нету, все нормально, переходите на сайт и смотрите, указанные вами изменения.
