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>

     

　　　

 

posted @ 2020-08-19 13:45  DurianTRY  阅读(157)  评论(0)  编辑  收藏  举报