HTML5相關格式化，屬性，連結與表格操作
我們初步瞭解了HTML5後，現在我們再進一步瞭解其相關的操作
格式化：
我們可以看到其作用，同時，我採用程式碼的形式輸出：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>第二次</title> </head> <body> <b>歡迎來這裡</b><br/> <big>大號字</big><br/> <em>著重文字</em><br/> <i>定義斜體字</i><br/> <small>定義小號字</small><br/> <strong>加重語氣</strong><br/> 大家<sub>定義上標字</sub>大家<br/> 大家<sup>定義下標字</sup>大家<br/> 哈哈哈<ins>定義插入字</ins><br/> <del>定義刪除</del><br/> </body> </html>
通過上述程式碼，不難發現，我將所寫的東西都放在了<body></body>標籤裡面，我們之前瞭解過，下面我們看看具體在網頁中實現是哪種樣式：
網頁中顯示如上。具體操作，可以自行動手實踐
屬性：
如上，標籤中可以使用屬性來控制標籤的相關資訊：下面以我程式碼為例項：
<h1 align="center">標題</h1>
<a href="http://www.baidu.com" target="_blank">點我</a><br/>
如上，align 是規定h1裡的東西位置在哪裡，可以左右上下，在我這裡，我規定的是居中。
target，在之前也說過，是指網頁開啟（重新開啟一個網頁，在此網頁上更新開啟）
class：是指規定元素的類名，
id：是指規元素的唯一id，在後面使用的話會比較方便
等等，一些屬性，後面會慢慢了解到。
連結操作：
網頁中我們經常會點選連結，下面我會介紹一些基本的連結操作：
1.文字連結：即我們的<a href="http://www.baidu.com" target="_blank">文字連結</a>在網頁中，我們點選此文字即可跳轉，稍後我會給出程式碼的顯示結果.
2.圖片連結：當我們點選一個圖片時，即可跳轉到相關連結，即為圖片連結，圖片連結也涉及到img標籤屬性，下面我給出我所學習的程式碼：
圖片文字連結介紹：<br/> <a href="http://www.baidu.com" target="_blank"> <img src="1.jpg" width="100px" height="100px" alt="我的照片"> </a> <br/> <a name="tips">你好</a> <a href="#tips">跳轉到你好</a><br/>
在a標籤裡面，我們加入了img標籤，同時定義了img標籤的相關屬性：width height alt，寬 高 文字屬性。
即為設定了此圖片的大小，同時，如果找不到此圖片會顯示 “我的照片”稍後給出顯示成果。
<a name="tips">你好</a>
<a href="#tips">跳轉到你好</a><br/>
而此程式碼則是一個跳轉，當我們點選 跳轉到你好 時，即會跳轉到 你好，就不需要我們再滾動頁面了。
下面給出上述的相關圖
當我們圖片顯示不了時：
表格：
表格的相關屬性如下：
同理我給出我的相關程式碼，來一一講解：
表格使用：<br/>
<table border="1">
<caption>重要表格</caption>
<tr>
<th>單元</th>
<th>單元</th>
<th>單元</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
<table border="1">
<tr>
<td>
表格1
</td>
<td>
表格2
</td>
</tr>
<tr>
<td>
<ul>
<li>一</li>
<li>二</li>
<li>三</li>
</ul>
</td>
<td>
數字
</td>
</tr>
</table><br/>
<table border="1" cellpadding="10" cellspacing="10" bgcolor="red">一個為邊距 一個為間距
<tr bgcolor="#7fffd4">
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
</tr>
</table>
此程式碼顯示成果如下：
不難看出，我建立了3個表格
<table border="1"> 為給此表格建立了框，可以嘗試改一下border的數值
<caption>重要表格</caption>
此標籤是給表格增加了一個標題。
tr標籤是指，行數，比如一個第三個單元格只有2行，所以只有2個tr標籤，只要有幾行就會出現幾個tr標籤，
td標籤是表格裡面的單元例如：
<tr>
<td>
表格1
</td>
<td>
表格2
</td>
</tr>
即為：一行裡面有2個單元格，分別為表格一和表格二，同時，可以嘗試增加td標籤，看看會產生什麼效果。
<table border="1" cellpadding="10" cellspacing="10" bgcolor="red">設定了表格的一個邊距 一個間距的大小，同時使用bgcolor屬性規定了表格的顏色，可以從我們顯示成果中可以看出。
上述為HTML5相關格式化，屬性，連結與表格操作的一些常用操作，當然也不是很全面，在後面我們會慢慢碰到更多的相關屬性知識！