HTML5入門——網頁設計其實並不難

網頁設計 HTML HTML5 標記語言 何如在人間 2017-05-11

什麼是HTML

HTML是Hyper Text Markup Language(超級文本標記語言)的縮寫,那麼什麼是超文本呢?問得好,超級文本是指一個頁面可以包含圖片、鏈接、甚至音頻、視頻、程序非文字元素。

HTML的發展

1995年11月 HTML2.0發佈

1997年1月 HTML3.2發佈

1997年12月 HTML4.0發佈

1999年12月 HTML4.01發佈

2014年10月 HTML5發佈

HTML標籤

首先,請看下圖中一個簡單的HTML例子:

HTML5入門——網頁設計其實並不難

  • <!DOCTYPE html>指明此頁面遵循的HTML5規範

  • <html></html>限定了頁面的開始點與結束點,其中規定本頁面的屬性

比如 lang="en"指明本頁面為英語頁面。

  • <head></head>為頭部標籤,用於定義頁面的頭部,並且它是所有頭部元素的容器。其中<meta charset="UTF-8">表示頁面的編碼是UTF-8。

  • <title></title>是頭部標籤的一個子元素,用於指定網頁的標題

    比如<title>何如在人間</title>效果如下

HTML5入門——網頁設計其實並不難

HTML5入門——網頁設計其實並不難

  • <body></body>用來定義頁面的主體

本文還將介紹的標籤有:

  • <h#></h#>標題標籤,#為阿拉伯數字1-6。它的效果如下圖:

HTML5入門——網頁設計其實並不難

HTML5入門——網頁設計其實並不難

標題1-6字體依次變小

  • <p></p>段落標籤,用於定義一個段落,效果如下:

HTML5入門——網頁設計其實並不難

HTML5入門——網頁設計其實並不難

段落標籤有一個換行的效果。

  • <br>換行標籤,用於換行,效果如下:

HTML5入門——網頁設計其實並不難

HTML5入門——網頁設計其實並不難

  • <u></u>下劃線標籤

  • <s></s>刪除線標籤

  • <sup></sup>上標標籤

  • <sub></sub>下標標籤

  • <b></b>加粗標籤

  • <i></i>傾斜標籤

上述這幾個標籤的效果如下圖:

HTML5入門——網頁設計其實並不難

HTML5入門——網頁設計其實並不難

這篇文章到此處就結束了,感謝大家看我這邊拙劣的文章,喜歡請關注我喲,本頭條號以後會發表C++,Java,Android等方面的文章,希望你們能夠喜歡,明天見。

相關推薦

推薦中...