登录免费注册

首页  思维导图  详情



 



HTML知识

HTML知识

2023-02-21 21:47:51   0  举报





HTML网络结构相关知识点解析

括号图

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

 Collect

Get Started

极限时刻、挑战

企业愿景时间轴模板 | 首次模板挑战

 Collect

Get Started

企业愿景时间轴模板 | 首次模板挑战

 Collect

Get Started

招聘计划甘特图|首次模板挑战

竖向时间轴模板 | 首次模板挑战

 Collect

Get Started

竖向时间轴模板 | 首次模板挑战













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document