HTML 常用标签

标签分类

块级标签：   div、h 系列、 p

行内标签： a、 span、 select

自闭合标签：<br />  <meta />

主动闭合标签： <div></div>   <p></p>

图标

html 对空格不敏感，并且有很多特殊字符，浏览器解析的时候容易出错，所以引出了图标的概念，例如： &nbsp  空格   &gt   大于  &lt  小于等.

各种特殊符号链接：http://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html

以下标签使用在 body 标签内

p 和 br

<p>123</p>  # p表示段落，默认段落之间是有间隔的！ 

<br />   # 换行标签

a 标签

<a href="http://web-presence-in-china.com" target="_blank">官网</a>

  属性：

  href=“要链接到的url”   

  target=“_blank” 在浏览器新的标签页打开所链接的url   有四个值可选

     _blank     浏览器总在一个新打开、未命名的窗口中载入目标文档

     _parent    在父框架集中打开被链接文档

     _self        默认值，在当前标签页打开，也就是相同框架中打开  

     _top        在整个窗口中打开被链接文档

   锚：

   可以利用超链接标签<a></a>制作锚点链接，主要用于页面内的锚点访问

   1. 为标签锚点定义 name  或 id 属性，属性值本页面必须唯一.

   2. <a href="#属性值">点我跳转都对应页面位置</a>

H 标签系列

h1-h6  数字从小到大，显示的字体从大到小

select 标签

select 元素可创建单选或多选菜单

<select multiple="multiple" size="2">  # 多选，默认显示两个
   <option value="beijing">北京</option>
   <option value="shanghai" selected="selected">上海</option>  # selected 默认选中
   <option value="tianjin">天津</option>
</selec

textarea 标签

标签定义多行的文本输入控件

rows  和 cols 定义文本框的显示大小， name 后台提交数据时 key 的值.

<textarea rows="6" cols="30" name="text">默认显示的值</textarea>

label 标签

<label> 标签为 input 元素定义标注（标记），用于点击文件，使得关联的标签获取光标

<form>
    <label for="username">用户名</label>   # for 关联对应的标签
    <input type="text" name="user" id="username"/>
</form>

fieldset 标签

fieldset 元素可将表单内的相关元素分组

<fieldset> 
      <legend>个人信息</legend>  # 为 fieldset 元素定义标题
      <label for="name">姓名</label>
      <input type="text" name="name" id="name" /> &nbsp&nbsp
      <label for="jiguan">籍贯</label>
      <input type="text" name="jiguan" id="jiguan" />
 </fieldset>