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