HTML初级知识点总结,最详细的总结
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
HTML
超文本标记语言，一种规范
预定义，已经定义好的各种标记，只需要我们把对应的标记放到合适的位置
一. HTML基本语法与基本结构（重点）
标记的使用
1、标记一般成对出现，包含开始标记和结束标记
2、标记可以嵌套使用，但是不能交叉使用
3、标记不区分大小写
属性的使用（属性控制内容的格式，额外的格式）
1、书写位置在开始标记中
2、格式：属性名=“属性值”，多个属性之间使用空格分割
3、不同的标记属性可能相同也可能不同
4、属性使用的标记中，只能对本标中的内容记产生影响
5、属性不冲突时，效果叠加，属性冲突时，就近原则
html的基本结构
----声明网页
----网页的头部信息网页的主要内容
二. 文本格式的应用
1、标题标记
效果：加粗显示，带有自动换行
属性：align控制标题的对齐方式，取值left（左对齐，默认值）|center（居中）|right（右对齐）
2、段落标记
效果：把内容分段展示，自动换行
属性：align，控制段落内容的对齐方式，取值left（左对齐，默认值）|center（居中）|right（右对齐）
3、换行符
,单标记，不需要结束标记，换行但不分段
空格符号： 表示一个空格
强制换行符：
4、水平线标记
,单标记
效果：水平线,默认是一个粗细为2px（像素）的线条
属性：size 控制水平线的粗细，取值为整数，单位为像素（px）
width 控制水平线的长度，取值可以是像素单位，也可以是百分数（相对于浏览器窗口百分比）
noshade设置水平线不带有阴影，该属性不需要取值
color 设置水平线的颜色，取值可以是英文的颜色值，也可以是十六进制的颜色代码
align 控制水平线的对齐方式，取值left(左对齐)|center（居中，默认值）|right （右对齐）
5、分节标记
效果：把内容设置为一节，前后带有自动换行
属性：align控制div中内容的对齐方式，取值left（左对齐，默认值）|center（居中）|right（右对齐）
6、居中标记符
效果：把center标记中的内容居中显示
7、文本控制标记
效果：控制字体的各种显示样式
属性：size 控制字体的大小，取值为绝对值时，1--7，数字越大字体越大，取相对值时，参考的是默认字体（3号），取值在-2--+4之间
color 控制字体的颜色
face 控制字体的字体，取值可以是多个值，多个值之间使用逗号分割，取值时从左往右依次取值，找到合适的值为止，假如都不支持，使用默认格式显示
8、字体的物理样式
加粗：
斜体：
下划线：
删除线：
上标：
下标：
1、常用逻辑字符
网页设计者或维护者的信息，通常显示为斜体表示文本属于引用，通常显示为斜体
表示程序代码，通常显示为固定宽度字体
表示定义了的术语，通常显示为黑体或斜体
强调某些字词，通常显示为斜体
表用户的键盘输入，通常显示为固定宽度字体
表示文本样本，通常显示为固定宽度字体
特别强调某些字词，通常显示为粗体
表示变量，通常显示为斜体
2、列表标记
1、有序列表，
- ，需要配合
- 标记使用
一个
- 标记对应一个选项
ol的属性：type 控制列表的符号样式，取值1|A|a|i|I，默认是1
start 控制列表的起始值，取值为任意的整数
li的属性：type控制选项自身的符号样式，取值1|A|a|i|I
value控制选项本身的起始值，取值为任意整数，但是修改自身起始值之后，会对同一个列表中本选项之后的同级
- 标记产生影响
2、无序列表，
- ，配合
- 标记使用
一个
- 标记对应一个选项
ul的属性：type 控制所有选项的符号样式，取值disc（实心圆，默认值）|circle（空心圆）|square（方块）
li的属性：type控制选项本身的符号样式
li标记用在ol中，type属性的取值跟ol的type属性取值走，用在ul中，跟着ul的type属性取值走
3、定义列表，
- ，完成对定义列表的声明
- ，术语标记，可以理解为类似于列表选项的标题使用
- ,描述标记，可以理解为类似于列表的选项使用
三. 在网页中使用图片
标记：
,单标记，不需要结束标记
属性：src 引入图片资源的路径
绝对路径：资源在服务器上的位置，该位置是从盘符出发
相对路径：资源在服务器上的相对位置，从网页本身出发
..\返回上一层文件夹
width 控制显示图片的宽度，取值为像素或者百分数
height控制显示图片的高度，取值为像素或者是百分数
只设置宽度或高度时，图片保持等比缩放，同时设置时，同时生效
border控制显示图片的边框，取值为像素，默认不显示边框
hspace控制显示图片水平方向上的空白，取值为像素
vspace控制显示图片垂直方向上的空白，取值为像素
align 控制图片和周围文本的对齐方式
垂直方向上：top 文本和图片顶部对齐
bottom文本底部和图片底部对齐
middle文本的底部和图片的中部对齐
absmiddle绝对中间对齐，文本的中部和图片的中部对齐水平方向上：left 图片在左，文本在右
right文本在左，图片在右
图片的对齐方式：
借助
- 标记使用