HTML5 - язык разметки. Стандартный язык для всех браузеров. Рекомендую прочитать подробнее про язык HTML5 на официальных сайтах например => ( wikipedia,HTML5BOOK ) Рекомендую чередовать теорию и практику. Для начала изучения языка необходимо подготовиться: 1. Установить IDE . IDE - это интегрированная среда разработки - Лучшая среда разработки для вёрстки сайтов Visual Studio Code 2. Создать папку где будут храниться структура всего сайта и открыть эту папку в IDE Visual Studio Code 3. Создать файл с названием index.html - Почему index.html? (Можете узнать по ссылке) 4. Написать в файле index.html стандартную разметку всех сайтов. - В IDE Visual Studio Code очень просто это сделать. Написать ! и нажать TAB (на клавиатуре). Строка !DOCTYPE html - указывается для того, чтобы браузер понимал что мы используем язык разметки HTML5 В строке html lang="en" указывается язык который будет использоваться на странице. (на язык кода не влияет) Обо всех строках meta вы можете почитать подробнее тут. Строка title указывает название сайта. Так же нужно знать что такое теги. Подробнее В html5 довольно много тегов, для начала вам не нужно запоминать все теги. Достаточно знать самые часто-используемые теги, такие как: 1. Заголовки от h1 до h6 - теги-заголовки с первого по шестой уровень. - Тег h1 наиболее важных заголовок. Самый большой размер текста - Тег h6 наименее важный заголовок. Самый маленький размер текста - <h1>Самый важный заголовок</h1> 2. Параграф/текстовый абзац <p> текст </p> 3. Теги структурного и физического форматирования текста (<b>, <strong>, <em>, <i>, <u>, <sup>, <sub>, <ins>, <del>, <pre>). Примеры: <b>Текст выделится жирным</b> <strong>Текст выделится жирным (логическое выделение)<strong> – тег аналог <b> <em>Наклонный текст</em> – аналог<i></i> <u>Подчеркнутый текст</u> <sup>Верхний индекс</sup> <sub>Нижний индекс</sub> <ins>Вставленный фрагмент текста</ins> <del>Удалённый фрагмент текста</del> <pre>Отформатированный текст</pre>( Текст выведется как напечатанный). Все эти теги должны закрываться. Их можно комбинировать и использовать в различном сочетании. С развитием HTML-технологий и каскадных таблиц стилей приоритетным стал подход структурного форматирования. 4. Тег <div> </div> коробка Всё что находится между тегами <head> и </head> - говоря простыми словами это настройки для сайта. Всё что находится между тегами <body> и </body> - всё что будет показываться на странице. Например, если написать <h1> Привет мир! </h1>. На странице выведется заголовок первого уровня Привет мир!
2 года назад