整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML 之簡介

          TML 實例

          <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鳥教程(runoob.com)</title></head><body><h1>我的第一個標題</h1><p>我的第一個段落。</p></body></html>

          實例解析

          • DOCTYPE 聲明了文檔類型

          • 位于標簽 <html> 與 </html> 描述了文檔類型

          • 位于標簽 <body> 與 </body> 為可視化網頁內容

          • 位于標簽 <h1> 與 </h1> 作為一個標題使用

          • 位于標簽 <p> 與 </p> 作為一個段落顯示

          <!DOCTYPE html> 在HTML5中也是描述了文檔類型。

          什么是HTML?

          HTML 是用來描述網頁的一種語言。

          • HTML 指的是超文本標記語言: HyperText Markup Language

          • HTML 不是一種編程語言,而是一種標記語言

          • 標記語言是一套標記標簽 (markup tag)

          • HTML 使用標記標簽來描述網頁

          • HTML 文檔包含了HTML 標簽文本內容

          • HTML文檔也叫做 web 頁面

          HTML 標簽

          HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。

          • HTML 標簽是由尖括號包圍的關鍵詞,比如 <html>

          • HTML 標簽通常是成對出現的,比如 <b> 和 </b>

          • 標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽

          • 開始和結束標簽也被稱為開放標簽和閉合標簽

          <標簽>內容</標簽>

          HTML 元素

          "HTML 標簽" 和 "HTML 元素" 通常都是描述同樣的意思.

          但是嚴格來講, 一個 HTML 元素包含了開始標簽與結束標簽,如下實例:

          HTML 元素:

          <p>這是一個段落。</p>

          Web 瀏覽器

          Web瀏覽器(如谷歌瀏覽器,Internet Explorer,Firefox,Safari)是用于讀取HTML文件,并將其作為網頁顯示。

          瀏覽器并不是直接顯示的HTML標簽,但可以使用標簽來決定如何展現HTML頁面的內容給用戶:

          HTML 網頁結構

          下面是一個可視化的HTML頁面結構:

          <html>

          <head>

          <title>頁面標題</title>

          </head>

          <body>

          <h1>這是一個標題</h1>

          <p>這是一個段落。</p>

          <p>這是另外一個段落。</p>

          </body>

          </html>

          只有 <body> 區域 (白色部分) 才會在瀏覽器中顯示。

          HTML版本

          從初期的網絡誕生后,已經出現了許多HTML版本:

          版本發布時間
          HTML1991
          HTML+1993
          HTML 2.01995
          HTML 3.21997
          HTML 4.011999
          XHTML 1.02000
          HTML52012
          XHTML52013

          <!DOCTYPE> 聲明

          <!DOCTYPE>聲明有助于瀏覽器中正確顯示網頁。

          網絡上有很多不同的文件,如果能夠正確聲明HTML的版本,瀏覽器就能正確顯示網頁內容。

          doctype 聲明是不區分大小寫的,以下方式均可:

          <!DOCTYPE html>

          <!DOCTYPE HTML>

          <!doctype html>

          <!Doctype Html>

          通用聲明

          HTML5

          <!DOCTYPE html>

          HTML 4.01

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

          "http://www.w3.org/TR/html4/loose.dtd">

          XHTML 1.0

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

          查看完整網頁聲明類型 DOCTYPE 參考手冊。

          中文編碼

          目前在大部分瀏覽器中,直接輸出中文會出現中文亂碼的情況,這時候我們就需要在頭部將字符聲明為 UTF-8。

          HTML 實例

          <!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>頁面標題</title></head><body><h1>我的第一個標題</h1><p>我的第一個段落。</p></body></html>

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          TML 是用來描述網頁的一種語言。

          • HTML 指的是超文本標記語言 (Hyper Text Markup Language)
          • HTML 不是一種編程語言,而是一種標記語言 (markup language)
          • 標記語言是一套標記標簽 (markup tag)
          • HTML 使用標記標簽來描述網頁

          HTML 標簽

          HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。

          • HTML 標簽是由尖括號包圍的關鍵詞,比如 <html>
          • HTML 標簽通常是成對出現的,比如 <b> 和 </b>
          • 標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽
          • 開始和結束標簽也被稱為開放標簽閉合標簽

          HTML 文檔 = 網頁

          • HTML 文檔描述網頁
          • HTML 文檔包含 HTML 標簽和純文本
          • HTML 文檔也被稱為網頁

          Web 瀏覽器的作用是讀取 HTML 文檔,并以網頁的形式顯示出它們。瀏覽器不會顯示 HTML 標簽,而是使用標簽來解釋頁面的內容:

          <html>
          <body>
          <h1>我的第一個標題</h1>
          <p>我的第一個段落。</p>
          </body>
          </html>
          

          例子解釋

          • <html> 與 </html> 之間的文本描述網頁
          • <body> 與 </body> 之間的文本是可見的頁面內容
          • <h1> 與 </h1> 之間的文本被顯示為標題
          • <p> 與 </p> 之間的文本被顯示為段落

          TML的英語意思是:HypertextMarkupLanguage,即超文本標記語言,是一種用來制作超文本文檔的簡單標記語言。接下來將帶領讀者從語言、超文本、標記三部分進行理解HTML。下面和千鋒廣州小編一起來看看吧!

          ?1.語言

          HTML一種編程語言,有指定的語法規則。超文本傳輸協議規定了瀏覽器在運行HTML文檔時所遵循的規則和進行的操作。協議的制定使瀏覽器在運行超文本時有了統一的規則和標準。用HTML編寫的超文本文檔稱為HTML文檔,它能獨立于各種操作系統平臺,自1990年以來HTML就一直被用作WWW(是WorldWideWeb的縮寫,也可簡寫WEB、中文叫做萬維網)的信息表示語言,使用HTML語言描述的文件,需要通過WEB瀏覽器HTTP顯示出效果。

          2.超文本

          所謂超文本,是因為它可以加入圖片、聲音、動畫、影視等內容,事實上每一個HTML文檔都是一種靜態的網頁文件,這個文件里面包含了HTML指令代碼,這些指令代碼并不是一種程序語言,它只是一種排版網頁中資料顯示位置的標記結構語言,易學易懂,非常簡單。

          HTML的普遍應用就是通過單擊鼠標從一個主題跳轉到另一個主題,從一個頁面跳轉到另一個頁面與世界各地主機的文件鏈接。直接獲取相關的主題。如下所示:

          通過HTML可以通過圖片格式和文字格式的設計實現出豐富多彩的風格:

          文字

          通過HTML可以實現頁面之間的跳轉:

          通過HTML可以展現多媒體的效果:

          從上面我們可以看到HTML超文本文件時需要用到的一些標簽。

          3.標記

          對于剛剛接觸超文本的讀者,可能不能理解一些用“<”和“>”括起來的句子,它們稱為標記,也稱標簽,是用來劃分網頁的元素,以形成文本的布局、文字的格式及五彩繽紛的畫面。標簽通過指定某塊信息為段落或標題等來標識文檔某個部件。

          在HTML中每個用來作標簽的符號都是一條命令、它告訴瀏覽器如何顯示文本。這些標簽均由"<"和">"符號以及一個字符串組成。如、等。而瀏覽器的功能是對這些標記進行解釋,顯示出文字、圖像、動畫、播放聲音。這些標簽符號用“<標簽名字屬性>”來表示。標簽分為單標簽和雙標簽兩大類,具體介紹如下:

          單標簽指的是只存在一個標簽的寫法,如 、等。

          雙標簽指的是存在一對標簽的寫法,如、等。注意在雙標簽中第一個標簽叫做起始標簽,第二個標簽叫做結束標簽,結束標簽需要在左尖括號后添加一個關閉符“/”。

          HTML只是一個純文本文件。創建一個HTML文檔,需要HTML編輯器和WEB瀏覽器兩個工具。HTML編輯器是用于生成和保存HTML文檔的應用程序。WEB瀏覽器是用來打開WEB網頁文件,提供給我們查看WEB資源的客戶端程序。


          主站蜘蛛池模板: 中文字幕日韩丝袜一区| 亚洲一区二区三区乱码A| 国产丝袜美女一区二区三区| 爆乳熟妇一区二区三区霸乳| 免费高清av一区二区三区| 国内精品视频一区二区三区八戒| 久久久久99人妻一区二区三区| 色婷婷AV一区二区三区浪潮| 国产一区二区三区在线影院| 成人乱码一区二区三区av| 久久亚洲色一区二区三区| 精品国产日韩亚洲一区| 清纯唯美经典一区二区| 日韩人妻无码一区二区三区久久99 | 一区二区三区美女视频| 欲色影视天天一区二区三区色香欲| 美女免费视频一区二区| 一区二区三区伦理高清| 国产一区二区精品久久岳| 人妻少妇一区二区三区| 2022年亚洲午夜一区二区福利| 亚洲国产成人久久综合一区| 亚洲一区二区三区成人网站| 欧洲亚洲综合一区二区三区| 精品一区二区三区电影| 久久无码人妻精品一区二区三区 | 亚无码乱人伦一区二区| 国产福利一区视频| 国产一区二区三区内射高清| 极品人妻少妇一区二区三区| 天堂一区二区三区精品| 亚洲一区二区三区无码国产| 无码一区二区三区爆白浆| 国产日产久久高清欧美一区| 国产精品亚洲一区二区三区| 国产精品视频一区二区三区不卡 | 精品无码一区二区三区亚洲桃色| 伊人久久精品一区二区三区| 日本精品夜色视频一区二区| 国产精品视频一区二区三区无码| 2021国产精品视频一区|