ul无序列表
作用:生成一个列表,并且每行没有序号
ul和ol标签里面只能包含li标签,li标签中可以包含其他标签
格式:<ul>
<li><li>
<ul>
ul的属性:ype:指定列表每行前面序号的形式 有disc(小黑点) dircle(空心圆) square(实心方块) none(表示没有序号,使用最多)
ol有序列表
作用:生成一个带有序号的列表
属性:type 指定列表序号的形式,共有5种 1、 A、 a、 I、 i
格式:<ol >
<li></li>
</ol>
img 标签
作用:是在网页中插入图片
属性:src:指定图片所在的路径
路径输入方式:相对路径如果同级目录我们可以直接调用1.GIF 如果图片在上层目录../1.gif
上上层../../1.GIF
width:设置图片高度 height:设置图片高度 一般情况指定高度或者宽度其一,图片是等比例缩放
border:图片加边框
HTML表格
table标签:作用做表格tr标签:是table的子标签,用来定义行td标签:是tr的子标签,用来定义列able标签的属性border:表示边框,这个属性的值有三个,线条的颜色、线条的粗细、线条的类型
border="1px solid red"
width:指定表格的宽度
height:指定表格的高度
rules=all:合并边框线
cellpacing:合并边框线
cellpadding:合并边框
tr属性
bgcolor:设置背景色,常用的有pink、yellowgreen、greenyellow、silver
height:设置行高
align:设置表格中的内容的对齐方式【left、right、center】
td属性
bgcolor:设置背景色,常用的有pink、yellowgreen、greenyellow、silver
width:设置表格的宽度
格式
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的表格页面</title>
</head>
<body>
<!--做一个三行两列的表格-->
<table border="1px red solid" width="800px" height="100" rules="all" cellspacing="0" cellpadding="0">
<tr bgcolor="#ffc0cb" height="50" align="center">
<td>姓名</td>
<td>tom</td>
</tr>
<tr bgcolor="#9acd32">
<td>xx</td>
<td>xx</td>
</tr>
<tr>
<td bgcolor="silver" width="30%">xx</td>
<td>xx</td>
</tr>
</table>
</body>
</html>