<html> --开始标签
<head>
-- 页面的标题、序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果
-- <title>页面标题</title> 内容显示在网页窗口的标题栏中
</head>
<body>
-- 页面显示的内容
</body>
</html> --结束标签
![](https://images2015.cnblogs.com/blog/1107362/201703/1107362-20170322154346736-44023087.png)
<img src="图片地址" alt="文字" width="" height="" title="" /> -- 高跟宽设置一个即可,显示图片会按比例缩放。可设置具体像素也可设置百分比
-- alt在图片无法加载时,显示文字,还可帮助搜索引擎搜索。
-- tetle 图片的标题 鼠标移到图片显示
-- 图片地址为 相对路径 “ . . \xxxx " 向上返回一层路径
-- 常用的图像文件的扩展名为 gif 和 jpg。
三 超链接
< a href = "http://www.baidu.com" target=" _ blank " >
< font color="red" > 百度 </ font > -- 将指向字体设置为红色
百度图片
< /a >
-- href =" 超链接地址"
-- target=" _ blank " 在新页面打开链接地址
-- 对指向文字格式设置 放在<a>标签里边
第一步:做锚点的标签。<a name=""></a>
第二步:做锚点链接。<a href="目标链接的name的值"></a>
-- 去掉指向文字下的下划线
| < style type = " text/ess" |
| a { | -- 写在 head 里
| text - decoration : none |
| } |
< tr >
< td >
< /tr >
< /table >
表格 < table border="1" width="100%" height="100" cellspacing ="0" > </table>
border: 边框,常用值0,只用在 <table >
width: 宽度,可以用像素或百分比表示。常用960像素。
height: 行高,页面会随内容的增多而增长,无法用百分比表示
cellpadding: 内容跟单元格边框的边距。常用值0。
cellspacing: 单元格之间的间距。常用值0。
align: 对齐方式 ,表格在页面的位置,通常为 左 中 右 -- center 据中 right 右 left 左边
bgcolor: 背景色。
background: 背景图片。
行 <tr height=”100%“ align=”center“ > </tr>
height: 行高
align: 一行的内容的水平对齐方式
valign: 一行的内容的垂直对齐方式 -- bottom 底 toop 顶 默认居中
bgcolor: 背景色
background: 背景图片
单元格 <td> </td>
<th></th> 表头,单元格的内容自动居中、加粗
width: 单元格宽度
height: 单元格高度
align: 单元格的内容的对齐方式
valign: 单元格的内容的垂直对齐方式
bgcolor: 背景色
background: 背景图片
内容必须放在单元格里,单元格必须放在行里,行必须放在表格里。设置单元格行高、列高时,会同时影响对应的行或列
去掉表格最外边留白
< style type = " text/ess"
| * { | -- 写在 head 里
| padding : 0px ; |
| margin : 0px ; |
| } |
—— - —— - —— - —— - —— - —— - -