首页 > 代码库 > HTML5最基本的语言分类

HTML5最基本的语言分类

<a> 标签定义超链接,用于从一张页面链接到另一张页面,属性是 href 属性,它指示链接的目标。

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

<abbr> 标签指示简称或缩写,比如 "WWW" 或 "NATO",通过对缩写进行标记,您能够为浏览器、拼写检查和搜索引擎提供有用的信息。

列:The <abbr title="People‘s Republic of China">PRC</abbr> was founded in 1949.

<p> 标签定义段落。p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。

列:<p>This is some text in a very short paragraph</p>

<q> 标签定义短的引用,浏览器经常在引用的内容周围添加引号。

列:<q>Here is a short quotation here is a short quotation</q>

<br> 可插入一个简单的换行符。

列:<br>扼腕额啊啊发</br>

<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。

l列:<h1>这是标题 1</h1>

       <h2>这是标题 2</h2>

       <h3>这是标题 3</h3>

        <h4>这是标题4</h4>

       <h5>这是标题5</h5>

        <h6>这是标题6</h6>

body 元素定义文档的主体,   包含文档的所有内容(文本、超链接、图像、视频、表格、列表等)

列:<html>

    <head>

    <title>文档的标题</title>

   </head>

    <body>
     文档的内容... ...
    </body>

   </html>

<div> 可定义文档中的分区或节(division/section),标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。

列:

<div >
  <h3>This is a header</h3>
  <p>This is a paragraph.</p>
</div>

<form> 标签用于为用户输入创建 HTML 表单。

列: 

<form action="form_action.asp" method="get">
  <p>First name: <input type="text" name="fname" /></p>
  <p>Last name: <input type="text" name="lname" /></p>
  <input type="submit" value="http://www.mamicode.com/Submit" />
</form>


img 元素向网页中插入图片
列: <img src="http://www.mamicode.com/i/eg_tulip.jpg" alt="名字" />

<audio> 标签定义声音,比如音乐或其他音频流。
列:<audio src="http://www.mamicode.com/someaudio.wav"></audio>
<video> 标签定义视频,比如电影片段或其他视频流。
列:
<video src="http://www.mamicode.com/movie.ogg" controls="controls"></video>
<button> 标签定义一个按钮。
列:
<button type="button">Click Me!</button>

<table >标签定义于宇哥表格。

列:

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

<ol> 标签定义有序列表。
列:
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ul> 标签定义无序列表。
<ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li></ul>

<strong>把文本定义为语气更强的强调的内容。列:<strong>我是strong</strong>
<link> 标签定义文档与外部资源的关系。
列:
<head>

<link rel="stylesheet" type="text/css" href="http://www.mamicode.com/theme.css" />

</head>
<time> 标签定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。
列:
<p>我们在每天早上 <time>9:00</time> 开始营业。</p>

<p>我在 <time datetime="2008-02-14">情人节</time> 有个约会。</p>

<sub> 标签可定义下标文本。
列:<sub>下标</sub>
<sup> 标签可定义上标文本。
列:
<sup>上标</sup>


    

HTML5最基本的语言分类