<!-- html5出现，有新增和弃用的标签和属性，同时有一些不清楚的概念。所以重新比较系统的整理一遍HTML -->
<!-- 记得搞懂了为什么了自动装箱和拆箱会运行失败（jdk5以上版本才支持），但是一周之后才来想，发现并不能马上想起来，甚至忘记了。好记性不如烂笔头！ -->
<!-- HTML的标签主要分为基础、表单、表格、列表、样式/节几部分，标签的具体属性也需要多加关注 -->
<!-- 意在实现功能，不在样式 -->
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<body>
<h1>HTML_TEST</h1> <!--1老大，6老幺 -->
<h3>基础：</h3>
<p>一个段落</p><br/>
<!-- target在另一个窗口 alt错误时显示的文本 src路径是关键 ../是返回上一级 -->
<a href="http://www.baidu.com/" target="_blank"> <img src="../image/pig.jpg" alt="filureTimereplaceText" width="50" hight="50"> </a><br/><br/>
<a href="#id1">跳转到第二个段落</a><br/>
<!-- float浮动 -->
<img src="../image/pig.jpg" alt="filureTimereplaceText" width="50" hight="50">
<img src="../image/pig.jpg" alt="filureTimereplaceText" width="50" hight="50" style="float:left">
<img src="../image/pig.jpg" alt="filureTimereplaceText" width="50" hight="50" style="float:right">
<img src="../image/pig.jpg" alt="filureTimereplaceText" width="50" hight="50" style="float:right">
<!-- 换行和水平线 -->
<br/>
<hr/>
<h3>表格：</h3>
<table border="1" cellpadding="6">
<tr>
<th>NAME</th>
<th>AGE</th>
</tr>
<tr>
<td>ooo</td>
<td rowspan="4">22</td>
</tr>
<tr>
<td>yyy</td>
</tr>
<tr>
<td>uuu</td>
</tr>
<tr>
<td>aaa</td>
</tr>
</table>
<br/>
<hr/>
<h3>有序列表：</h3>
<ol>
<li>地址一：<a href="http://www.baidu.com/">百度</a></li>
<li>地址二：<a href="http://www.csdn.net/">CSDN</a></li>
</ol>
<ol start="9">
<li>地址一：<a href="http://www.baidu.com/">百度</a></li>
<li>地址二：<a href="http://www.csdn.net/">CSDN</a></li>
</ol>
<ol type="A">
<li>地址一：<a href="http://www.baidu.com/">百度</a></li>
<li>地址二：<a href="http://www.csdn.net/">CSDN</a></li>
</ol>
<h3>无序列表：</h3>
<ul>
<li>地址一：<a href="http://www.baidu.com/">百度</a></li>
<li>地址二：<a href="http://www.csdn.net/">CSDN</a></li>
</ul>
<br/>
<hr/>
<h3>表单：</h3>
<form action="" method=“”>
<fieldset> <!--外框包含起来 -->
<legend>基本信息</legend>
姓名：<input type="text" name="name" value=""><br/>
密码：<input type="password" name="password" value=""><br/>
性别：<br/>
男<input type="radio" name="sex" value="0"> <!-- 单选的name要相同才会实现单选 -->
女<input type="radio" name="sex" value="1"><br/>
星期：<br/>
<select>
<option value="6">周六</option>
<option value="7">周日</option>
</select>
<br/>
<input type="checkbox" value="apple">苹果
<input type="checkbox" value="orange">橘子
<br/>
<input type="button" name="exit" value="退出">
<input type="submit" name="submit" value="提交">
<input type="reset" name="reset" value="清除">
</fieldset>
</form>
<br/>
<hr/>
<h3>框架，显示多个页面：</h3>
<iframe src="chirld.html" name="iframe_2" width="100%" hight="20%">chirld</iframe>
<!--框架显示链接的页面 -->
<a href="chirld_2.html" target="iframe_2">换一个页面</a>
<br/>
<hr/>
<h3>字符的使用：</h3>
五个 空格<br/>
<小于和大于><br/>
注册商标：®
<br/>
<hr/>
<p id="id1" style="background-color:green;">第二个段落</p>
</body>
</html>
97
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
