HTML新手入門(1) html
——編譯器下載及基礎框架vue
做爲新手,聽取大佬的建議,用HBuilder進行編譯。json
下載地址:www.dcloud.io/小程序
進入到首頁左上角有一個以下圖標。markdown
(這裏簡單介紹一下HBuilder與HBuilderX的區別)app
HBuilderX簡稱HX。框架
HX的優點:工具
接下來介紹一下HTML的基礎框架:以下圖:性能
<!DOCTYPE html> 聲明爲 HTML5 文檔。開發工具
<html> 元素是 HTML 頁面的根元素。
<head> 元素包含了文檔的元(meta)數據,如 <meta charset="utf-8"> 定義網頁編碼格式爲 utf-8。
<title> 元素描述了文檔的標題。
<body> 元素包含了可見的頁面內容。
<h1> 元素定義一個大標題。
<p> 元素定義一個段落。
運行結果以下圖:
注:而<html>與</html>是開始標籤和結束標籤。(對於其餘的標籤也同樣!)
關於<!DOCTYPE>是不區分大小寫的,後面所跟的html也可爲HTML、Html、htML等等。
<!DOCTYPE>的一般聲明有:<!DOCTYPE html> //HTML5
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> //HTML 4.01
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> //XHTML 1.0
關於<title>是網頁上端的標題即: