<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <body> <!-- HTML标签注释 列表标签：dl 上层项目：dt 下层项目：dd:封装的内容会被缩进，有自动缩进效果 --> <dl> <dt>上层项目内容</dt> <dd>下层项目内容</dd> <dd>下层项目内容</dd> </dl> 有序无序列表 <hr> <!-- 有序无序项目列表 有序：<ol> 无序：<ul> 无论有序无序，条目的封装都用的<li> 而且他们都有缩进效果 --> <ul type="square"> <li>无序项目列表</li> <li>无序项目列表</li> <li>无序项目列表</li> </ul> <ol> <li>有序项目列表</li> <li>有序项目列表</li> <li>有序项目列表</li> </ol> 表格 <hr> <!-- 图片 alt：属性--说明文字 --> <!-- 表格 --> <table border=1 bordercolor="#FF0000" celldding=10 width=300> <caption>表头名称</caption> <tr> <th>姓名</th> <!-- th 自动居中、加粗 --> <th>年龄</th> </tr> <tr> <td>张三</td> <td>23</td> </tr> </table> <table border=1 bordercolor="#FF0000" celldding=10 width=300> <caption>表头名称</caption> <tr> <th colspan="2">个人信息</th> <!-- colspan左右合并单元格 --> </tr> <!-- rowspan左右合并单元格 --> <tr> <td>张三</td> <td>23</td> </tr> </table> 超链接 <hr> <!-- 超链接 作用：链接资源 当有了href属性才有了点击效果 href属性的值不同解析的方式也不一样。 如果在该值中没有指定过任何协议，是按照默认的协议来解析该值的 默认协议是file协议 --> <a href="www.baidu.com">百度一下</a> <a href="http://www.baidu.com">百度一下</a> <a href="mailto:934617699@qq.com" >联系我</a> <a href="javascript:void(0)" ></a> <!-- 格式标签，让他无任何返回值 --> <!-- 定位标记 锚！ --> <a name=top>标记位置</a> <a href="#top" >回到标记位置</a> </body> </html>