Основы HTML

Август 12, 2022

Содержание

2. Как это работает? Что стоит за простой загрузкой веб-странички в браузере Что на самом деле происходит,
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
9. WITH WEB ACADEMY Домашнее задание
10. Домашнее задание Создайте и заполните файл `Readme.md` информацией о себе с помощью синтаксиса Markdown Попробуйте с
11. Окружение Git Github Figma NodeJS
13. Скачать презентацию

Слайд 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