分享完html語言的核心之后，是時候開始寫了。理論上，只要符合格式要求，就算是用記事本也可以寫。但是，這種蛋疼且生產力低下的行為還是少做的好，選一個適合自己的IDE才是上上之選，至於哪個合適自己，那就要自己去試試看了，我這里使用的是HBuilder。
使用IDE新建的html文檔會自動把基本格式補全，但是本着學習的心態，還是要知道具體的格式是什么的。
首先，標准的html5文檔的格式如下：
<!DOCTYPE html> //文檔類型聲明,不區分大小寫，主要是告訴瀏覽器當前的文檔類型 <html> //表示html文檔開始 <head> //包含文檔元數據開始 <meta charset="UTF-8"> //聲明字符編碼 <title></title> //設置文檔標題 </head> //包含文檔元數據接受 <body> //表示html內容部分開始，也就是可見部分 </body> //表示html內容部分結束 </html> //表示html文檔結束
1.Doctype，文檔類型聲明
文檔類型聲明（Document Type Declaration，也稱 Doctype）。它主要告訴瀏覽器 所查看的文件類型。在以往的 HTML4.01 和 XHTML1.0 中，它表示具體的 HTML 版本和風格。 而如今 HTML5 不需要表示版本和風格了。
<!DOCTYPE html>
當然，這里的解釋是官方說法，而以我個人理解，這其實類似於腳本語言開頭部分解釋器聲明。
#! /usr/bin/env python //python的聲明 #! /usr/bin/env bash //bash的聲明
如果你看了我之前的文章，你會發現我對於html語言的理解是將其當作腳本語言來理解，沒辦法，我是先學的python和shell，兩者都是腳本語言，所以我也深受其思維的影響。
2.html元素
首先，元素就是標簽的意思，html 元素即html 標簽。html 元素是文檔開始和結尾的元素。它是一個雙標簽，頭尾呼應，包含內容。這個元素有一個屬性和值：lang="zh-cn"， 表示文檔采用語言為：簡體中文。
<html lang="zh-cn"> //如果是英文則為 en
上面是非常官方的解釋，這里補充一點，這里就算不設置任何東西，也不會影響你在頁面中使用中文。
3.head元素
用來包含元數據內容，元數據包括：<link>、<meta>、<noscript>、<script>、 <style>、<title>。這些內容用來瀏覽器提供信息，比如 link 提供 CSS 信息，script 提供 JavaScript 信息，title 提供頁面標題等。
<head>...</head> //這些信息在頁面不可見
4.meta 元素
這個元素用來提供關於文檔的信息，起始結構有一個屬性為：charset="utf8"。表示 告訴瀏覽器頁面采用的什么編碼，一般來說我們就用 utf8。當然，文件保存的時候也是 utf8，而瀏覽器也設置 utf8 即可正確顯示中文。
<meta charset="utf-8"> //除了設置編碼，還有別的
5.title 元素
這個元素很簡單，顧名思義：設置瀏覽器左上角的標題。
<title>標題</title>
6.什么是元素
元素就是一組告訴瀏覽器如何處理一些內容的標簽。每個元素都有一個關鍵字，比如 <body>、<title>、<meta>都是元素。不同的標簽名稱代表不同的意義，后面將會涉及到段落標簽、文本標簽、鏈接標簽、圖片標簽等。元素一般分為兩種：單標簽（空元素）和雙標簽。單標簽一般用於聲明或者插入某個元素，比如聲明字符編碼就用<meta>，插入圖片就用<img>；雙標簽一般用於設置一段區域的內容，將其包含起來，比如段落<p>...</p>。
7.什么是屬性和屬性值
元素除了有單雙之分，元素的內部還可以設置屬性和值。這些屬性值用來改變元素某些 方面的行為。比如超鏈接：<a>中的 href 屬性，里面替換網址即可鏈接到不同的網站。當然一個元素里面可以設置多個屬性，甚至自定義屬性。
這里要專門再解釋的地方不多，所以多數都是引用別人的內容。