一、基本语法:
<标记符>内容</标记符>
1.分类:
单标记(没有结束标记):有属性值、无属性值
双标记
2.基本结构:
说明: 标识网页文件的头部信息,如标题、搜索引擎等关键信息
二、html标签
html共有118个标签.
元素分类:
块状元素:
div、img、h1、 h2、 h3 、h4 、h5、 h6、p、br、ul、li 、ol
块状元素特征:
- 能够识别宽高
- margin和padding的上下左右均对其有效
- 可以自动换行
- 多个块状元素标签写在一起,默认排列方式为从上至下
行内元素:
i、a、span、
行内元素特征:
- 设置宽高无效
- 对margin仅设置左右方向有效,上下无效;padding设置上下左右都有效,即会撑大空间,行内元素尺寸
由内含的内容决定,盒模型中 padding, border 与块级元素并无差异,都是标准的盒模型,但是 margin
却只有水平方向的值,垂直方向并没有起作用。行内元素的水平方向的padding-left,padding-right,margin-
left,margin-right 都产生边距效果,但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom都
不会产生边距效果。padding设置上下左右都有效,即会撑大空间但是不会产生边距效果。 - 不会自动进行换行
行内块状元素
行内块状元素特征:
- 不自动换行
- 能够识别宽高
- 默认排列方式为从左到右
元素类型转换
以上三种类型元素可以通过display属性进行相互转换
- display:inline;转换为行内元素
- display:block;转换为块状元素
- display:inline-block;转换为行内块状元素
文本标签:
mark标签:文本高亮
del标签:显示删除内容
ins标签:下划线
strong标签:强调字体
b标签:加粗字体