1.HTML 段落与文字
（1） HTML中的段落标记
<p>段落的内容</p>
特点：
1.自成一行，会占满整行，在它的后面出现的内容将会在下一行显示。
2.段落与段落之间会有空行
<p>p标记--表示一个段落【一段文字】</p>
<p>1.自成一行，会占满整行，在它的后面出现的内容将会在下一行显示。</p>
<p>2.段落与段落之间会有空行。</p>
（2）html中网页内容的标题标记
<title></title>--当前网页的标题
<h1></h1>、<h2></h2>、<h3></h3>、<h4></h4>、<h5></h5>、<h6></h6>--网页内容的标题标记
特点：
1.自成一行，会占满整行，在它的后面出现的内容将会在下一行显示。
2.h1~h6 显示出来的效果是字体依次变小。H1最大，h6最小。
3.不同的浏览器显示效果有所差异。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>h系列标记</title>
</head>
<body>
<h1>网页内容的标题标记---[h1~h6]</h1>
<h2>1.自成一行，会占满整行，在它的后面出现的内容将会在下一行显示。</h2>
<h3>2.h1~h6 显示出来的效果是字体依次变小。</h3>
<h4>3.H1最大，h6最小。</h4>
<h5>4.不同的浏览器显示效果有所差异。</h5>
<h6>标题标记与标题标记之间有空行存在。</h6>
</body>
</html>
（3）水平对齐属性
属性出现在html标记的开始标记中，表示当前这个标记的显示效果的附加信息。
属性是由2部分组成 1.属性名称 2.属性值
属性是可以在开始标记中出现多个，如果有多个中间使用空格分开
（4）html中的回车换行标记
属性出现在html标记的开始标记中，表示当前这个标记的显示效果的附加信息。
属性是由2部分组成 1.属性名称 2.属性值
属性是可以在开始标记中出现多个，如果有多个中间使用空格分开
例如：<标记 属性名称1=”属性值1” 属性名称2=”属性值2”>显示内容</标记>
（5）html中的分隔线标记
<hr>、<hr/>---网页中的一条分隔线
color属性--分隔线颜色【颜色单词/颜色码】
size属性---分隔线粗细【1~7】
width属性---分隔线长短【数字px】
align---水平对齐属性[left-左对齐 center-居中对齐 right-右对齐]
（6）html中设置字体的标记
font---专门用来设置字体的标记
color属性---设置字体颜色【颜色单词/颜色码】
size属性----设置字体大小
face属性---设置字体风格【C:\Windows\Fonts】
（7）一组文本格式化标记
HTML可定义很多供格式化输出的元素，例：使用标签 <b>("bold") 与 <i>("italic") 对输出的文本进行格式，从而显示粗体 或者 斜体。
| 标签 | 描述 |
| 定义粗体文本 | |
| 定义着重文字 | |
| 定义斜体字 | |
| 定义小号字 | |
| 定义加重语气 | |
| 定义下标字 | |
| 定义上标字 | |
| 定义插入字 | |
| 定义删除字 |
字符实体：
| 显示结果 | 描述 | 实体名称 | 实体编号 |
|
| 空格 |
|
|
| < | 小于号 | < | < |
| > | 大于号 | > | > |
| & | 和号 | & | & |
| " | 引号 | " | " |
| ' | 撇号 | ' (IE不支持) | ' |
| ￠ | 分 | ¢ | ¢ |
| £ | 镑 | £ | £ |
| ¥ | 元 | ¥ | ¥ |
| € | 欧元 | € | € |
| § | 小节 | § | § |
| © | 版权 | © | © |
| ® | 注册商标 | ® | ® |
| ™ | 商标 | ™ | ™ |
| × | 乘号 | × | × |
| ÷ | 除号 | ÷ | ÷ |
2.html中的图片标记
1.图片路径的设置有3种方式
绝对路径：从操作系统的指定盘中的目录开始查找图片的路径。 缺点：图片保存目录太深，图片的操作路径就会很长。 当我们将网页/保存图片的文件夹移动之后，这个图片的路径就变化。
相对路径：以当前网页为参照、为中心，对外开始查找图片的路径。
网络地址路径---http:\\xxxxxxxxxxxx
width属性--设置图片的宽度【数字px】
height属性--设置图片的高度【数字px】
2.设置网页的背景
（1）设置背景需要在body元素中添加bgcolor属性，来设置背景颜色。
（2）设置背景图片需要在body元素中添加backgrourd属性，来设置背景图片【图片路径】
3.html中的超链接【链接\锚点】
<a>链接显示描述</a>
1.href属性设置被连接的文件路径【绝对/相对/网络地址】
如果没有被连接的文件，那么请使用“#”,表示空连接
2.target属性设置被链接的资源打开方式【默认在同一个窗口中打开连接资源】
_blank----在新窗口中显示资源
_self-------在当前窗口中显示资源
3.name属性----设置链接名称[实现本网页内部的链接]
4.html中的列表
html中列表有3种形式： 有序列表 无序列表 自定义列表
有序列表：
<ol></ol>---表示一个有序列表
<li></li>-----表示有序列表中的每一项【出现在ol标记中】
type属性--设置有序列表序号的显示形式【a,A,1,i,I】
start属性--设置有序列表序号的开始数字【数字】
无序列表：
<ul></ul>---表示一个无序列表
<li></li>-----表示无序列表中的每一项【出现在ul标记中】
type属性--设置有序列表序号的显示形式[disc默认 circle square]
自定义列表：
<dl></dl>--表示自定义列表
<dt></dt>---表示自定义列表中的主分类
<dd></dd>---表示自定义列表中主分类下的次级分类。
535
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
