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://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
然后正常双击大家这个文件,就会是一个浏览器文件了: