HTML簡介：
首先我們要知道html是什麼：
1. 超文本标記語言。
2. 是描述網頁的一種語言。
3. 不是一種程式設計語言，而是一種标記語言。
下面讓我們來了解html标簽：
1. Html标記标簽通常被稱為html标簽。
2. Html标簽是由尖括号包圍，比如<html>
3. Html标簽通常成對出現。比如<b></b>
4. Html标簽通常都是成對出現，稱為雙向标簽。也有一些是單向标簽。比如<base/>就是單向标簽。
Html的基本結構（很重要）
<html>
<head>
</head>
<body>
網頁的主體内容
</body>
< /html>
Html頭部元素
<head>元素：
它是所有頭部元素的容器，可包含腳本，提示浏覽器在何處可以找到樣式表，提供元素，設定網頁标題。
<title>标簽，它是雙向标簽。定義網頁标題。如下
先在記事本敲下：
<html>
<title>我的第一個網頁</title>
如圖
<a href="https://s2.51cto.com/oss/201711/04/eebc9831b225d7321331f136b0c78a72.png-wh_500x0-wm_3-wmp_4-s_1662056471.png" target="_blank"></a>
儲存并把擴充名改為html
<a href="https://s5.51cto.com/oss/201711/04/a5b0a720bd7da56c716419f56d0fe63d.png-wh_500x0-wm_3-wmp_4-s_1253644821.png" target="_blank"></a>
<a href="https://s3.51cto.com/oss/201711/04/13bbf2d939fdc62a54ed3774ad234116.png-wh_500x0-wm_3-wmp_4-s_2106761662.png" target="_blank"></a>
是不是很簡單，下面在讓我們認識另一個标簽，連結标簽。
<a>标簽：通過使用<a>标簽，在html中建立連結，它也是雙向标簽哦。例如
<a href=”網頁的位址，也可以是本地其它檔案”>顯示連結的文字</a>
以百度為例：
<a href="https://s5.51cto.com/oss/201711/04/08d27f1649932d643cda6e001febc428.png-wh_500x0-wm_3-wmp_4-s_2162196334.png" target="_blank"></a>
<a href="https://s4.51cto.com/oss/201711/04/9dab92a72e7d65c3c506ba224574470b.png-wh_500x0-wm_3-wmp_4-s_486183660.png" target="_blank"></a>
<a>标簽中有target屬性
Target屬性：可以設定連結打開方式。如圖
<a href="https://s2.51cto.com/oss/201711/04/710fe9e3e0841a15377fd04ab6a9dee9.png-wh_500x0-wm_3-wmp_4-s_692528340.png" target="_blank"></a>
_blank表示在新視窗打開。
也許會有人問要是有十個二十個連結，這樣一個個敲很麻煩。
下面要學的标簽就是和這有關。
<base>标簽定義是為頁面是以的連結規定打開方式，它是單向标簽。如圖
在<a>标簽把target屬性删除，預設的打開方式是在自身視窗打開。
<a href="https://s2.51cto.com/oss/201711/04/ab082a65eeaacffbfb3db2f954260f77.png-wh_500x0-wm_3-wmp_4-s_3697548352.png" target="_blank"></a>
<a href="https://s5.51cto.com/oss/201711/04/3eaf4e0e343dca22f47853b54ddc0c34.png-wh_500x0-wm_3-wmp_4-s_172970780.png" target="_blank"></a>
<meta>元素，它是單向标簽。
<meta>用于規定頁面的描述，關鍵字，文檔的作者，最後修改時間以及其它中繼資料。
<a href="https://s4.51cto.com/oss/201711/04/ca3de7a9c5d9e38612ea40b6837534b7.png-wh_500x0-wm_3-wmp_4-s_2724746990.png" target="_blank"></a>
一般搜尋引擎利用meta元素的name和content屬性來索引你的頁面。
在<body>标簽中的屬性，屬性之間用空格隔開。
Bgcolor屬性：定義頁面背景顔色。預設背景為白色。顔色可以用英文或十六進制表示。
<a href="https://s5.51cto.com/oss/201711/04/e298115b5254615c9d88cc55b57f4a8f.png-wh_500x0-wm_3-wmp_4-s_501938656.png" target="_blank"></a>
<a href="https://s2.51cto.com/oss/201711/04/c0df1a742ed69fb7a0131b5137a08dc6.png-wh_500x0-wm_3-wmp_4-s_1391191032.png" target="_blank"></a>
Background屬性：定義頁面背景圖像。
<a href="https://s1.51cto.com/oss/201711/04/3f1efc7db7105f54690d12660a8c93a6.png-wh_500x0-wm_3-wmp_4-s_1191640348.png" target="_blank"></a>
<a href="https://s3.51cto.com/oss/201711/04/9c3179965f7297aeda182c3de1514751.png-wh_500x0-wm_3-wmp_4-s_3260287310.png" target="_blank"></a>
如果圖像在桌面直接寫入圖像名，如果在磁盤中要寫入圖檔所在的路徑。
Text屬性：定義頁面文字的顔色。
Link屬性：可連結文字的顔色。
Alink屬性：已經被點選的可連結的文字的顔色。
Vlink屬性：點選（通路）過的可連結的文字顔色。
Leftmargin屬性：定義網頁的左邊距。
Topmargin屬性：定義網頁的上邊距。
我就不一一例舉啦
今天就寫這麼多吧。
—牛建南—
2017/11/4
本文轉自
新網學會 51CTO部落格，原文連結：http://blog.51cto.com/xwxhvip/1978987 ，如需轉載請自行聯系原作者
![第一個APP——GeoQuiz[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)