HTML新手入門(1)

 

HTML新手入門(1) html

                                                           ——編譯器下載及基礎框架vue

做爲新手,聽取大佬的建議,用HBuilder進行編譯。json

下載地址:www.dcloud.io/小程序

 

 進入到首頁左上角有一個以下圖標。markdown

(這裏簡單介紹一下HBuilder與HBuilderX的區別)app

HBuilderX簡稱HX。框架

HX的優點:工具

  1. HX性能更強,啓動速度、大文檔打開速度、代碼提示速度均極爲流暢。
  2. HX的VUE語法提示、ES6語法提示支持更強大,應該是最強悍的vue提示工具。
  3. HX有內置終端,對於現代編譯型語言的開發提供更強的支持。
  4. HX支持uni-app、小程序開發、快應用開發。
  5. HX的markdown、json方面秒殺其餘開發工具。
  6. 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>是網頁上端的標題即:

相關文章
相關標籤/搜索