一 前記
你每天瀏覽的網頁，通過網絡看的新聞，看着淘寶京東的絢麗多彩的界面。是否想過這個問題，它是怎么實現的呢？有沒有搜過相關的知識呢？假如沒有，假如你是一位對事物好奇的主或者是做計算機相關東西的人。建議你搜一下，搜之后你就會發現，原來這背后還有那么多的精彩故事，其中，這個故事的主角就是HTML。自從計算機網絡蔓延開來之后，HTML直接承擔了計算機和人們交流的翻譯師角色。這也許就是HTML的最大價值吧。
二 概念
HTML的英文全稱是 Hypertext Marked Language，即超文本標記語言。使用HTML語言，將所需要表達的信息按某種規則寫成HTML文件，通過專用的瀏覽器來識別，並將這些HTML文件“翻譯”成可以識別的信息，即現在所見到的網頁。說的白話一些，就是你現在看到的網頁基本上都是使用HTML表達之后，使用瀏覽器顯示出來的。嚴格意義上來講，HTML 不是一種編程語言，而是一種標記語言 (markup language)
HTML是一種建立網頁文件的語言，通過標記式的指令(Tag)，將影像、聲音、圖片、文字動畫、影視等內容顯示出來。事實上，每一個HTML文檔都是一種靜態的網頁文件，這個文件里面包含了HTML指令代碼，這些指令代碼並不是一種程序語言，只是一種排版網頁中資料顯示位置的標記結構語言。每個html文件就是一個靜態網頁，通過單擊來來實現一個網頁到另一個網頁的跳轉。HTTP協議的制定使瀏覽器在運行超文本時有了統一的規則和標准。
因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。
三 基本語法
1 標題：HTML 標題（Heading）是通過 <h1> - <h6> 等標簽進行定義的。
實例：
<h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>
2 段落：HTML 段落是通過 <p> 標簽進行定義的。
實例：
<p>This is a paragraph.</p> <p>This is another paragraph.</p>
3 鏈接：HTML 鏈接是通過 <a> 標簽進行定義的。
實例：
<a href="http://www.w3school.com.cn">This is a link</a>
4 圖像：HTML 圖像是通過 <img> 標簽進行定義的。
實例：
<img src="w3school.jpg" width="104" height="142" />
四 例程
下面看一個最基本的html網頁實例:
1 <html> 2 <body> 3 4 <p>This is myhtml example .</p> 5 <p>First is index web .</p> 6 <a href="https://home.cnblogs.com/u/dylancao/"> 7 This is a link</a> 8 <p>Second is back ground test .</p> 9 <p style="background-color:green">This is a background test.</p> 10 <a href="https://home.cnblogs.com/u/dylancao/"> 11 This is my web </a> 12 </body> 13 </html>
運行后的網頁如下：
This is myhtml example .
First is index web .
Second is back ground test .
This is a background test.
可以看出：html主要有三大元素構成：
A <p> 元素：例程第4行
這個 <p> 元素定義了 HTML 文檔中的一個段落。
這個元素擁有一個開始標簽 <p>，以及一個結束標簽 </p>。
元素內容是：This is my first paragraph。
B <body> 元素：例程2行到12行
<body> 元素定義了 HTML 文檔的主體。
這個元素擁有一個開始標簽 <body>，以及一個結束標簽 </body>。
元素內容是另一個 HTML 元素（p 元素）。
C <html> 元素：例程第1到13行：
<html> 元素定義了整個 HTML 文檔。
這個元素擁有一個開始標簽 <html>，以及一個結束標簽 </html>。
元素內容是另一個 HTML 元素（body 元素）。
四 總結
我這里只是帶着你大致熟悉一下html的基本語法，至少能了解什么是html以及它的基本用法，想進一步學習的同學請看：https://www.w3school.com.cn/h.asp
五 參考文檔：
1 https://www.cnblogs.com/ultrazb/p/3771277.html 淺析html+css+javascript之間的關系與作用