标签：
HTML--超文本标记语言Hyper Text Markup Language。
一，常规标签
（1）格式控制（记忆模型--Word工具栏）
<b></b>加粗,<i></i>倾斜<u></U>下划线,<br>回车，<strike></strike>删除线
<font color="",size="",face="">字体颜色，大小，名称
（2）内容容器（记忆模型--腾讯新闻页面）
<h1></h1>........<h6></h6>----新闻标题
<p></p>----新闻正文
<ul></ul><ol></ol><li></li>---相关推荐
<div></div><span></span>---回到顶部
二，两个常用标签
超链接：<a></a>
(1)超链接<a href="">显示内容</a> 路径: ../表示上一级 ./表示当前路径
（2）书签<a name="">内容</a>
图片：<img src="" width="" />
图片超链接：<a><img border="0"/></a> //在较低版本的IE浏览器里图片会有边框，所以要加一个border属性去掉边框
三，表格：主要用来布局
<table></table><tr></tr><td></td>通用的四个属性：backgroud,bgcolor,align,valign
1,<table>
必须的四个属性:width,border,cellspacing,cellpadding
2,<tr>可以设高度
3,<td>可以设高度和宽度
两个合并属性：rowspan,colspan
技巧：如何做出单线的表格来
（1）把表格的背景色改成黑色或其他颜色，把边框设为0，单元格间距设为1
（2）把每一行的背景色改为白色
技巧：复杂页面的布局
思路：尽量多用表格嵌套（固定一个维度），少用合并单元格
四，表单
<form action="" method=""></form>上行数据
id-不能重复。主要是给css,js等客户端代码调用准备的。
name-可以重复。主要是给asp.net,asp,php,jsp等服务端技术调用准备的。
1，文本类
<input type="text" id="" name="" value=""/>单行文本框
<input type="password" id="" name="" value=""/>密码框
<textarea cols="" rows="" id="" name="">在这里输入内容</textarea>多行文本框
<input type="hidden" id="" name="" value=""/>隐藏域（可用于考试系统，验证所选答案是否与正确答案一致）
2，选择类
<input type="radio" id="" name="组名">单选框
<input type="checkbox" id="" name="组名">复选框
<input type="file" id="" name="组名">
<select size="n"> //n=1时为下拉列表，n>1时为菜单
<option value="每一项的值">每一项显示的内容</option>
</select>
3，按钮类
<input type="button" id="" name="" value="这是个普通按钮">
<input type="submit" id="" name="" value="这是个提交按钮">
<input type="image" id="" name="" src="图片按钮上的路径">
<input type="reset" id="" name="" value="这是个重置按钮">
五，框架
1，frameset：去掉body
<frameset rows=" 100,* " frameborder="no"> //上下分，去掉分隔线（cols为左右分）
<frame src="" noresize="noresize"> //禁止窗口调整大小
<frame src="" scrolling="no"> //取消显示滚动条
</frameset>
2,iframe
在原来页面嵌入小窗口显示其他页面
<iframe src="" width="" height="" frameborder="0" scrolling="no"></iframe> //如果设置宽和高都为0则不显示，但是在后台会存在这么一个页面，如熊猫烧香病毒
标签：
原文地址：http://www.cnblogs.com/William-1234/p/4434395.html
