Основы HTML

1.

Основы HTML
ТРЕНЕР: Черепаха Борис

2.

Как это работает?
● Что стоит за простой загрузкой веб-странички в
браузере
● Что на самом деле происходит, когда пользователь
вбивает в браузер адрес google.com

3.

Markdown
● Справочник синтаксиса Markdown

4.

HTML
Спецификация
Структура HTML-документа
Все о теге head
HTML-теги
HTML-атрибуты
HTML-списки
HTML-таблицы
Семантические элементы HTML5

5.

HTML-инструменты
● Валидатор (проверяет правильность HTML)
● Можно ли вкладывать тег
● Поддержка тега/правила/технологии браузером

6.

Немного о Git
● Git — инструмент для совместной работы
● Скринкаст по Git
● Тренажер по Git

7.

Редактор кода
● Visual Studio Code
● Обзор Visual Studio Code

8.

Полезные расширения для VS Code
Markdown All in One
Markdown lint
html tag wrap
HTML CSS Support
Auto Close Tag
Auto Rename Tag
Highlight Matching Tag

9.

Домашнее задание
WITH WEB ACADEMY

10.

Домашнее задание
● Создайте и заполните файл `Readme.md` информацией о себе с помощью
синтаксиса Markdown
● Попробуйте с помощью только HTML-тегов описать резюме Personas

11.

Окружение
Git
Github
Figma
NodeJS

12.

Конец модуля
WITH WEB ACADEMY