HTML 标签。

 

标签名称原语特性典型模板示例
a Anchor

<a> 标签定义超链接，用于从一张页面链接到另一张页面。

<a> 元素最重要的属性是 href 属性，它指示链接的目标。

1.

<a href="http://www.baidu.com">百度一下</a>

2.<a target="_blank" href=' xxx.jpg '>下载</a>

比如txt,png,jpg等这些浏览器支持直接打开的文件是不会执行下载任务的，而是会直接打开文件

需要加上 "download".

 <a target="_blank" download="filename" href=" xxx.jpg ">下载</a>

3.<a href="javascript:void(0);"onclick="editPolicy(11)">编辑</a>

4.<a href = "mailto:mzg@qq.com">发邮件</a>

5.<a href = "url.html#top">锚链接</a>

6.<a href="tel:0147-88469258">打电话</a>

7.<a href="sms:10086?body=message_body">给 10086 发短信</a>

 

 

 
abbr Abbreviation 

用来表示一个缩写词或者首字母缩略词，

在某些浏览器中，当您把鼠标移至带有 <abbr> 标签的缩写词/首字母缩略词上时，

<abbr> 标签的 title 属性可被用来展示缩写词/首字母缩略词的完整版本。

 

The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.

 
address <address>

<address> 标签定义文档或文章的作者/拥有者的联系信息。

如果 <address> 元素位于 <body> 元素内，则它表示文档联系信息。

如果 <address> 元素位于 <article> 元素内，则它表示文章的联系信息。

<address> 元素中的文本通常呈现为斜体。大多数浏览器会在 address 元素前后添加折行。

<address> 标签不应该用于描述通讯地址，除非它是联系信息的一部分。

<address> 元素通常连同其他信息被包含在 <footer> 元素中。

 

<address>
Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

 
       
cite Citation

标签定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等等）的标题。

html5中不可用在人名，html4中可以。<cite>内容倾斜显示。

<cite>The Scream</cite> by Edward Munch. Painted in 1893

 
blockquote Block Quotation

标记引用一整段的较长的引用。p元素也可包含其中

  
q Quotation

标记段落内较短的引用。

按照惯例会在<q>元素两侧添加引号，但IE不支持。

  
dfn definition

<dfn>表示一个新术语的定义

 <dfn>A black hole</dfn> is a region of space from which nothing
del Deleted

已经从文档中删除的(带删除线)

<p> it's <del>deleted</del></p>
ins Inserted

插入的文本（下划线）

 <p> it's <ins>insert</ins></p>
s Strikethrough

<s>表示不准确或不相关却并不应当予以删除的内容（从中穿过的线）

 <p><s>cost 9$</s></p>
ol Ordered List

 

排序列表

<ol>

<li></li>

<ol>
ul Unordered List

无序列表

  
dl Definition List

定义列表

  
dt Definition Term

定义术语

  
dd Definition Description

 

定义描述

<dl>

<dt>术语</dt>

<dd>描述</dd>

</dl>
li List Item

列表项

  
h1-h6 Header 1 to Header 6

标题

  
p Paragraph

段落

  
hr Horizontal Rule

水平线

 <hr/>
br Break

换行

 <br/>
b Bold

 

粗体

文字以粗体显示

<b>bold</b>
i Italic

斜体

<I>italic</i>

斜体展示 一般是技术词语、轮船名称、外语单词、思想理论、或是其他术语 经常用斜体展示
sup Superscripted

上标

 幂运算。
sub Subscripted

下标

 化学式
strong Strong

表示内容重要，加强语气，显示为粗体。

 <p><strong>哈哈</strong>111</p>
em Emphasized

起到强调左右，能够细微改变语句的含义。默认显示斜体。

  
img image 添加图像

 

<img src="smiley-2.gif" alt="Smiley face" width="42" height="42">

 

 
figure figcaption figure 为图片增加说明。

 

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
  <figcaption>Fig.1 - A view of the pulpit rock in Norway.</figcaption>
</figure>

 
table table 表格

 

<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>




tr table row 行
td table data 单元格
th table heading 列或行的标题
thead  



1.<thead> 元素应该与 <tbody> 和 <tfoot> 元素结合起来使用，用来规定表格的各个部分

（表头、主体、页脚）

2.当包含多个页面的长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张页面上。

3.<thead> 标签必须被用在以下情境中：作为 <table> 元素的子元素，出现在 <caption>、<colgroup> 元素之后，<tbody>、 <tfoot> 和 <tr> 元素之前。

4.<thead> 元素内部必须包含一个或者多个 <tr> 标签。

 

 <table border="1">
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
</table>



tbody  
tfoot  
form form 表单

 

<form action="demo_form.php" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="提交">
</form>

 
input  

<input> 标签规定了用户可以在其中输入数据的输入字段。

<input> 元素在 <form> 元素中使用，用来声明允许用户输入数据的 input 控件。

输入字段可通过多种方式改变，取决于 type 属性。

<input> 元素是空的,它只包含标签属性。

你可以使用 <label> 元素来定义 <input> 元素的标注。

  
button   定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。

 

 

 
checkbox   定义复选框。

 

<input type="checkbox" name="vehicle" value="Bike" /> I have a bike
<input type="checkbox" name="vehicle" value="Car" /> I have a ca

 
file   定义输入字段和 "浏览"按钮，供文件上传。

 

<input type="file" />

 
hidden   定义隐藏的输入字段。

 

 <input type="hidden" name="country" value="Norway" />

 
image   定义图像形式的提交按钮。

 

 <input type="image" src="submit.gif" alt="Submit" />

 
password   定义密码字段。该字段中的字符被掩码。

 

 <input type="password" name="pwd" />

 
radion   定义单选按钮。

 

 <input type="radio" name="sex" value="male" /> Male
<input type="radio" name="sex" value="female" /> Female

 
reset   定义重置按钮。重置按钮会清除表单中的所有数据。

 

 <input type="reset" />

 
submit   定义提交按钮。提交按钮会把表单数据发送到服务器。

 

<form action="form_action.asp" method="get">
Email: <input type="text" name="email" />
<input type="submit" />
</form>

 
text   定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。

 

Email: <input type="text" name="email" />
Pin: <input type="text" name="pin" />

 
select   定义下拉列表。

 

<select>
	<option value="volvo">Volvo</option>
	<option value="saab">Saab</option>
	<option value="mercedes">Mercedes</option>
	<option value="audi">Audi</option>
</select>

 
       
       
posted @ 2017-10-12 21:12  游侠儿。  阅读(177)  评论(0)  编辑  收藏  举报