四、常用标签
1. 基本标签
| 标签 | 含义 | 说明 |
|---|---|---|
| br | 换行标签 | 非关闭型 |
| p | 段落标签 | 关闭型、块级标签、前后会有明显的间隔 |
| h1、h2.....h6 | 标题标签 | 按照h1到h2逐渐变小，块级标签，加粗显示 |
| pre | 预格式化标签 | 保留编码时的格式 |
| div | 分区标签 | 常作为容器来使用，一般用在页面布局中，块级标签 |
| span | 范围标签 | 一般用来设置行内的特殊样式，本身不具有任何样式 |
| ol、li | 有序列表 | 有顺序的项目列表 |
| ul、li | 无序列表 | 无顺序的项目列表 |
| dl、dt、dd | 定义列表 | 对术语、图像等进行描述、定义、解释的列表 |
| hr | 水平线标签 | 非关闭型、块级标签 |
| img | 图像标签 | 非关闭型、行级标签 |
1.1 有序列表
<ol>
<li></li>
<ol>注：该标签前置默认使用阿拉伯数字
- type：该属性可用定义前置标记，取值：阿拉伯数字（默认）、字母a或者A、罗马数字i或者I；
- start：该属性可用定义前置标记的起始位置，取值：阿拉伯数字
例如：
<ol type="a" start="1"> //前置标签为a,b,c...,起始位置从序列的第一个开始
<li></li>
</ol>1.2 无无序列表
<ul>
<li></li>
<ul>注：该标签前置默认使用实心圆
- type：该属性可用修改前置标签，取值：disc实心圆（默认值）、circle空心圆、square正方形、none
例如：
<ul type="circle"> //前置标签为空心圆
<li></li>
</ul>1.3 定义列表
<dl>
<dt>google</dt> //对google进行定义说明
<dd>Google有限公司（英语：Google LLC；中文：谷歌[3][注 1]）是源自美国的跨国科技公司，为Alphabet Inc.的子公司，业务范围涵盖互联网广告、互联网搜索、云计算等领域，开发并提供大量基于互联网的产品与服务[5]，其主要利润来自于AdWords等广告服务[6][7]。Google由在斯坦福大学攻读理工博士的拉里·佩奇和谢尔盖·布林共同创建，因此两人也被称为“Google Guys”</dd>
</dl>1.4 水平线标签
<hr>:英文为horizontal
常用属性：
- color：
两种写法：1、颜色名称，例如："red"、"green"、"blue"等；2、16进制RGB值（常用），#RRGGBB，每个颜色的范围为0-255，转换为16进制为00-FF，例如：#FF0000 红 #0000FF 蓝 #00FF00 绿 #000000 黑 #FFFFFF 白 #CCCCCC灰#666666 灰
- size:粗细，例如：
<hr size="50px">//表上50像素粗细 - width:宽度
两种写法：1、像素，即：px,例如：<hr width="50px">;2、百分比（相对值，相对于父级目录），例如：<hr width="50%">
- align：水平对齐，取值：left、right、center，例如：
<hr align="center">
1.5 图像标签
<img src="" >
常用属性：
- width：宽度，例如：
<img src="" width="50px" >,取值同上 - height：高度，例如：
<img src="" width="50px" height-"50px" >，取值与宽度一样 注：同时标注宽度和高度容易使图像变形，一般使用一个即可，浏览器会自动进行等比缩放 - title：标题，例如：
<img src="" title="这是一张图片">，表示鼠标悬停在图片上面时提示的文字 - alt：无法显示图片是提示的文字，例如：
<img src="" title="这是一张图片" alt="这本来是一张图片，但是由于无法加载，导致无法显示" >
重点：<div>、<span>等标签的使用，以及各个标签属性的设置
<body style="background:green">
</body><body bgcolor="green">
</body>