前端标签小结(不断更新中......)

框架

    <html>
     <head>
        <title></title>
     </head>
     <body></body>
     </html>

mate系列

    <meta name="keywords" content="关键词3-5个 "/><!---->
    <meta name="description" content="描述100-200字 "/><!---->
    <meta http-equiv="refresh" content="时间;url='indexhtm'"/><!---->
    <meta http-equiv="Content-Type" content="text/html;charset= "/><!--html文件本身编码和html页面中用代码制定的编码一致-->

图片

    <img ><!--图片-->
      src="地址" width="宽" height="高" title="标题" alt="爬虫" usemap="#mapname"

链接(及锚链接)

    <a href="地址http:// "></a>
      target="_blan" href="#id"锚链接

文字

     <p></p><!--装文字-->
    <font></font><!--装文字-->
    color="颜色" size="字体大小(1-7)"
    <h1></h1><!--文章标题(一个页面最多只有一个h1标签)-->
    <h2></h2>...<h6></h6>
    <strong></strong><!--粗体-->
    <i></i><!--斜体-->
    <u></u><!--底线-->
    <strike></strike><!--横线-->
    <del></del><!--删除线-->
    <em></em><!--斜体-->
    <pre></pre><!--按格式输出(保留空格和另起一行)-->

热点地图

    <map name=""></map>
    <area shape="形状" coords="定位点" href="地址" alt=""><!--包在  <map></map>内-->
      形状:Rect矩形; Circle圆形; Poly不规则图形;
      定位点:x1,y1,x2,y2 (x1,y1)(x2,y2)为对角点坐标;
            x,y,r (x,y)为圆心坐标,r为半径;
            x1,y1,x2,y2,x3,y3,x4,y4... (x1,y1)(x2,y2)(x3,y3)(x4,y4)

列表

    <ol type="样式"><li></li></ol><!--无序列表-->
      样式:circle空心圆点;disc实心圆点;square空心方框;
    <ol type="样式" start=""><li></li></ol><!--有序列表-->
    样式:A a i l 1
    <dl><dt>标题</dt><dd></dd></dl><!--自定义列表-->
    <table>
      width="宽"  height="高" bordercolor="" bgcolor="" border="粗细" align="位置"
      <tr><!--行标签开始-->
        width="宽" height="高" align="水平内容位置" valign="垂直内容位置"
          <td></td><!--列标签-->
      </tr><!--行标签结束-->
    </table>
    合并单元格:
        合并列:<td colspan="n"></td>
        合并行:<td rowspan="n"></td>
    <th></th><!--加粗-->
    <caption></caption><!--标题-->

    <thead></thead><!---->
    <tbody></tbody><!---->
    <tfoot></tfoot><!---->

表单

    <form action="信息接收脚本地址" method="post">
      <input type="text" /><!--文本域-->
          size="文本框长度" maxlenght="最大字符长度"
      <input type="password" /><!--密码域-->
      <input type="radio" /><!--单选框-->
      <input type="checkbox" /><!--复选框-->
          checked="checked"(默认选中) multiple="一次选中个数(默认一)"
      <select><!--下拉框开始-->
          size="一次展示的个数" 
          <option></option><!--元素-->
      </select><!--下拉框结束-->
      <textarea></textarea><!--多行文本-->
          rows="行数" cols="列数"
      <input type="file" /><!--文件域-->
      <input type="submit" /><!--提交按钮-->
      <input type="reset" /><!--重置按钮-->
      <input type="button" /><!--空按钮-->
    </form>
      name="" value="" 
    <label for="id"></label><!--移动光标-->
      disabled="disabled"(禁止修改)

滚动

    <marquee></marquee><!--滚动-->
      behavior滚动方式 ="slide只滚一次 ;scroll重复 ;alternate来回 "
      direction方向 ="down下 ;up上 ;right左 ;left右 "
      loop ="滚动次数" width="宽" height="高" bgcolor="背景色"   scrollamount="滚动步长(像素)" scrolldelay="滚动时间间隔(毫秒)" 
      onmouseover="this.stop()"鼠标进过上面停止滚动  onmouseout="this.start()"鼠标离开时开始滚动

帧窗口(html框架)

    <frameset></frameset><!--帧窗口(html框架),可嵌套,与<body></body>不共存-->
      cols="列数" rows="行数" frameborder边框="0无 ;1有 " bordercolor="边框颜色" *表示余下的 
    <frame></frame><!--窗口实体,在<frameset></frameset>中-->
      src="地址" name="框架名称" scrolling是否出现滚动条="yes是 ;no否 ;auto " noresize边框是否可以拖动=""
    <iframe src="地址"></iframe><!--引入页面与<body></body>共存-->

猜你喜欢

转载自www.cnblogs.com/stevending1st/p/htmlLabelAll.html