HTML常用标签

html常用的标签：
    <h1>~<h6> 表示是一个标题
    <p>   段落标签
    <hr/>  水平线标签
     <br/>  换行标签
    <sub>  下标
    <sup>  上标
    <pre>  原样标签： 原样标签会保留空格和换行符。
    <ol> <li> 有序的列表标签、
    <ul> <li> 无序的列表标签。
    项目列表标签(dl dt dd)
    行内标签(span)     
    块标签<div>    div标签的内容会独立占一行。
常用的实体字符:
    空格      &nbsp;
    小于号     &lt;
    大于号    &gt;
-----------------------------
    人民币    &yen；
    版权      &copy;
    商标      &reg;

媒体标签：
    <embed></embed>  
        hidden ： 设置隐藏插件是否隐藏。
        src ：用于指定音乐的路径

   <marquee> 飘动标签
       direction : 指定飘动的方向
        scrollamount : 指定飘动的速度。
        loop   :指定飘动的次数
   <embed src="1.mp3" hidden="true"></embed>
   <marquee  loop="-1" scrollamount="30" direction="right"><font size="+6" color="red"> 我飞起来了...</font></marquee>

超链接标签
    <a href="http://www.baidu.com" target="_self">百度</a>
        //若无协议头,默认为file:\\\协议本地文件
     target: 设置打开新资源的目标。    _blank 在独立的窗口上打开新资源   _self 在当前窗口打开新资源
a标签的原理：
    1. a标签的href属性值如果是以http开头的，那么浏览器会马上启动http解释器去解释该网址，首先
    会在本地机器去找一个hosts文件， 如果在hosts文件上该域名没有对应的主机，那么浏览器就去到对应的
    dns服务器去寻找该域名对应的主机号。如果找到了对应的主机，那么该请求就会发给对应的主机。
    2. 如果a标签的href属性值没有以任何协议开头，那么浏览就会启动file协议解释器去解释该资源路径。    
    3. 如果a标签的href属性值并不是以http开始，而且其他 的一些协议，那么这时候浏览器就回去到我们本地的注册
    表中去查找是否有处理这种协议 的应用程序，如果有，那么马上启动该应用程序处理该协议。
    
邮件 的协议： mailTo <a href="mailTo:123456@qq.com">123456@qq.com</a>
迅雷的协议： thunder  <a href="thunder://abc/aa一个人的武林.avi">一个人的武林(高清枪版).avi</a>
锚点点位.   <a name="top">顶部</a> <a href="#top">回到顶部</a>

    <frameset  rows="20%,70%,*" >
        <frame  src="top.html" />
        <frameset cols="20%,*">
            <frame src="left.html" />
            <frame name="center" src="center.html"/>
        </frameset>
        <frame src="foot.html"/>
    </frameset><noframes></noframes>
    iframe:  在一个网页中分隔一部分的位置显示另外一个网页的的信息
  注意： frameSet标签不能用于body标签体内容  

热点图片
   <img  src="11.jpg"  alt="这个是路飞" width="400" height="300" border="0" usemap="#Map" />
//alt 当图片无法显示时，显示该文字    
<map name="Map" id="Map">
      <area shape="rect" coords="171,178,304,227" href="http:\\www.baidu.com" target="_blank" />
      <area shape="circle" coords="189,135,27" href="2常用的标签.html" target="_blank" />
    </map>
表格
   <table style="align:right;width:400px;height:300px;" border="1px" bordercolor="#0066CC">
    <caption>表格一</caption>
    <thead>
        <th>姓名</th><th>分数</th><th>人品</th>
    </thead>
    <tbody>
    <tr><td rowspan="2">小明</td><td>1</td><td>2</td></tr>
    <tr>    <td>3</td><td>4</td></tr>
    <tr><td>小红</td><td>4</td><td>5</td></tr>
    <tr><td>test</td><td colspan="2">2</td></tr>
    </tbody>
  </table>

表单
<!-- 表单项的数据如果需要提交到服务器上面，那么表单项必须要有name的属性值 -->
    <form action="http://www.baidu.com" method="post">
        <!-- 文本输入框 单行-->
        用户名：<input name="userName" type="text"/><br/>
        <!-- 密码框 -->
        密码：<input name="password" type="password"/><br/>
        <!-- 单选框  -->
        性别： 男<input checked="true" value="man"  name="sex" type="radio"/>   女<input name="sex" value="woman" type="radio"/><br/>
        <!-- 下拉框 -->
        来自的城市：<select name="city">    
                    <option value="BJ">北京</option>
                    <option value="SH">上海</option>
                    <option value="GZ">广州</option>
                    <option value="SZ">深圳</option>
                </select><br/>
        <!-- 复选框  同一组的复选框name的属性值要一致 -->
       兴趣爱好：java <input value="java" name="hobit"  checked="checked" type="checkbox" />javascript <input type="checkbox" value="javascript" name="hobit" />android <input value="android" name="hobit" type="checkbox" /><br/>
       <!-- 文件上传框-->
        大头照：<input name="image" type="file" /><br/>
        个人简介:
        <!-- 文本域 -->
        <textarea  name="intro" rows="10" cols="30"></textarea><br/>
        
        <!-- 提交按钮 -->
        <input type="submit" value="注册"/>
        <!--  重置按钮 -->
        <input type="reset" value="重置"/>
    </form>

转载于:https://my.oschina.net/k2easy/blog/538051