Программирование с нуля с чего начать? Web разработка Урок 23 Инструменты разработчика

Автор Nadezhda Belousova
Программирование с нуля   с чего начать? Web разработка  Урок 23 Инструменты разработчика

в этом видео.

Я хочу познакомить. Вас с так называемыми инструментами разработчика Google Chrome которые находятся в этом браузере. У меня сейчас открыто web-страница которую я создал предыдущем задании и мы можем код этой странице таким образом как мы уже — это делали раньше нажав правой кнопкой мыши и выбрав опцию просмотр кода страницы и здесь вы видите указан наш html-код которые находятся в нашем поле точно также он отображается и на этой вкладке, но мы не можем менять HTML код на этой веб-странице.

Если же мы нажимаем правой кнопкой мыши и выбираем опцию.

Просмотреть код то, тогда внизу открывается панель разработчика так называемая которая есть в браузере Google Chrome давайте я разверну браузер чтобы её было лучше видно мы будем в дальнейшем её часто использовать. И, что же здесь отображается здесь отображается на html документ на вкладке элемент который содержит все элементы. Какие существуют в нашем HTML файле они свернут и сейчас их можно развернуть нажав на стрелочку слева и как вы видите здесь указано Head элемент и далее элемент барий если мы его развернем то увидим здесь несколько параграфов которые находятся в нашем паре если мы на курсор мыши на какой-то элемент то он выделяется в окне браузера выше. Как вы видите. Да сейчас выделен верхний параграф мы опустим ниже выделен средний параграф и так далее. Если же мы нажмем на одном из параграфа то справа мы посмотреть стили CSS на которые применены к этому элементу и вот здесь вот как вы видите отображается наш класс Blue with Border и стиль который находится в этом классе.

0 комментариев
0

Читайте также