zoukankan      html  css  js  c++  java

  • Html标签

    记一下自己不熟的标签

    1. <hr>水平线
    2. <abbr>缩写  可以在 <abbr> 标签中使用全局的 title 属性，这样就能够在鼠标指针移动到 <abbr> 元素上时显示出简称/缩写的完整版本
    3. <address> 定义文档或文章的作者/拥有者的联系信息,元素中的文本通常呈现为斜体

    4. <area> 标签定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。

      area 元素总是嵌套在 <map> 标签中
    5. <base> 标签为页面上的所有链接规定默认地址或默认目标  <base> 标签必须位于 head 元素内部
    6. <bdi> 标签允许您设置一段文本，使其脱离其父元素的文本方向设置
    7. bdo 元素可覆盖默认的文本方向  dir属性设置如下
      • ltr 正向输出
      • rtl 反向输出
    8. 　　<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块引用拥有它们自己的空间  ，，<q> 标签定义短的引用

    9. caption 元素定义表格标题。

      caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上
    10. <col> 标签为表格中一个或多个列定义属性值
    11. <colgroup> 标签用于对表格中的列进行组合，以便对其进行格式化
    12. 定义列表 
      <dl>
   <dt>计算机</dt>
   <dd>用来计算的仪器 ... ...</dd>
   <dt>显示器</dt>
   <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>
    13. <details> 标签用于描述文档或文档某个部分的细节  <summary> 标签包含 details 元素的标题，"details" 元素用于描述有关文档或文档片段的详细信息。
      <      details>
<summary>Copyright 2011.</summary>
<p>All pages and graphics on this web site are the property of W3School.</p>
</details>

    14. <fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段，<legend> 标签为 fieldset 元素定义标题。 
      <form>
  <fieldset>
    <legend>健康信息</legend>
    身高：<input type="text" />
    体重：<input type="text" />
  </fieldset>
</form>

    15. <figcaption> 标签定义 figure 元素的标题（caption） 
      <figure>
  <p>黄浦江上的的卢浦大桥</p>
  <img src="/i/shanghai_lupu_bridge.jpg" width="350" height="234" />
  <figcaption>拍摄者：W3School 项目组，拍摄时间：2010 年 10 月</figcaption>
</figure>

    16. <footer> 标签定义文档或节的页脚
    17. <html>

<frameset cols="25%,50%,25%">

  <frame src="/example/html/frame_a.html">
  <frame src="/example/html/frame_b.html">
  <frame src="/example/html/frame_c.html">

</frameset>

</html>

      framset不能与body一起使用

    18. <header> 标签定义文档的页眉（介绍信息）
    19. <i> 标签显示斜体文本效果
    20. iframe 元素会创建包含另外一个文档的内联框架（即行内框架） 
      <iframe src="/i/eg_landscape.jpg"></iframe>
    21. <p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>            同时<u> 标签可定义下划线文本

      带有已删除部分和新插入部分的文本

    22. <keygen> 标签规定用于表单的密钥对生成器字段 
      <form action="/example/html5/demo_form.asp" method="get">
用户名：<input type="text" name="usr_name" />
加密：<keygen name="security" />
<input type="submit" />
</form>

    23. <link> 标签定义文档与外部资源的关系。

      <link> 标签最常见的用途是链接样式表

      <head>
<link rel="stylesheet" type="text/css" href="/html/csstest1.css" >
</head>
    24. <main> 标签规定文档的主要内容，其下可含<article>、<aside>、<footer>、<header> 或 <nav>。
    25. 带有可点击区域的图像映射 
      <img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">
  <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
  <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
  <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>
    26. <mark>高亮

    27. 使用带有 http-equiv 属性的 <meta> 标签时，服务器将把名称/值对添加到发送给浏览器的内容头部。例如，添加：

      <meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2008">

      这样发送到浏览器的头部就应该包含：

      content-type: text/html
charset:iso-8859-1
expires:31 Dec 2008
    28. 使用 meter 元素来度量给定范围（gauge）内的数据
      <meter value="3" min="0" max="10">3/10</meter><br>
<meter value="0.6">60%</meter>

    29. nav导航条 
      <nav>
<a href="/html/">HTML</a> |
<a href="/css/">CSS</a> |
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>

    30. noframes 元素可为那些不支持框架的浏览器显示文本。noframes 元素位于 frameset 元素内部

    31. 下拉框选择

      <select>
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>
    32. <form oninput="x.value=parseInt(a.value)+parseInt(b.value)">
0
<input type="range" id="a" value="50">
100+
<input type="number" id="b" value="50">
=
<output name="x" for="a b"></output>
</form>

    33. pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

      <pre> 标签的一个常见应用就是用来表示计算机的源代码
    34. 下载进度：
<progress value="22" max="100">
</progress>

      如需表示度量衡，请使用 <meter> 标签

    35. <section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分
    36. <small> 标签和它所对应的 <big> 标签一样，但它是缩小字体而不是放大

    37. <source> 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源

    38.   sup 和 sub 上标和下标

    39. <table> 标签定义 HTML 表格。

      简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

      tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元，

      HTML 表单中有两种类型的单元格：

      • 表头单元格 - 包含表头信息（由 th 元素创建）
      • 标准单元格 - 包含数据（由 td 元素创建
      <table border="1">
      <caption>我的标题</caption>      
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
        <th colspan="2">电话</th>          横跨两列
       <th rowspan="2">电话</th>           横跨两行
    40. <tbody> 标签表格主体（正文）。thead 元素用于对 HTML 表格中的表头内容进行分组，而 tfoot 元素用于对 HTML 表格中的表注（页脚）内容进行分组。

    41. <textarea> 标签定义多行的文本输入控件。

      文本区中可容纳无限数量的文本，也可设置可见行数列数 
      <textarea rows="3" cols="20">
在w3school，你可以找到你所需要的所有的网站建设教程。
</textarea>

    　　　

    由于无法解释的神圣旨意，我们徒然地到处找你；你就是孤独，你就是神秘，比恒河或者日落还要遥远。。。。。。
  • 相关阅读:
    touch：创建文件及修改文件时间戳
    stat：查看文件时间参数
    获取二维数组里面实际存有数据的行数
    Math.Atan2 方法
    c#移位运算符（"<<"及">>"）
    c# 一维数组和二维数组的几种定义方式<转>
    C#异常处理总结
    C#图片灰度处理(位深度24→位深度8)、C#图片二值化处理(位深度8→位深度1)
    WinForm窗体及其控件的自适应
    C#的WinForm窗体美化
  • 原文地址：https://www.cnblogs.com/momoli/p/13528888.html
Copyright © 2011-2022 走看看