html基础总结版

一、html版本

• HTML    1991年
• HTML+    1993年
• HTML2.0    1995年
• HTML3.2    1997年
• HTML4.0.1    1999年
• XHTML1.0    2000年
• html5正式草案　　2008年
• HTML5    2012年
• XHTML5    2013年　

二、html标签

开始标签  元素内容  结束标签

<body>   content  </body>

如果没有元素内容的话，就是空元素，需要在开始标签中进行关闭，如<br/>

br:break row换行

单标记有：<br/>,<hr/>,<img/><input/><meta/>,<link/>

三、常见HTML标记

结构标记：html,head,body

头部标记：title,meta,link,style,base

标题标记：h1,h2,h3,h4,h5,h6【update 20161114】

文本修饰标记：font，b,i,u,strong

段落标记：p,hn,pre,marquee,br,hr,address,center,blockquote

列表标记：ul,ol,li,dl,dt,dd

超链接标记：a,map,area

图像及媒体元素标记：img,embed,object

表格标记：table,tr,td,th,tbody

表单标记：form,input,textarea,select,option,fieldset,legend,label

框架标记：frameset,frame,iframe

容器标记：div,span

四、html样式引入

• 行内样式
• 引入样式
• 导入样式

五、html列表

• 无序列表ul，li
  • 　　属性：disc(实心圆)是默认的样式
• 有序列表ol,li
  • 　　属性：注意start,可以不从1开始显示，start="10"从10开始显示
• 自定义列表dl
  • dt
  • dd
• 嵌套列表
• 注意默认样式：在无序列表中，默认第一层是disc,第二层是空心圆圈，第三层是实心方块，以后都是实心方块

六、表单

表单三要素：form,input,submit

• <form>：点“提交”按钮，提交表单相关信息
• <input>:收集用户信息,取值有10种

1. text:文本域
2. password:密码域
3. file:文件域
4. checkbox:复选框
5. radio：单选按钮
6. button:普通按钮
7. submit:提交按钮
8. reset:重置按钮
9. hidden:隐藏域
10. image:图像域（即图像按钮）

• <textarea>:多行文本域
• <label>:为控件定义标签，通过for和控件的id绑定
• <fieldset>
• <legend>
• <select>配合下面的<option>用于下拉列表（不设置size）或列表项（设置size）。
• <option>
• <optgroup>
• <button>

七、html框架

• <frameset>在html5中已过期
• <frame/>在html5中已过期
• <iframe>html5仍然可用

注意用<iframe>时的超链接的target属性

• _blank:新窗口打开
• _parent:父窗口打开
• _self:自身窗口打开
• _top:顶层窗口打开