本文介绍了HTML的发展历程，从最早的超文本标记语言到最新的HTML5。详细解释了HTML文档的基本结构，并列举了多种常用的HTML标签，包括标题、列表、链接、表单等元素。
一、HTML概念：
超文本标记语言，即HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言。
超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布
HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1996年1月14日，W3C推荐标准
HTML 4.0——1997年12月18日，W3C推荐标准
HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准
HTML 5 的第一份正式草案已于2008年1月22日公布，仍继续完善
二、HTML 整体上的标签含义：
<html> 标记网页的开始
<head>；标记头部的开始头部元素描述，如文档标题等，还可以加入css与javascript的如<link rel="stylesheet"; href="1.css"; type="text/css" />等
</head>；标记头部的结束
<body> 标记页面正文开始
页面实体部分
</body>；标记正文结束
</html>；标记该网页的结束
三、常用标签元素
1. <h1></h1> 最大的标题
2.<!--HTML注释：演示列表标签。列表标签：dl 上层项目：dt 下层项目：dd : 封装的内容是会被缩进的。 有自动缩进效果。-->
<dl>
<dt>上层项目内容</dt>
<dd>下层项目内容</dd>
<dd>下层项目内容</dd>
<dd>下层项目内容</dd>
</dl>
<dl>
<dt>上层项目内容</dt>
<dd>下层项目内容</dd>
<dd>下层项目内容</dd>
<dd>下层项目内容</dd>
</dl>
3. 水平线 <hr/>
4. <ul></ul>内部可有<li></li> 是无序的如：
<ul type="square">
<li>无序项目列表</li>
<li>无序项目列表</li>
<li>无序项目列表</li>
<li>无序项目列表</li>
</ul>
<li>无序项目列表</li>
<li>无序项目列表</li>
<li>无序项目列表</li>
<li>无序项目列表</li>
</ul>
6. <ol></ol>内部有<li></li> 是有序的如：
<ol type="a">
<li>有序的项目列表</li>
<li>有序的项目列表</li>
<li>有序的项目列表</li>
<li>有序的项目列表</li>
</ol>
<li>有序的项目列表</li>
<li>有序的项目列表</li>
<li>有序的项目列表</li>
<li>有序的项目列表</li>
</ol>
7. 图片标签 <img src="imgs\1.jpg" height=350 width=500 border=10 alt="啊，美女！" />
8. 表格标签 <table> <tr> <td></td></tr></table> <tr>行 <td>单元格
9. 超链接 <a href="http://www.sina.com.cn" target="_blank">新浪网站</a> target 为_blank 是在新的窗口中打开。
<a href="javascript:void(0)" onclick="alert('我弹')">这是一个超链接</a>
<a name=top>顶部位置</a> <a href="#top">回到顶部位置</a> 可定义name，href回到name处，加href = #name即可
10. 表单 <form> 支持的标签有：
10.1 文本框<input type="text" name="userName" /> input text
10.2 密码框<input type="password" name="password" /> input password
10.3 单选<input type="radio" name="sex" value="男" checked="checked" /> input radio
10.4 多选<input type="checkbox" name="className" value="java" /> input checkbox
10.5 选择 <select name="province" > <option value="江苏">江苏</option> </select> 把握好slect 与option标签
10.6 上传文件框 <input type="file" name="personPic" /> input file
10.7 空白按钮<input type="button" name="noButton" value="获取当前时间" /> input button 这个可用将来点击按钮出，相应响应来用。
10.8 隐藏框 <input type="hidden" name="noButton" value="获取当前时间" /> 通常可以将本页面，不需要显示出来的参数传给服务器
10.9 自由文本内部 <textarea name="personIntro" cols="120" rows="10"> 请输入个人介绍</textarea> textarea
10.10 图标提交元素 <input type="image" src="../192.168.1.18.jpg" />
10.11 提交<input type="submit" value="提交数据" /> 重置：<input type="reset" value="重置数据" />
11. 移动标签<marquee direction="down" behavior="slide">嘿，原来我会飞!</marquee>
12. 相应的<pre></pre>可将代码中的样式，原来输出来。
13. b 粗体 <b>这是</b> I 斜体 <i>演示</i>u下划线 <u>其他</u>sub下标 X<sub>2</sub>sup上标 X<sup>2</sup>
14. 块或叫盒子<div>默认 会换行 <span> 默认不换行 <p> 区域段落
15. 框架 frameset 如下： 分上 下（下又分左与右）
<frameset rows="30%,*">
<frame src="top.html" name="top" />
<frameset cols="30%,*">
<frame src="left.html" name="left" />
<frame src="right.html" name="right"/>
</frameset>
</frameset><noframes></noframes>
<frame src="top.html" name="top" />
<frameset cols="30%,*">
<frame src="left.html" name="left" />
<frame src="right.html" name="right"/>
</frameset>
</frameset><noframes></noframes>
扫一扫
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
