<%@ 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:[email protected]" >联系我</a>
<a href="javascript:void(0)" ></a> <!-- 格式标签，让他无任何返回值 -->
<!-- 定位标记
锚！
-->
<a name=top>标记位置</a>
<a href="#top" >回到标记位置</a>
</body>
</html>
时间： 2024-10-26 06:11:24