网页元素与网页源代码的对应关系

元素是如何找到的

示例网站

项目地址：https://rqms.yingdao.com/yf/%E5%BD%B1%E5%88%80%E6%90%9C%E7%B4%A2.html

操作步骤

1.网页右键，查看源代码或者按F12

2.点击左上角位置

3.鼠标移动到左侧网页对应位置，右侧网页代码会自动高亮显示对应的代码行

4.试着移动到网站标题元素，右侧代码会自动跳转到对应网页元素代码行。

5.继续移动到图片元素