one－HTML的标签
1.HTML 内容：
概念： HTML是超文本标记语言
2
说明：HTML是一套标记，主要用于标记需要改变的内容
-
动态网页与静态网页( )
静态网页: 表示代码写好了以后,不手动修改,内容不会变的
动态网页:表示代码写好了以后,内容会随着时间,环境,数据库的操作结果而改变的 -
HTML的历史( ）
版本:
HTML4.01
XHTML1.0
HTML5----当前使用最多的名词: W3C: 万维网联盟，是Web技术领域最具权威和影响力的国际中立性技术标准机构
-
开发工具( )
前端开发工具有很多种: 推荐使用 vscode 或 Webstorm
5.浏览器的认识
推荐使用: firefox chrome --有强大的开发者功能
6.HTML标签语法(重点中的重点)
概念: HTML标签是指HTML中指定的标记符
分类:
单标签:
双标签:---重点
作用: 主要用于处理网页中结构相关的内容
语法:
单标签: <标签名/> 注意: 在最新的HTML5中可以不写 /
如: <hr /> <hr/> <hr>---推荐
双标签: <标签名>内容</标签名>
如:<b>粗体</b>
注意:
单标签:表示由一个标签组成, 即是开始也是结束
双标签:表示由开始标签和结束标签组成, 是HTML中使用最多的标签
6.1 标签属性:
作用: 主要用于设置标签上更多的细节,如果设置字体颜色,大小...等
语法:
<标签名 属性名1="属性的值1" 属性名2="属性的值2">内容</标签名>
示例:
<font>主要用于设置字体
<font size="6">这是文本内容</font>
注意:
1.所有属性都写在开始标签上
2.所有属性都以 名值对 存在 ( 属性名="属性的值")
3.所有属性推荐使用 双引号
7.HTML基本结构:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>这是一个网页的标题1111</title>
</head>
<body>
张三
</body>
</html>
-
html中其它操作:----
8.1 HTML的注释:
作用:主要用于进行代码的解释或说明,不会在网页中显示 语法: <!-- 需要注释的内容 需要注释的内容 需要注释的内容 --> vscode快捷键: ctrl + / 可以取消注释或加注释 注意: 1. 注释不能嵌套 2. 后期在写代码前,必需先注释,再写代码8.2 HTML乱码问题:
原因: 文件本身编码和文件内设置的编码不致
解决方案: 把文件本身编码或文件内设置的编码改成一样的的就可以了8.3 HTML规范问题:
1. 针对双标签: 有开始必需有结束标签
2. 写标签名时推荐使用小写
3. 所有双标签都可以进行嵌套,但不允许交叉嵌套如: 正常嵌套: <div> <p></p> </div> 错误写法: <p> <div> </p> </div> 4. 块级标签可以嵌套 块级或行内, 行内标签,只能放行内(记住) hn系列标签,p标签,只能放行内
9.HTML基础标签:=====重点中的重点
9.1 基本标签:
1) hn系列标签: (双标签)
说明: hn标签不是一个具体标签,而是一系列标签
n表示是1~6 h1最大,h6最小
作用: 主要用于网页中标题
注意:
1.h1 h2 在SEO中有权重,同一个页面中,只能出现一次(不讲SEO随便使用)
2.在同一行中,不能使用h标签来控制大小,后期使用样式来制作
2) p标签: (双标签)
作用: 主要用于网页中的段落
注意:
1.p标签有默认样式,后期需要干掉
3)br标签( )----单标签
作用:主要用于文本块中进行 换行
4)hr标签( )----单标签
作用:早期主要用于进行网页中的分割,后期主要还是使用border(边框属性来设置)
9.2 文本标签:----重点
1) b标签和strong标签: 双标签
作用: 主要用于字体加粗
注意: 以上两个标签都有加粗效果,h5中推荐使用strong标签
2) i标签和em标签: 双标签
作用: 主要用于设置文本斜体效果
注意: 以上两个标签都有斜体效果,h5中推荐使用em标签
3) small标签 和 big标签: 双标签
small标签:
作用: 主要用于相对父小一号效果
注意:
small标签有最小值(按照浏览器默认字体大小来)
big标签:
作用:主要用于相对父大一号效果
注意:
big标签没有最大值,无限放大
运用场景:
主要用于现价和原价
9.3 布局标签----后期重点中的重点
概念: 在网页中主要用于网页的排版或布局
分类:
1.行内元素
2.块级元素
区别:======重点
1.行内元素----代表: span
特点:
1.可以多个放在一行中
2.宽度为内容的大小
2.块级元素----代表: div
特点:
1.独占一行
2.宽度为100%
运用场景:
span标签:主要用于修改一行内的文本效果
div标签: 主要用于网页中排版操作
9.4 特殊符号:---理解
作用: 主要用于解析有特殊用途的符号
语法:
&实体名;
常用符号说明:
空格 (小空格)
  空格 (大空格，占一个中文字符的位置)
