一、什么是HTML
1. 定义
HTML是超文本标记语言的缩写
1.1 超文本
超越普通文本 能够在普通文本内插入图片、音频等
1.2 标记语言
- 本身不具备逻辑能力和行为能力
- 只能被浏览器读取
2. 访问步骤
本地编写代码->本地浏览器运行->部署到服务器端
3. 地址含义
标准URL路径：协议名称：//IP地址：端口号/项目路径
4.常见项目
- B/S架构项目（直接访问）：Browser/Server
- C/S架构项目（下载软件）：Client：客户机/Server
二、HTML的特点
- 按顺序从上至下依次解析
- 有一定的容错性/宽松性
- 对大小写不敏感
三、文档结构
1. 创建html文档
.html 或 .htm 为后缀名的文件
2. 默认文档结构
<!DOCTYPE html><!--文档类型声明-->
<html lang="en"><!--根标签-->
<head><!--文档头部-->
<meta charset="UTF-8"><!--设置字符编码-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title><!--设置标签页名称-->
</head>
<body><!--文档主体-->
</body>
</html>
四、元素
1. 元素的组成
-
开始标签 元素内容 结束标签：<标签名称> … </标签名称>
-
有一部分标签没有结束标签：单标签/空元素
-
标签不能交叉嵌套
2. 元素的分类
- 块级元素：独占一行空间；宽度占满整个父级元素，高度由子级元素撑起；可以直接设置宽高；可以包含行内元素
- 行内元素：可以和其他元素共享一行空间；宽度由子级元素撑起，不能直接设置宽高；不能直接设置上下的内外边距；不能嵌套块级元素
五、属性
1. 属性设置
- 写在开始标签内部，和标签名称使用" "隔开
- 属性名key（键）和属性值value（值）之间使用"="连接
- 多对属性之间使用" "连接
2. 属性分类
2.1 按照公有性分类
- 公有属性：所有标签都能设置的属性
| 属性名 | 描述 |
|---|---|
| id | 元素的唯一标识 |
| class | 按类标识元素；多个属性值之间使用" "隔开 |
| title | 设置提示 |
| style | 设置行内样式；按照css语法设置 |
- 私有属性：为当前标签设置，只有当前标签能使用
2.2 按照属性特性分类
-
基本属性：属性值使用字符串类型；"" 和’’ 不能嵌套使用
-
布尔值属性：属性值只有true和false：key = ‘key’ / key = “true” / key
六、特殊语法
1. 空白
在文档中无论出现多少个空白或者换行，浏览器都解析为一个空白
2. 字符实体
使用"&"开头 ";"结尾 中间写实体名称
3.注释
- 注释不会被浏览器解析，内容不会展示在页面上，不能嵌套使用
- 作用：提升代码的可读性，便于维护和管理
3754
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
