1、添加图像
<img scr="图片的路径/该图片的url" width=“” height=“” alt=“这是一条狗” align=“top” border="1px"/>2、添加表格（table）--课程表为例
在添加表格时，要先计算行数和列数
代码：
<!--html表示我是html文件-->
<html>
<head>
<title>绘制表格样例</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
</head>
<body>
<center>成绩表</center>
<br/>
<table style="border-color:red;"align="center" border="1px" cellspacing="0" cellpadding="10px">
<tr>
<td>项目</td>
<td colspan="5" align="center">上课</td>
<td colspan="2" align="center">休息</td>
</tr>
<tr>
<td>星期</td>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
<td>星期六</td>
<td>星期日</td>
</tr>
<tr>
<td rowspan="4">上午</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>物理</td>
<td>计算机</td>
<td>英语</td>
<td rowspan="4">休息</td>
</tr>
<tr>
<td>数学</td>
<td>数学</td>
<td>地理</td>
<td>历史</td>
<td>化学</td>
<td>计算机</td>
</tr>
<td>数学</td>
<td>数学</td>
<td>地理</td>
<td>历史</td>
<td>化学</td>
<td>计算机</td>
</tr>
<tr>
<td>数学</td>
<td>数学</td>
<td>地理</td>
<td>历史</td>
<td>化学</td>
<td>计算机</td>
</tr>
<tr>
<td rowspan="2">下午</td>
<td>数学</td>
<td>数学</td>
<td>地理</td>
<td>历史</td>
<td>化学</td>
<td>计算机</td>
<td rowspan="2">计算机</td>
</tr>
<tr>
<td>数学</td>
<td>数学</td>
<td>地理</td>
<td>历史</td>
<td>化学</td>
<td>计算机</td>
</tr>
</table>
</body>
</html>样例：
3、有序列表与无序列表（就不说了）
<ul type=""> <ol type="">
<li></li> <li></li>
</ul> </ol>
4、使用frame 与frameset
<!--home.html-->
<title>home</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<frameset rows="20%,*">
<frame src="top.html"/>
<frameset cols="20%,*">
<frame src="left.html"/>
<frame src="right.html" name="myframe">
</frameset>
</frameset>
<!--top.html-->
<title>top</title>
<body>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<font size="202px" color="blue"><center>青春学园初中部最强天团</center></font>
</body>
<!--left.html-->
<title>人员名单</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<body>
<ul type="circle">
<li><a href="shou.html" target="myframe"><font size="5px">手冢国光</font></a></li>
<li><a href="yue.html" target="myframe"><font size="5px">越前龙马</font></a></li>
<li><font size="5px">菊丸英二</font></li>
<li><font size="5px">桃城武</font></li>
</ul>
</body>
<!--right.html-->
<img src="qingchun.jpg" height="1000px"></img>
<!--yue.html-->
<html>
<head>
<title>简历</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
</head>
<body>
<table style="border-color:red;"align="center" border="1px" cellspacing="0" cellpadding="10px">
<tr>
<td rowspan="3"><img src="yue.jpg" width="150px"/></td>
<td>姓名：越前龙马</td>
<td>性别：男</td>
</tr>
<tr>
<td>出生日期：1994</td>
<td>籍贯：日本东京</td>
</tr>
<tr>
<td>喜好：网球</td>
<td>口头禅：你还差得远呢</td>
</tr>
<tr>
<td colspan="3"> 曾获奖项：</td>
</tr>
</table>
</body>
</html>
<!--shou.html-->
kongda效果：
