Step 2 (S-102144)

From Stepik Wiki
Jump to: navigation, search

Step on Stepik: https://stepik.org/lesson/24471/step/2

Step 2 (S-102144) 1.png

[00:00 - 00:19] теперь стоит поговорить о том что такое система тем эта марка планировали язык разметки гипертекста и заказать и гипертекста используется прежде всего для составления веб страниц прежде всего лишь тем документ является текстовым то есть можно редактировать в качестве текста и в качестве интерпретировать


[00:19 - 00:37] но чаще всего штемпеля документы интерпретироваться именно браузерами и благодаря так называемым тэгом с помощью которых мы размещаем данный документ раза понимает решение как должен выглядеть данный элемент или где он должен находиться если мы сами откроем официальную страницу закопай с документацией которую можно


[00:37 - 00:53] найти по ссылке выше некоторое количество информации которое очень аккуратно раскалена по всей странице нашего браузера навигация здесь нас много ссылок самого текста и на самом деле штемпель документ определяет то как выглядит


Step 2 (S-102144) 2.png

Step 2 (S-102144) 3.png

[00:53 - 01:11] вся наша страница именно в браузере можно посмотреть исходный код нашего документа который штемпель документов использовать стандартные функции браузера view source селе посмотреть исходный код страницы и большой большой большой большой 202 строки


Step 2 (S-102144) 4.png

Step 2 (S-102144) 5.png

Step 2 (S-102144) 6.png

[01:11 - 01:30] таким образом когда мы пили адрес данной странице в нашем браузере пришел запрос ген который запросил данные страницу и в теле нашего ответа на данный запрос мы получили данные штемпель документ проведении текст и других элементов мои документы в нашем браузере зависит прежде всего от тегов


[01:30 - 01:47] намного однако для того чтобы уметь искать информацию внутри нашего штемпель документы на ввоз не обязательно знать все из них если мы вернемся к странице документации ты можешь заголовок python 300 и документальным сможем спокойно идти внутри нашего чтоб документа


Step 2 (S-102144) 7.png

[01:47 - 02:02] и он является заголовком там именно потому что он здесь заключенный внутри также аш 1 который предназначен для заголовка языке html куда более важно что любую информацию на странице мы на самом деле сможем найти внутри нашего все мои документы


Step 2 (S-102144) 8.png

Step 2 (S-102144) 9.png

Step 2 (S-102144) 10.png

[02:02 - 02:18] раз вся информация на странице доступно также вождем и коди то на самом деле нам вовсе не обязательно знать все ж тема издательство чтобы сказать информацию по данной страницы предположим что мы хотим дать ей все телефоны 7 страница тогда обязательно написать правильно назвать грязных выражений


[02:18 - 02:34] мы подходили только телефоны и адреса скорбит о наглядно выражение нашей темой страницу и вуаля вы в шоколаде а так если бы мы хотели найти например все ссылки на данной странице то нам пришлось немножко разобраться во всем знать как работает ровно 1 так это т а


[02:34 - 02:51] предположим что вы такая бы страница в интернете вы бы хотели разместить ссылку на данный курс когда мы это сделаем ну господа а затем еще атрибутом самый главный атрибут атрибут href он же гиперссылок или хай


[02:51 - 03:08] а собсно через равно и затем в кавычках мы указали строку нашем то что eural нашла курса нашего ресурса все мы указали текст который отображался по ссылке внутри нашего документа из тема закрыта а


[03:08 - 03:25] вашем браузере как нибудь в духе и где то появился патч основы применения вы скорее всего был синего цвета это был бы подчеркивание не то чтобы показать что это именно ссылка и при клике на данную ссылку переходили именно на данный адрес


[03:25 - 03:34] самые базовые знания о васил для того чтобы написать регулярное выражение которое прошло все ссылки в данном штемпеле документе