> 大于 >
< 小于 <
& &
© © 版权信息
¥ ¥
注意:
1.不需要特别去记忆,后期 查api手册
2.有些输入法,可以直接输入特殊符号
HTMLday01 －HTML的标签
1.HTML 内容：
概念： HTML是超文本标记语言
2
说明：HTML是一套标记，主要用于标记需要改变的内容
-
动态网页与静态网页( )
静态网页: 表示代码写好了以后,不手动修改,内容不会变的
动态网页:表示代码写好了以后,内容会随着时间,环境,数据库的操作结果而改变的 -
HTML的历史( ）
版本:
HTML4.01
XHTML1.0
HTML5----当前使用最多的
名词: W3C: 万维网联盟，是Web技术领域最具权威和影响力的国际中立性技术标准机构
-
开发工具( )
前端开发工具有很多种: 推荐使用 vscode 或 Webstorm
5.浏览器的认识
推荐使用: firefox chrome --有强大的开发者功能
6.HTML标签语法(重点中的重点)
概念: HTML标签是指HTML中指定的标记符
分类:
单标签:
双标签:---重点
作用: 主要用于处理网页中结构相关的内容
语法:
单标签: <标签名/> 注意: 在最新的HTML5中可以不写 /
如: <hr /> <hr/> <hr>---推荐
双标签: <标签名>内容</标签名>
如:<b>粗体</b>
注意:
单标签:表示由一个标签组成, 即是开始也是结束
双标签:表示由开始标签和结束标签组成, 是HTML中使用最多的标签
6.1 标签属性:
作用: 主要用于设置标签上更多的细节,如果设置字体颜色,大小...等
语法:
<标签名 属性名1="属性的值1" 属性名2="属性的值2">内容</标签名>
示例:
<font>主要用于设置字体
<font size="6">这是文本内容</font>
注意:
1.所有属性都写在开始标签上
2.所有属性都以 名值对 存在 ( 属性名="属性的值")
3.所有属性推荐使用 双引号
7.HTML基本结构:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>这是一个网页的标题1111</title>
</head>
<body>
张三
</body>
</html>
-
html中其它操作:----
8.1 HTML的注释:
作用:主要用于进行代码的解释或说明,不会在网页中显示 语法: <!-- 需要注释的内容 需要注释的内容 需要注释的内容 --> vscode快捷键: ctrl + / 可以取消注释或加注释 注意: 1. 注释不能嵌套 2. 后期在写代码前,必需先注释,再写代码8.2 HTML乱码问题:
原因: 文件本身编码和文件内设置的编码不致
解决方案: 把文件本身编码或文件内设置的编码改成一样的的就可以了8.3 HTML规范问题:
1. 针对双标签: 有开始必需有结束标签
2. 写标签名时推荐使用小写
3. 所有双标签都可以进行嵌套,但不允许交叉嵌套如: 正常嵌套: <div> <p></p> </div> 错误写法: <p> <div> </p> </div> 4. 块级标签可以嵌套 块级或行内, 行内标签,只能放行内(记住) hn系列标签,p标签,只能放行内
9.HTML基础标签:=====重点中的重点
9.1 基本标签:
1) hn系列标签: (双标签)
说明: hn标签不是一个具体标签,而是一系列标签
n表示是1~6 h1最大,h6最小
作用: 主要用于网页中标题
注意:
1.h1 h2 在SEO中有权重,同一个页面中,只能出现一次(不讲SEO随便使用)
2.在同一行中,不能使用h标签来控制大小,后期使用样式来制作
2) p标签: (双标签)
作用: 主要用于网页中的段落
注意:
1.p标签有默认样式,后期需要干掉
3)br标签( )----单标签
作用:主要用于文本块中进行 换行
4)hr标签( )----单标签
作用:早期主要用于进行网页中的分割,后期主要还是使用border(边框属性来设置)
9.2 文本标签:----重点
1) b标签和strong标签: 双标签
作用: 主要用于字体加粗
注意: 以上两个标签都有加粗效果,h5中推荐使用strong标签
2) i标签和em标签: 双标签
作用: 主要用于设置文本斜体效果
注意: 以上两个标签都有斜体效果,h5中推荐使用em标签
3) small标签 和 big标签: 双标签
small标签:
作用: 主要用于相对父小一号效果
注意:
small标签有最小值(按照浏览器默认字体大小来)
big标签:
作用:主要用于相对父大一号效果
注意:
big标签没有最大值,无限放大
运用场景:
主要用于现价和原价
9.3 布局标签----后期重点中的重点
概念: 在网页中主要用于网页的排版或布局
分类:
1.行内元素
2.块级元素
区别:======重点
1.行内元素----代表: span
特点:
1.可以多个放在一行中
2.宽度为内容的大小
2.块级元素----代表: div
特点:
1.独占一行
2.宽度为100%
运用场景:
span标签:主要用于修改一行内的文本效果
div标签: 主要用于网页中排版操作
9.4 特殊符号:---理解
作用: 主要用于解析有特殊用途的符号
语法:
&实体名;
常用符号说明:
空格 (小空格)
  空格 (大空格，占一个中文字符的位置)
