HTML知识
2023-02-21 21:47:51 0 举报AI智能生成
HTML网络结构相关知识点解析
作者其他创作
大纲/内容
含义
HTML 是一种常见的定义网页结构的语言，用来告知浏览器如何组织页面
元素及构成
开始标签
在整个元素的开头，代表元素的开始
元素内容
写在开始标签和结束标签之间。元素内容也可以是其他的HTML元素
结束标签
在整个元素的结尾，代表元素的结束
注意：“结束标签”中包含一个斜杠 /，这个斜杠是不能少的
属性
元素的附加信息
①属性总是在 HTML 元素的开始标签（尖括号）中规定，它的内容不会在页面中显示
②属性的写法一般是以 属性名=属性值 成对出现
③一个元素可以包含多个属性
层级
树状结构
HTML元素之间的多层嵌套结构为树状结构
父元素（parent 元素）
在一个树状结构中，对于相互连接的两个元素，上层元素称为下层元素的 parent 元素
子元素（child 元素）
在一个树状结构中，对于相互连接的两个元素，下层元素称为上层元素的 child 元素
父辈元素
在一个树状结构中，位于某元素上层的所有元素都是它的父辈元素
子孙元素
在一个树状结构中，位于该元素下层的所有元素，都是它的子孙元素
查看和定位元素的方法
查看方法
打开浏览器开发者工具
Windows 用户快捷键 Ctrl + Shift + I
Mac 用户快捷键 Cmd + Opt + I 键
鼠标右键点击网页，从弹出的菜单中选择“检查”
定位方法
a. 逐层展开元素
通过鼠标在 Elements 标签页中展开和移动来定位元素
常用于已知父元素的位置，寻找其特定的子元素，或者，已知子元素的位置，寻找其父辈元素
b. 指针工具
可以通过鼠标在页面上的移动来定位元素
c. 搜索工具
在 Elements 标签页的搜索框中输入搜索内容来定位元素
Ctrl+F（Windows系统）
Cmd+F（Mac系统）
制图人：Rainy
0 条评论
下一页
