Перед изучением данной статьи рекомендую вам просмотреть прошлую статью , об установке и настройки Sublime Text 3. Ссылка на статью https://zen.yandex.ru/media/id/5cf663f995ea7300af2181a4/nachalo-programmirovaniia-na-htmlcss-5cf66d239bfcfa00b1cd830f
Доброго времени суток , после данной статьи вы узнаете :
1. Что такое HTML5
2.Как создать базовую разметку HTML5
3.Из чего состоит базовая разметка HTML
4.Выучите несколько тегов
5.Создадите свой первый сайт.
Что такое HTML5?
HTML (HyperText Markup Language) - это язык разметки гипертекста, используемый преимущественно для создания документов в сети интернет.
Как создать базовую разметку HTML5?
При создании базовой разметки сначала необходимо создать файл index.html в корне папки вашего сайта.
Далее открываем index.html с помощью Sublime Text 3.
В открывшемся файле вводим восклицательный знак(!) и нажимаем TAB.Поздравляю вы создали базовую разметку HTML5,которая выглядит данным образом:
Из чего состоит базовая разметка HTML?
<!DOCTYPE html> сообщает веб-браузеру тип документа и то,что используется html5
<html lang="en"></html> В данном теге содержится все информация документа. Запись lang="en" обозначает какой язык используется на странице.
Тег <head></head> содержит в себе метаданные страницы,а так в данный тег вписывается подключение стили и скриптов (этому в будущем будет посвящена статья)
<title></title> В данный тег вписывается название сайта,которое мы видим ,открыв вкладку с сайтом.
<body></body> отвечает за содержимое страницы.
Создадим свой первый сайт.
Перед тем как создать сайт предлагаю вам изменить некоторые элементы в базовой разметке:
В <html lang="en"></html> вписать, вместо en , поддержку Русского контента ,запись будет выглядеть следующим образом : <html lang="ru"></html> .
Так же впишем в тег title название нашего сайта ,пускай оно будет :"Мой первый сайт" => <title>Мой первый сайт</title>
В body мы с вами заключим :
1.Тег <h1></h1> ( этот тег отвечающий за заголовки. Есть 6 уровней заголовков h1,h2....h6. Сами по себе они отличаются размерами и каждому заголовку можно будет задать свой стиль)
2.Тег<p></p>( этот тег отвечает за параграфы ,то-есть то ,что будет написано под заголовком)
Наша запись будет выглядеть следующим образом:
<body> <h1> Мой первый сайт</h1> <p> Я только учусь создавать сайты </p></body>
После чего сохраняем файл File/Save или используем сочетание "горячих" клавиш ctrl+S. Поздравляю вас вы создали свой первый сайт ,откройте файл index.html в браузере.
На этом у меня сегодня все ставьте лайки и подписывайтесь на канал, пишите комментарии ,будем дальше изучать web-программирование.