> 大于 >
< 小于 <
& &
© © 版权HTMLday01 －HTML的标签
1.HTML 内容：
概念： HTML是超文本标记语言
2
说明：HTML是一套标记，主要用于标记需要改变的内容
-
动态网页与静态网页( )
静态网页: 表示代码写好了以后,不手动修改,内容不会变的
动态网页:表示代码写好了以后,内容会随着时间,环境,数据库的操作结果而改变的 -
HTML的历史( ）
版本:
HTML4.01
XHTML1.0
HTML5----当前使用最多的
名词: W3C: 万维网联盟，是Web技术领域最具权威和影响力的国际中立性技术标准机构
-
开发工具( )
前端开发工具有很多种: 推荐使用 vscode 或 Webstorm
5.浏览器的认识
推荐使用: firefox chrome --有强大的开发者功能
6.HTML标签语法(重点中的重点)
概念: HTML标签是指HTML中指定的标记符
分类:
单标签:
双标签:---重点
作用: 主要用于处理网页中结构相关的内容
语法:
单标签: <标签名/> 注意: 在最新的HTML5中可以不写 /
如: <hr /> <hr/> <hr>---推荐
双标签: <标签名>内容</标签名>
如:<b>粗体</b>
注意:
单标签:表示由一个标签组成, 即是开始也是结束
双标签:表示由开始标签和结束标签组成, 是HTML中使用最多的标签
6.1 标签属性:
作用: 主要用于设置标签上更多的细节,如果设置字体颜色,大小...等
语法:
<标签名 属性名1="属性的值1" 属性名2="属性的值2">内容</标签名>
示例:
<font>主要用于设置字体
<font size="6">这是文本内容</font>
注意:
1.所有属性都写在开始标签上
2.所有属性都以 名值对 存在 ( 属性名="属性的值")
3.所有属性推荐使用 双引号
7.HTML基本结构:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>这是一个网页的标题1111</title>
</head>
<body>
张三
</body>
</html>
-
html中其它操作:----
8.1 HTML的注释:
作用:主要用于进行代码的解释或说明,不会在网页中显示 语法: <!-- 需要注释的内容 需要注释的内容 需要注释的内容 --> vscode快捷键: ctrl + / 可以取消注释或加注释 注意: 1. 注释不能嵌套 2. 后期在写代码前,必需先注释,再写代码8.2 HTML乱码问题:
原因: 文件本身编码和文件内设置的编码不致
解决方案: 把文件本身编码或文件内设置的编码改成一样的的就可以了8.3 HTML规范问题:
1. 针对双标签: 有开始必需有结束标签
2. 写标签名时推荐使用小写
3. 所有双标签都可以进行嵌套,但不允许交叉嵌套如: 正常嵌套: <div> <p></p> </div> 错误写法: <p> <div> </p> </div> 4. 块级标签可以嵌套 块级或行内, 行内标签,只能放行内(记住) hn系列标签,p标签,只能放行内
9.HTML基础标签:=====重点中的重点
9.1 基本标签:
1) hn系列标签: (双标签)
说明: hn标签不是一个具体标签,而是一系列标签
n表示是1~6 h1最大,h6最小
作用: 主要用于网页中标题
注意:
1.h1 h2 在SEO中有权重,同一个页面中,只能出现一次(不讲SEO随便使用)
2.在同一行中,不能使用h标签来控制大小,后期使用样式来制作
2) p标签: (双标签)
作用: 主要用于网页中的段落
注意:
1.p标签有默认样式,后期需要干掉
3)br标签( )----单标签
作用:主要用于文本块中进行 换行
4)hr标签( )----单标签
作用:早期主要用于进行网页中的分割,后期主要还是使用border(边框属性来设置)
9.2 文本标签:----重点
1) b标签和strong标签: 双标签
作用: 主要用于字体加粗
注意: 以上两个标签都有加粗效果,h5中推荐使用strong标签
2) i标签和em标签: 双标签
作用: 主要用于设置文本斜体效果
注意: 以上两个标签都有斜体效果,h5中推荐使用em标签
3) small标签 和 big标签: 双标签
small标签:
作用: 主要用于相对父小一号效果
注意:
small标签有最小值(按照浏览器默认字体大小来)
big标签:
作用:主要用于相对父大一号效果
注意:
big标签没有最大值,无限放大
运用场景:
主要用于现价和原价
9.3 布局标签----后期重点中的重点
概念: 在网页中主要用于网页的排版或布局
分类:
1.行内元素
2.块级元素
区别:======重点
1.行内元素----代表: span
特点:
1.可以多个放在一行中
2.宽度为内容的大小
2.块级元素----代表: div
特点:
1.独占一行
2.宽度为100%
运用场景:
span标签:主要用于修改一行内的文本效果
div标签: 主要用于网页中排版操作
9.4 特殊符号:---理解
作用: 主要用于解析有特殊用途的符号
语法:
&实体名;
常用符号说明:
空格 (小空格)
  空格 (大空格，占一个中文字符的位置)
> 大于 >
< 小于 <
& &
© © 版权信息
¥ ¥
注意:
1.不需要特别去记忆,后期 查api手册
2.有些输入法,可以直接输入特殊符号
信息
¥ ¥
注意:
1.不需要特别去记忆,后期 查api手册
2.有些输入法,可以直接输入特殊符号
来源：CSDN
作者：源妹儿
链接：https://blog.csdn.net/AIGYYYUJ/article/details/103913753