标签：
HTML 超文本标记语言 （Hyper Text Markup lauguage）
一、常规标记
（一）格式控制标签(word 栏)
<font face="" size="" color=""></font>（字体，大小，颜色）
<b></b>（加粗）
<i></i> （倾斜）
<u></u>（下划线）
<center></center>(居中)
<br/>或者<br>(换行)
<hr/> (分割线)
......
（二）内容容器标签（新闻页面）
<h1></h1>......<h6></h6>(标题)
<div>内容</div>（层）
<span></span>（前后不换行）
<ul><li></li></ul>
<ol></ol>
<p></p>（段与段之间空行）
二、两个最常用的标记
1.超链接
<a></a>
超链接：<a href="" targe="_blank/_self">显示内容</a>
书签：<a name="">内容</a>
./ 当前目录
../ 上级目录
../../ 上级的上级
2.图片
<img src="" width="" height="" alt="文字"/>（alt 是在图片不显示的时候 才出现）
3.图片超链接
<a href=""><img src=""/></a>
<a><img border="0"/><a>(去掉超链接下面的蓝色线)
三、表格（主要是用来布局的）
<table><tr><td></td></tr></table>
(对应电子表格)
(一)<table>属性
必须的四个属性：width,border(颜色，像素，线条形状)，cellpadding(内容跟单元格边框的距离)，cellspacing(单元格之间的距离)
通用的四个属性：bgcolor(背景颜色),background（背景图片）,align(水平对齐),valign(垂直对齐)
注意：常用网页的宽度 width:960px,980px.
(二)<tr>属性
通用的四个属性
没有宽度了，可以设height：
(三)<td>属性
通用的四个属性
width,height:
合并的两个属性：
colspan="n"(合并同一行单元格)
rowspan="n"(合并同一列单元格)
小技巧：如何做出单线的表格？
把<table>设置背景颜色，再把<table>单元格间距拉开1px的距离，为每个tr设上背景颜色，就会把背景颜色露出来。
1.设置table标记的背景色
2.把table的border=0,把cellspacing=1px
3.把每个tr的背景色设置上。
技巧：复杂页面的布局
思路：多表格的嵌套，尽量少用单元格的合并。
固定一个维度：例 8行1列或者8列1行，再在里面布局。
四、表单
<form method="" action="" id="" name=""></form>
id---不能重，主要是给CSS，JS 等客户端代码调用准备的，
name---可以重复，主要是给 asp.net，asp，php，jsp等服务端技术调用的。
1.按钮类(input)
type:button,submit,reset,image
<input type="button" value="这是一个普通按钮" id="" name=""/>
<input type="submit" value="这是一个提交按钮" id="" name=""/>
<input type="reset" value="这是一个重置按钮" id="" name=""/>
<input type="image" src="图片地址" id="" name=""/>
2.文本类
<input type="text" value="这是单行文本里的内容" id="" name=""/>
<textarea rows="行数" cols="列数" id="" name="">这是多行文本框里面的内容</textarea>
<input type="password" vaule="默认的密码值" id="" name=""/>
<input type="hidden" value="" id="" name=""/>
3.选择类
<input type="radio" id="" name="组名" checked="checked" value=""/>单选按钮组
<input type="checkbox" name="组名" id="" checked="checked" value=""/>复选框组
<select>
<option value="每一面对应的值">每一项显示的内容</option>
<option value="" selected="selected">内容<option> ----selected,设为默认选项
</select>
<input type="file" id="" name="" /> 上传文件
五、框架
frameset 和 iframe 不用了解。
标签：
原文地址：http://www.cnblogs.com/likaixuan/p/4437298.html
