上一節，咱們講了，html標籤的head部分，此次咱們講講body部分，由於是介紹性質的，因此大體瞭解下就行了，知道這個標籤幹嗎用的 javascript
看例子 php
| 06 |
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
| 07 |
<link rel="stylesheet" type="text/css" href="/index.css" /> |
| 08 |
<script type="text/javascript"> |
| 09 |
document.write("Hello World!") |
| 12 |
<style type="text/css"> |
| 17 |
<h1 onclick="javascript:alert('我是h1你點擊了我');">我是標題 1</h1> |
| 29 |
<!-- 我是註釋，我不會頁面上顯示 --> |
| 33 |
<img src="logo_news_137_46.png"> |
| 41 |
<div style="border:1px solid red"> |
| 43 |
<strong>趴在樹上的豬 strong</strong> |
| 47 |
<small>趴在樹上的豬 small</small> |
| 53 |
<div style="border:1px solid green;"> |
| 54 |
<pre>pre 定義與格式文本</pre> |
| 56 |
<code>code 定義計算機代碼文本</code> |
| 60 |
<kbd> kbd 定義鍵盤文本</kbd> |
| 62 |
<var>var 定義變量部分 </var> |
| 66 |
<samp>samp 計算機代碼樣本</samp> |
| 68 |
<acronym>acronym 定義知趣首字母的縮寫</acronym> |
| 70 |
<abbr>abbr 定義縮寫</abbr> |
| 72 |
<address>address 定義文檔做者或者擁有者聯繫信息</address> |
| 74 |
<blockquote>blockquote 定義塊引用</blockquote> |
| 78 |
<cite>cite 定義引用</cite> |
1、<body>標籤
head之外的標籤均可以出如今body裏。 css
標準屬性：id, class, title, style, dir, lang, xml:lang html
事件屬性：onload, onunload, onclick, ondblclick, onmousedown, onmouseup, onmouseover, java
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
2、標題標籤
h1-h6能夠理解爲這一段的標題，也是個seo友好的標籤
有個align的可選屬性，但不推薦使用
標準屬性有id, class, title, style, dir, lang, xml:lang
事件屬性：onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup jquery
好比點擊一下h1試試 ajax
3、<p>標籤
p標籤其實和div標籤其實差很少。 api
標準屬性：id, class, title, style, dir, lang, xml:lang app
事件屬性：onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup 字體
4、換行標籤
<br>用來插入空行他沒有結束標籤，在xhtml中寫成<br />
標準屬性：id, class, title, style
5、水平線標籤
<hr>和<br>同樣沒有結束標籤，在xhtml中寫成<hr />
標準屬性：id, class, title, style, dir, lang, xml:lang
事件屬性：onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
6、註釋
html的註釋和php中/**/有點象，只是把/*換成了<!– 把*/換成了–>註釋沒有屬性
7、字體樣式標籤
字體樣式標籤用法都是同樣的，全部瞭解下功能就能夠了，上例中的例子已經十分清晰了，你們的標準屬性都有：id, class, title, style, dir, lang, xml:lang
事件屬性都有：onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
b 定義粗體
i 定義斜體
em 定義強調文本
big 定義大號字體
small 定義小號文本
strong 定義更爲強烈的強調文本
sup 上表
sub 下標
8、鏈接
<a>標籤即一個規定一段文字能鏈接到其餘頁面，這個標籤幾乎無處不在，隨便打開一個頁面都能看見。
標準屬性：id, class, title, style, dir, lang, xml:lang, tabindex, accesskey
事件屬性：onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
9、其餘不經常使用標籤
能夠說基本上用不到了解下便可
pre 定義與格式文本
code 定義計算機代碼文本
tt 定義打字機文本
kbd 定義鍵盤文本
var 定義變量部分
dfn 定義定義項目
samp 計算機代碼樣本
acronym 定義知趣首字母的縮寫
abbr 定義縮寫
address 定義文檔做者或者擁有者聯繫信息
blockquote 定義塊引用
q 定義短引用
cite 定義引用
ins 插入文本
del 定義刪除文本
object 插入對象，好比flash等
本文固定連接: http://www.qaforcode.net/archives/286 | 豬哥每日一貼