一 文档标记设置
1.1 格式标记
1.1.1 <br> 强行换行标记
让后面的文字、图片、表格等等,显示在下一行
1.1.2 <p> 换段落标记
换段落,由于多个空格和回车在HTML中会被等效为一个空格,所以HTML中要换段落就要用<p>,<p>段落中也可以包含<p>段落
1.1.3 <center> 居中对齐标记
让段落或者是文字相对于父标记居中显示
1.1.4 <pre> 预格式化标记
保留预先编排好的格式
1.1.5 <li> 列表项目标记
每一个列表使用一个<li>标记
1.1.6 <ul> 无序列表标记
<ul>声明这个列表没有序号
1.1.7 <ol> 有序列表标记
可以显示特定的一些顺序
1.1.7.1 格式
<ol type="符号类型">
<li type="符号类型"></li>
<li type="符号类型"></li>
</ol>
1.1.7.2 有序列表的type属性值
1 阿拉伯数字1、2、3等等,默认type属性值
A 大写字母A、B、C等等
a 小写字母a、b、c、等等
I 大写罗马数字I、II、III、IV等等
i 小写罗马数字i、ii、iii、iv等等
1.1.7.3 value 指定一个新的序列数字起始值
1.1.7.4 列表可以进行镶嵌
1.1.8 <dl><dt><dd> 定义型列表
1.1.8.1 使用场合
对列表条进行简短的说明
1.1.8.2 格式
<dl>
<dt>软件说明</dt>
<dd>简单介绍软件的功能及基本应用</dd>
<dt>软件界面</dt>
<dd>用于选择软件的外观</dd>
</dl>
1.1.9 <hr> 水平分割线标记
段落之间的分隔线
1.1.10 <div> 分区显示标记,也称之为层标记
常用来编排一大段的HTML段落,也可以用于格式化表,和<p>很相似,层可以多层嵌套时用
1.2 文本标记
1.2.1 hn 标题标记
共有6个级别,n的范围有1~6,不同级别对应显示大小不同的标题,h1最大,h6最小
1.2.2 font 字体设置标记
设置字体的格式
1.2.2.1 三个常用属性
size(字体大小) <font size="14px">
color(字体颜色) <font color="red">
face(字体样式) <font face="微软雅黑">
1.2.3 b 粗字体标记
1.2.4 j 斜字体标记
1.2.5 sub 文字下标字体标记
1.2.6 sup 文字上标字体标记
1.2.7 tt 打印机字体标记
1.2.8 cite 引用方式的字体,通常是斜体
1.2.9 em 表示强调,通常显示为斜体字
1.2.10 strong 表示强调,通常显示为粗体字
1.2.11 small 小型字体标记
1.2.12 bjg 大型字体标记
1.2.13 u 下划线字体标记
二 图像标记
2.1 <img>图像标记
2.1.1 使用方法
<img src="路径/文件名.图片格式" width="属性值" height="属性值" border="属性值" alt="属性值"
2.1.2 <img>标记的属性
2.1.2.1 src属性
指定我们要加载的图片的路径和图片的名称以及图片格式
2.1.2.2 width属性
指定图片的宽度,单位px、em、cm、mm
2.1.2.3 height属性
指定图片的高度,单位px、em、cm、mm
2.1.2.4 border属性
指定图片的边框宽度,单位px、em、cm、mm
2.1.2.5 alt属性
当网页上的图片被加载完成后,鼠标移动到上面去,会显示这个图片指定的属性文字
如果图像没有下载或者加载失败,会用文字来代替图像显示
搜索引擎可以通过这个属性的文字来抓取图片
2.1.3 注意
<img>为单标记,不需要使用</img>闭合
在加载图像文件的时候,文件的路径或者文件名文件格式错误,将无法加载图片