一、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)" οnclick="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>