文档介绍:说明:蓝色——html标签黑色——解释橙色——特殊效果的实现绿色——例子粉色——属性Structure<html><body><h2> <h3> <h4> <p> 段<b> black黑体<i> italics斜体<sup> 上角标<sub> 下角标<br/> 换行<hr/> 中间隔条横线Text<strong> 强调重要影响(黑体)<em> 强调语义发生了微妙的变化(斜体)<blockquote> 整段引用<q> 较短的引用<abbr> 缩略词,鼠标经过时有全文提示<cite> 例证<dfn> definition解释新术语SafariandChromedonotchangeitsappearance.<address> 蓝体带下划线,提供一个地址链接<ins> 底下带下划线,说明该部分是后加上去的<del> 在该部分中央划横,说明该部分被去掉了<s> 在该部分中央划横,说明这部分不再准确了(无关了)Lists<ol> orderedlist创建一个有序列表(每项前边是12345)<ul> unorderedlist无序列表(每项前面是黑点,第二级是空心点)<li> 列表中的内容(一行)<dl> definitionlist定义列表<dt> termbeingdefined 说明这个词是被定义的<dd> thedefinition定义的内容Links<a> 链接标签mailto: <ahref="mailto:jon@">EmailJon</a>邮件链接target: <ahref="get="_blank">在新一页面打开同一页面内跳转:id与#后面的对应Images<img> <imgsrc="images/"alt="Afamilyofquokka"title="Thequokkais at."/>这个标签不需要闭合src source,告诉浏览器到哪里找这张图片alt 如果你看不到这张图片,网页显示一X后跟文字说明title 类似abbr,鼠标悬停时有文字提示height、width 图片的高和宽,以像素为单位align <p><imgsrc="images/"alt="Bird"width="100"height="100"align="left"/>对齐方式,left左right右top上middle中button下<p>和<img>的顺序不同,显示的结果也不同align效果:<figure> 将图片和说明联系在一起<figcaption> html5新加,为了使网页作者能为图片添加说明Tables<table> 用于创建一个网格<tr> 一行<td> 一个单元格<th> 和<td>类似,黑粗体较醒目colspan <tdcolspan="2">Geography</td>横向跨过几列rowspan <tdrowspan="2">Movie</td>纵向跨过几行<thead> 表头<tbody> 表体<tfoot> 表尾如果有个列表的长度大于屏幕,那么只有中间内容滚动,表头和表尾不动width 表格宽度cellpaddingcellpaddingattributetoaddspaceinsideeachcellofthetablecellspacing 单元格间距border 边框宽度bgcolorbackgroundcolor背景色Forms<form> 控件要包含在<form>中,必须带动作属性、method、idaction 该属性值是服务器上处理动作的URLmethod Formscanbesentusingoneoftwomethods:,post 相当于读写,当较短且不更改数据库是用get,当涉及密码等敏感信息或较长或更改数据库时用postid Thevalueisusedtoidentifytheformdistinctlyfromotherelementsonthe page<input> 用来创建几种不同的控件,type属性决定到底是什么类型的控件创建一个单行的输入控件type="text"name 让服务器知道该怎样处理该数据size 不怎么用了maxlength 输入的最大长度创建一个密码输入控件type="password"namesizemaxlength创建一个ratiobutton单选按钮type="radio"namevaluechacked 用的时候checked="checked"创建一个chackbox复选按钮type="checkbox"namevaluechacked创建一个文件选择器type="file"创建一个提交按钮type="submit"namevalue创建带图片的提交按钮type="im