标签：
HTML基本结构<html></html> ----根控制标记 证明是html
<head></head> ----头控制标记（网页不显示内容）
<title> </title> ----文件的标题声明
<body></body> ----页面可见内容]
<meta charset=UTF-8>
无属性值单一型<hr>
有属性值单一型<hr width="60%">
无属性值对称型<p></p>
有属性值对称型<font size="7"></font>
控制标记
<br> 跳行
<p align="排列方式"></p>段落 align="right","left","center"
<hr>水平线 像素 /百分比 size width noshade实体线 color颜色
<center>居中</center> 隐含换行属性 （被废弃）
body属性：
bgcolor 背景颜色
text 文字颜色
leftmargin 跟左边缘距离
topmargin 跟顶边缘距离
<h1></h1>
<h2></h2> 标题文字设置 字体大小隐含段落功能align
< lt
> gt
& amp;
" quot;
<!--...--> 在HTML备注
嵌套书写
<b></b>加粗
<i></i>倾斜
<s></s>删除线
<u></u>下划线
<tt></tt>电报字
X<sub>2</sub>下标
X<sup>2</sup>上标
<address></address>地址
<big></big>大字
<small></small>小字
<del></del>删除
<ins></ins>修改
<strong></strong>加粗
<em></em>倾斜
<font></font>字体控制 被废弃
属性值 size 0-7 color face="宋体" 字体(不建议使用字体)
<pre></pre> 格式化 原样打印
<blockquote cite="www.baiu.com"></blockquote> 文本引用
清单
<ul>无序条列清单的开始
<li></li>表示一个项目
<li></li>
</ul>结束
属性 type="circle"空心圆
type=“disc” 实心圆
type="square"实心方块
<ol></ol>有序清单（被废弃）
属性 1 a A i I
<dl>叙述清单的开始
<dt>表示一个项目的标题
<dd>表示一个项目下更详细的内容(前面自动空格)
表格
<table></table>声明表格的开始和结束
<tr></tr> 行 行数要对应
<th></th>标题
<td></td>
table属性
border边框像素
cellspacing像素百分比 存储格框线的宽度
cellpadding像素百分比 数据与边框的距离
width 像素百分比 表格的宽度
height像素百分比 表格的高度
align left right center 表格位置
bgcolor 表格的背景颜色 在背景图片的后方
bgground 表格背景图片
summary 表格备注
bordercolor 边框的颜色
bordercolorlight 边框亮色颜色
bordercolordark 边框暗色颜色
fram void 不要显示表格的外边线 above 只留上边线 below 只留下边线 hsides只留上下边线
vsides 只留左右边线 lhs 左边线 rhs右边线
rules rows 只留横格框线 cols 只留竖格框线 none 不显示格框线
tr属性
height bgcolor 行背景颜色 alight 数据对其方向
td属性
colspan=“2” 合并2列空格
rowspan=“2” 合并2行空格
<thead></thead> 结构化开头<tfoot></tfoot>结构化结尾
<colgroup></colgroup> alight valign span="1" 直列数目 bgcolor
<col ></col>
<col bgcolor="green"></col> 空前面的个别直列化
<caption>这是表格的标题</cpation>
插入图片
background="bg.jpg"
img src = "bg.jpg" alt="注释" border="1"边框 style="border-color:red" width height高度宽度
align="right" 文本位置 vspace垂直上下端 hspace水平 文本与图片的距离
<a href="http://"> <src="bg.jpg" border="0" ></a> 图片作为超链接 <map></map>声明整张图使用地图链接方式进行连接
area shape ="rect" coords="136,36,202,102" href=矩形 poly 多边形 circle圆
切片的索引
<table border="0" cellspacing="0" cellspadding= "0">
<tr>
<td><a href=""><img src=""><>/a</td>
</tr>
超链接
scheme http协议 host ip地址 post 服务器端口 path路径 filename 文件名
scheme://host[:post]/path/filename
<a href="mailto:yc60.mail.com">E_mal</a>
相对链接 绝对链接
不同目录下的相对链接 href=page2/page/index.html ../../index.html 向上翻两层 ../page/index.html向上翻一层 进入page文件
书签链接
<a hret="index.html#1">第一章</a><a hret="#2>第二章</a><a hret="#3>第三章</a>
<p><a name="1"></a>第一章内容
<p><a name="2"></a>第二章内容
<p><a name="3"></a>第三章内容
基准参考点
<body link="未访问颜色 " alink="按住不放的颜色" vlink="已被利用的颜色">
accesskey=“w” alter+w
tabindex="n"
表单
文本栏
姓名：<input type="text" name="username" value="栏位的内定值"size="50栏位的宽度" maxlength="10输入的最大长度" readonly无法改变默认值>
密码栏
密码:<input type="password" name="password" size="30">
隐藏性栏位
<input type="hidden" value="123" name="send">
复选框，
爱好：<input type="checkbox" checked dsabled(必选) value="体育"（需要） name="love">体育<input type="checkbox" value="音乐" name="love">音乐
性别：<input type="radio"/ name="sex" value="男" checked>男 <input type="radio"/ name="sex">女
<select name="address" size=5 multiple>
<option value="上海">上海
<option value="南京“ selected>南京
<option value="北京”>北京
</select>
<optgroup label=“分组名称”>
<textarea cols="长度" rous=“宽度”>
......
</textarea>
<form>内的数据才能发送出去</form> name=“reg” action=“123.html”发送给action method="get"默认传输方式post隐藏传输方式
按钮，图像按钮
<input type="submit" value="提交">
<input type="reset" value="重写">
按钮图片
<button name="栏位名称"type="submit“>
<img src="url">
</button>
<fieldset>边框
<legend>表单标题</legend>
</fieldset>
上传栏位
<input type="file" name="file">
多窗框的基本结构
格式(框架不可以写在body中 因为它是不可见的)
<frameset cols=:30%,70%" border（framespacing）="边框的宽度" frameborder=“0”没有边框1的话有边框> "160,*"
<frame src="1.html" noressize不可以移动边框 scrolling="yes滚动条"l>
<frame src="2.html">
</frameset>
属性
cols直排多窗框
rows横排多窗框
marginheight 垂直方向 窗体内容与边界的距离 marginwidth 与 leftmargin冲突
嵌套多窗体设置
<frameset rows="20%,80%">
<frame src="top.html">
<frameset cols="20%,70%">
<frame src="left.html">
<frame src="main.html">
</frameset>
target="blank"新建出窗口
浮动框架
多媒体
Flash动画的插入
<embed src="star.swf" width="宽度" height="高度" wmode="window自身矩形窗口播放"transparent背景透明></embed>
object标记插入
<object type="flash类型" data=“star.swf” width="" height="" >
<必须使用子标签插入param name="movie" value="star.swf">
<param name="wmode"value="transparent">
</object>
map3音频及wmv视频的插入
<embed src="music.mp3" autostart="true"自动播放><embed>
<head>
<bgsound src="music.mp3">
</head>
<object data="music.mp3">
<param name="src" value="music.mp3">
<param name="autoplay" value="true">
<object datat=ul.wmv width="" height="">
<param name="src" value="ul.wmv">
<param name=>
</object>
</object>
网络流媒体视频的插入
HTML
标签：
原文地址：http://www.cnblogs.com/songwenyi/p/5692275.html
![file:///f:/xhtml/4.jpg">图片](http://file:///f:/xhtml/4.jpg">图片){kind=link}