<meta>
元素可提供有關頁面的元信息（meta-information），用來向瀏覽器或搜索引擎描述頁面。比如文檔的描述和關鍵詞。它只可以放在head中。屬於元信息標籤。 常見的meta有
Keywords(關鍵字) keywords用來告訴搜索引擎你網頁的關鍵字是什麼。
<meta name="keywords" content="web前端,尚學堂培訓">
description(網站內容描述) description用來告訴搜索引擎你的網站主要內容。
<meta name="description" content="北京尚學堂,web前端培訓">
author作者 標註網頁的作者 <meta name="author" content="root,[email protected]">
<img>
1.使用<img>元素將圖像添加到頁面
2.空標記
3.必須屬性：src（存儲圖像的位置）
4.常用屬性：width，height，alt，title <img src="URL" width="300" alt=”替換文本屬性”/>
title定義了鼠標經過圖片時顯示的內容，搜索引擎抓取圖片時，是根據title定義的內容來分析圖片是什麼的
alt當圖片未能正常顯示時，用於給用戶的提示信息
<pre></pre>
被包圍在 pre 元素中的文本通常會保留空格和換行符 示例——用pre定義有換行的文本
<body>
<pre>
春眠不覺曉，
處處聞啼鳥。
夜來風雨聲，
花落知多少。
</pre>
</body>
塊級元素和行內元素
1.塊級元素獨佔一行，行內元素在同一行顯示
2.塊級元素默認寬度爲100%，行內元素由內容撐開
3.塊級元素可以設置寬高，行內元素不可以設置寬高
4.塊級元素可以設置margin和padding和四個方向，行內元素只可以設置margin和padding和左右值，上下不起作用
5.塊級元素默認的display爲block，行內元素的display爲inline 6.塊級元素可以包含塊級元素和行內元素，行內元素一般只包含行內元素和文本 7.常見的塊級元素有h1-h6，p，div等，行內元素有a，em，b，i，u等
<a>錨點跳轉簡介
業餘點的解釋就是可以讓頁面定位到某個位置的點。在高度較高的頁面中經常見到：
<a href="#2">作者介紹></a> <a name="2"></a>
不推薦使用a+name的錨點方法了。一是使用了一個空標籤，有鋪張浪費，挪用公款之嫌；
二是經常會出現錨點失效的情況。所以，我都是使用id來綁定錨點的，迄今爲止，沒有出過什麼紕漏。如果使用id實現，則上圖所示效果對應代碼應該類似下面：
<a href="#2">作者介紹></a> <h2 id="2">作者介紹</h2>
<table>合併單元格
<table border="1px" width="300px" height="300px" align="center">
<tr>
<td colspan="2"></td>
<td rowspan="2"></td>
</tr>
<tr>
<td rowspan="2"></td>
<td></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
</table>