三，文本相关
1,标题标签
<h1> <h2><h3><h4><h5><h6>
2,字体标签
<font face="楷书" size="7" color="#000000">小白菜</font>
- face属性:face属性用来设置字体样式，其值有"宋体","黑体","隶书","幼圆"等
- size属性:用来设置字号
- color属性:设置字体颜色,可用设置为RGB颜色，也可使用color属性值设置好的颜色，如red,yellow.
3,基本文字格式
<b>粗体</b> <strong>粗体</strong> <i>斜体</i> <em>斜体</em> <cite>斜体</cite> <big>加大一号字体</big> <small>减小一号字体</small>
4,其他标签
换行标记<br> 居中标记<center>居中</center> 水平分割线<hr> 预编排<pre>内容</pre>
四:列表相关
1，无序列表
<ul type="disc"> <li>表1</li> <li>表二</li> <li>表三</i> </ul>
无序列表标记<ul>可以用tape来设置每一符号的样式，type属性可以设置为disc(实心圆)，circle(空心园),square(实心方块)
2，有序列表
<ol type="A"> <li>表1</li><li>表二</li><li>表3</li></ol>
有序列表的type属性可以设置为1(数字序号) ，a（小写字母），A(大写字母)，i(小写罗马字母)，I(大写罗马字母)
#使用start属性定制有序列表中列表项的起始数
#使用value属性定制有序列表中列表项序号的数值
五:网页超链接设计
1，一个超链接的例子
<a href="http://www.baidu.com" target="_self">百度一下</a>
超链接的target属性
- _blank:将链接的文档载入一个新的，未命名的浏览器窗口
- _parent:将链接的文档载入包含该链接框架的父框架集或窗口。如果包含链接的框架没有嵌套，则相当于_top，链接的文档就载入整个浏览器窗口
- _self:将链接的文档载入链接所在的同一框架或窗口。此目标是默认的,所以通常不需要指定
- _top:将链接的文档载入整个浏览器窗口，从而删除所有框架
2，利用title设置连接的提示信息
例子:<a href="http://www.baidu.com" title="前往百度搜索"></a>
3，使用锚链接到同一个网页的不同部分
例子:<a href="#mao1">这是一个锚</a>
<a id="mao1"></a>
使用锚链接到另一个网页的特定部分:
<a href="page4.html#mao2">这个另一个页面中的锚</a>
4，创建其他链接
例子:发送email链接: <a href="mailto:[email protected]">给我发邮件</a>
下载链接:<a href="html 4.01参考手册.rar">点击下载html手册</a>
六，网页色彩和图片设计
1,在网页中插入图像标记
例子:<img src="1.jpg" />
<img>元素的相关属性:
- 设置图像在网页中的宽度和高度: width height
- 设置图像的替换文字:alt="这是图像的替换文字" 替换文字，当浏览器无法显示图片时会显示该文字
- 设置图像的提示文字:title="这是提示文字" 当把鼠标停留在图片上方时，便会出现提示性文字
- 设置图像的边框: border="3"
- 用图像代替文本作为超链接: 例子:<a href="other.html"><img src="panda.jpg" /></a>
- 创建图像映射:这个例子写起来有点长，不过不难，可以看这个 https://jingyan.baidu.com/article/77b8dc7fc47c646174eab626.html
七，网页表格设计
1，一个基础表格
一个基本的表格必须包含一组<table></table>标签，一组<tr></tr>标签以及一组<td></td>标签，这也是最简单的单元格表格，<table></table>标签的作用是定义一个表格，<tr></tr>标签的作用是定义表格中的一行，而<td></td>标签的作用是定义一个单元格
例子:<table border="1" align="center">
<tr>
<td>A</td><td>B</td><td>C</td>
</tr>
</table>
2,表格的基础属性
- 设置表格的宽度和高度: 可以在<table>标签中指定width和height属性来控制整个表格的大小 也可以在<td>中用weight 和height指定宽度和高度
- 设置表格边框的宽度:在<table>中使用border来控制表格边框的宽度，默认情况下表格边框宽度为0，即无边框
- 设置表格及表格单元格的对齐方式:使用align属性来设置对齐方式，align可以选择 center，left，right三种方式
- 合并单元格:使用colspan属性合并左右单元格，使用rowspan属性合并上下单元格 例子:<td colspan="2"></td>
- 设定表格之间的距离:使用cellspacing设置相邻单元格边线之间的距离，使用cellpadding设置单元格边线与内容之间的距离
- 设置表格和单元格的背景颜色:使用bgcolor属性
- 设置表格和单元格的背景图像:使用background属性 例子:<table background="1.jpg" border="1" width="200px" height="200px" align="center"> </table>
- 表格的按行分组:使用<thead><tbody><tfoot>标签
- 为定义的表格添加标题:使用<caption></caption>