Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 7 из 70 · 9 мин
DOM, исправление ошибок, комментарии и инструменты разработчика: как увидеть страницу глазами браузера.
Бро, а как ты вообще читаешь мой код?
Иду по тексту и строю дерево — DOM. Каждый тег — ветка. Ошибки чиню сам, но по своим правилам.
И эти правила почти никогда не совпадают с тем, что ты хотел.
<ul>
<li>Хлеб</li>
<li>Молочный шоколад <strong>без орехов</strong></li>
</ul>
<p>Готово!</p>Строим дерево…
<p>Купить сегодня:
<ul><li>Хлеб</li></ul>
Не забыть!</p>Строим дерево…
p — только текст и строчные элементы, в ul — только li.<!-- --><!-- Меню обновлять по понедельникам -->
<p>Меню</p>Теги закрыты крест-накрест: <strong><em>…</strong></em>. Исправь порядок закрытия и оставь над абзацем комментарий «Акция до пятницы».
em, потом strong — пока нет<!-- … --> — пока нетВыберите один ответ.
Что браузер на самом деле показывает на экране?
Выберите один ответ.
Что можно положить внутрь абзаца <p>?
Введите короткий ответ без лишних пробелов.
Какая клавиша открывает инструменты разработчика в Chrome и Firefox на Windows?
Проверяем состояние обучения…