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:顶层窗口打开

 

原文地址:https://www.cnblogs.com/starof/p/4010009.html