一文帶你了解超文本標記語言 超文本標記語言名詞解釋


一文帶你了解超文本標記語言 超文本標記語言名詞解釋

文章插圖
第一節 什么是HTML超文本標記語言
我們上網需要瀏覽器,瀏覽器的作用就是把服務器返回的源代碼,翻譯成我們可視的生動的頁面 。它的作用是和VBA代碼一樣的,就要要把各種邏輯關系用代碼的形式表現出來 。服務器返回返回的源代碼是什么語言呢,就是通常所說的,超文本標記語言 。超文本標記語言(英語:HyperText Markup Language,簡稱:HTML)是一種用于創建網頁的標準標記語言 。您可以使用 HTML 來建立自己的 WEB 站點,HTML 運行在瀏覽器上,由瀏覽器來解析 。
1 超文本標記語言的作用
什么是標記語言呢?顧名思義,它只能用于展示,展示我們所看到的網頁頁面 。不是編程語言 。為啥叫超文本呢,大家仔細看,這堆源代碼有什么特征呢,就是有很多<…>這樣的文本,一般而言,我們把<…>叫做標簽 。我們先看看下面一段的源碼:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
【一文帶你了解超文本標記語言 超文本標記語言名詞解釋】 <head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<meta http-equiv=”Cache-Control” content=”no-siteapp” />
<title>小游戲,4399小游戲,小游戲大全,雙人小游戲大全 – www.4399.com</title>
<meta name=”description” content=”4399小游戲大全包含洛克王國,賽爾號,4399洛克王國,連連看 ,連連看小游戲大全,雙人小游戲大全,H5在線小游戲,4399賽爾號,4399奧拉星,4399奧比島,4399彈彈堂,4399單人小游戲,奧比島小游戲,造夢西游5等最新小游戲 。” />
<meta name=”keywords” content=”小游戲,4399小游戲,在線小游戲,雙人小游戲,小游戲大全,雙人小游戲大全” />
<meta property=”og:type” content=”image”/>
<meta property=”og:image” content=”http://imga1.5054399.com/upload_pic/2015/7/10/4399_11174921955.jpg” />
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />
<meta property=”qc:admins” content=”5303563577643116375″ />
<meta property=”wb:webmaster” content=”9a9751c8cd36bccb” />
<link rel=”alternate” media=”only screen and(max-width: 640px)” href=http://www.siweifengbao.com/”http://h.4399.com/”/>
<meta http-equiv=”Cache-Control” content=”no-transform ” />
截圖:

一文帶你了解超文本標記語言 超文本標記語言名詞解釋

文章插圖
網頁截圖:

一文帶你了解超文本標記語言 超文本標記語言名詞解釋

文章插圖
瀏覽器正是把上面的代碼翻譯成了我們上面的網頁 。
2 超文本標記語言的基本特征
超文本語言中的標簽都是成對出現的,這也是這種語言的特征 。例如:“<title>小游戲,4399小游戲,小游戲大全,雙人小游戲大全 – www.4399.com</title>” 。

一文帶你了解超文本標記語言 超文本標記語言名詞解釋

文章插圖
第一個<title>叫做開始標簽,第二個</title>多帶了個/叫結束標簽 。標簽之間就是網頁的文本,例如這個例子,就是我們網頁標題的文本“小游戲,4399小游戲,小游戲大全,雙人小游戲大全 – www.4399.com” 。所以,標簽的作用就是,給文本打上標記,告訴瀏覽器,怎么顯示這個文本 。例如本例,要求瀏覽器把“小游戲,4399小游戲,小游戲大全,雙人小游戲大全 – www.4399.com”顯示成網頁的標題 。HTML文檔=文本+標簽,這就是所謂超文本 。
3 超文本標記語言的一個簡單實例
在上面我講了什么是HTML語言,及其特征,下面我們通過一個實例進一步認識他:
<html>
<body>
<h1>學習VBA語言</h1>
<p>為了更好的掌握VBA的各個知識點,您可以參考我的第一套教程:VBA代碼解決方案</p>
</body>
</html>
我們把上面的幾行代碼錄入到記事本中,保存成.html文件 。HTML基礎學習.HTML

一文帶你了解超文本標記語言 超文本標記語言名詞解釋

文章插圖
然后正常雙擊大家這個文件,就會是一個瀏覽器文件了:

一文帶你了解超文本標記語言 超文本標記語言名詞解釋

文章插圖
本節知識點回向:
什么是HTML語言?特征是什么?

    推薦閱讀