HTML Hypertext Markup Language，中文也就是超文本鏈接標示語言。HTML（HyperTextMark-upLanguage）即超文本標記語言，是www的描述語言。設計HTML語言的目的是為了能把存放在一臺電腦中的文本或圖形與另一臺電腦中的文本或圖形方便地聯系在一起，形成有機的整體，人們不用考慮具體信息是在當前電腦上還是在網絡的其它電腦上。我們只需使用鼠標在某一文檔中點取一個圖標，Internet就會馬上轉到與此圖標相關的內容上去，而這些信息可能存放在網絡的另一臺電腦中。 HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML的結構包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內容。
另外，HTML是網絡的通用語言,一種簡單、通用的全置標記語言。它允許網頁制作人建立文本與圖片相結合的復雜頁面，這些頁面可以被網上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。神奇嗎?一點都不神奇,因為現在你看到的就是這種語言寫的頁面.哈哈.
也許你聽說過許多可以編輯網頁的軟件,事實上,你不需要用任何專門的軟件來建立HTML頁面；你所需要的只是一個文字處理器（如McrosoftWord\記事本\寫字板等等）以及HTML的工作常識。其實你很快就會發現,基礎的HTML語言簡直容易死了。
HTML只不過是組合成一個文本文件的一系列標簽。它們很樂隊的指揮,告訴樂手們哪里需要停頓,哪里需要激昂.
HTML標簽通常是英文詞匯的全稱（如塊引用:blockquote）或縮略語（如“p”代表Paragragh），但它們的與一般文本有區別，因為它們放在單書名號里。故Paragragh標簽是<p>,塊引用標簽是<blockquote>。有些標簽說明頁面如何被格式化（例如，<p>開始一個新段落），其他則說明這些詞如何顯示(<b>使文字變粗)還有一些其他標簽提供在頁面上不顯示的信息－－例如標題。
關于標簽，需要記住的是，它們是成雙出現的。每當使用一個標簽－－如<blockquote>,則必須以另一個標簽</blockquote>將它關閉。注意“blockquote”前的斜杠，那就是關閉標簽與打開標簽的區別。 但是也有一些標簽例外。比如，<input>標簽就不需要。
基本HTML頁面以<html>標簽開始，以</html>結束。在它們之間，整個頁面有兩部分－－標題和正文。
標題詞－－夾在<head>和</head>標簽之間－－這個詞語在打開頁面時出現在屏幕底部最小化的窗口。正文則夾在<body>和</body>之間－－即所有頁面的內容所在。頁面上顯示的任何東西都包含在這兩個標簽之中。
那么讓我們建立一個簡單的范例吧，非常容易的。第一步，當然是要建立一個新的文本文件（記住，如果你在使用比較復雜的文字處理器，就應該用“純文本”或“普通文本”來保存），將它命名為“xxxx.html”。(隨便你起一個什么名字,但記住,要用英文)
然后你可以用瀏覽器將它打開，你會看見最簡單的自己做的頁面。
1.html的基本語法
1.1 html語言：
HTML是“HyperText Mark-up Language（超文本標記語言）”的縮寫。表示網頁信息的符號標記語言。
可以設置文本的格式，如標題，字號文本顏色，段落等。也可以創建列表，插入圖像和媒體，建立表格，建立超鏈接，實現頁面跳轉。
1.2 html的標簽和屬性：
標簽的語法格式：所有標簽都是由一對尖括號和標簽名構成，并分為開始標簽和結束標簽。屬性用于控制內容如何顯示。
<標簽名稱 屬性=“屬性值” 屬性=“屬性值” ......>...</標簽名稱>
1
1
1.3 文檔注釋：
<!--要注釋的內容-->
1
1
1.4代碼格式：
空格鍵和回車鍵在網頁中不起任何作用，只是為了讓代碼清晰可讀，縮進時以tab進行縮進。
2.html的基本結構
2.1 基本結構：
整個html文件可以分為兩層，一層是外層，由<html>和</html>標簽對來標識；另外一層是內層，用于實現html文件的具體功能。根據實現功能的不同，又可以將內層細分為兩個區域，即頭部區域和主體區域。<head></head>標簽和<body></body>標簽。
它的基本結構如下：
在這里插入圖片描述
2.2 頁面的頭部標簽：
頁面的頭部標簽是指由<head></head>標簽所包含的部分，主要用于設置當前網頁的頁面標題，字符集，關鍵字，描述信息等內容，一般頭部的內容都不會在網頁上直接顯示。
常用的頭部標簽：<title>,<meta>
<title>標題內容</title>,顯示在瀏覽器窗口的左上邊。
在這里插入圖片描述
2.3 頁面的主體標簽：
<body>標簽封裝了頁面的主體內容，使用<body>標簽，還可以設置頁面背景，頁面文字顏色，頁邊距等頁面屬性。
2.3.1 設置網頁正文顏色和背景顏色：
基本語法：<body bgcolor="顏色值" text="顏色值">
![在這里插入圖片描述](https://img-blog.csdnimg.cn/20181106141859117.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4Njg0NTA0,size_16,color_FFFFFF,t_70結果：
2.3.2 添加網頁背景圖片：
基本語法：<body background="背景圖片的URL" >
2.3.3 設置網頁鏈接文字顏色：
基本語法：<body link="顏色值" vlink="顏色值" alink="顏色值">
在這里插入圖片描述
2.3.4 設置網頁邊距：
基本語法：
<body leftmargin="邊距值" rightmargin
他的開始標簽就是<html></HTML>。
這個標簽包含了網頁里面的所有內容。
瀏覽器能夠自動識別其中的內容，進行顯示。