8>图片
语法 <img/>
属性
src="" 网页需要引用的图片地址
title="" 鼠标悬停时鼠标提示文本(图片未加载完时)
width="" 图片宽
height="" 图片高
注意
src路径写法
相对路径:图片相对于当前HTML文档所在的位置
如果图片和html文档在同一位置 可以直接写
图片名称,如果在上一级目录可以通过 ../进行切换
绝对路径:图片的真实位置
盘符开头的路径
网络开头的图片 以http://开头的网络路径
图片的宽高设置
为了防止图片变形,一般只会设置一个属性,另外一个属性会进行等比例缩放
9>列表
无序列表
语法
<ul>--------------------->整个无序列表
<li></li>---------------->其中一个列表项
</ui>
属性
type :列表项标识
取值 circle 空心圆圈
square 实心圆圈
none 不显示
dise 实心圆圈(默认)
有序列表
语法
<ol>--------------------->整个有序列表
<li></li>---------------->其中一个列表项
</oi>
属性
type 列表排序规则
取值 A/a 按照英文字母排序
I/i 按照罗马数字排序
1 按照阿拉伯数字排序
start 从第几个开始排序 (值只能是数字)
10>表格
1)语法
<table>----------------------------->整张表
<tr> ------------------------------>表格行
<td></td>---------------------->行中单元格
</tr>
</table>
2)属性
border 表格边框
width 表格宽度
height 表格高度
align
取值:left/center/right
该属性加在table表示整张表格居浏览器水平位置,加在tr或者td上表示单元格中内容的水平位置
valign--------------------------->垂直摆放
取值
top 垂直靠上
center 垂直居中
bottom 垂直靠下
bgcolor 背景颜色(可加在table,tr,td上 就近取色)
background 背景图片(可加在table,tr,td上 就近取色)
bordercolor 边框颜色
cellspacing 外边框
cellpadding 内边距
colspan 跨列
rowsoan 跨行
3)表格的第二套写法
<table>
<thead>
<fr>
<th></th>
</tr>
</thead>
<tbody></tbody>
<tfoot></tfoot>
</table>