web-2. HTML的顶级标记
2. HTML的顶级标记
本节课要学习的主要是:HTML版本信息与文档标记;头部标记、主体标记的概念;头部标记与主体内容的多种设置。
2.1 版本信息与文档标记
<html version="http://www.w3.org/tr/re-html40/strict.dtd" lang="en">
<head>
<title>顶级标记实例</title>
</head>
<body bgcolor = "black" text="white">
<p align = center>
<img src="./connect.jpg"><br>
<font face="宋体" size=6 align=center>
咏鹅
</font><br>
<font face="宋体" size=4 align=center>
骆宾王
</font><br>
<font face="宋体" size=4 align=center>
鹅,鹅,鹅,曲项向天歌。
</font><br>
<font face="宋体" size=4 align=center>
白毛浮绿水,红掌拨清波。
</font><br>
</p>
</body>
</html>
注:<br>的作用是换行。
version="http://www.w3.org/tr/re-html40/strict.dtd"表示当前的文本的版本的参照
lang="en"表示文件的定义,基础的语言是英语(即en)。
2.2 头部标记
- <head>:
包含有HTML文档的标题信息,如标题、关键字、说明以及样式等。一般而言,位于头部的内容不会直接显示在浏览器中,而是通过其他的方式显示,例如标题显示在标题栏中,作者的信息不显示等。
- <title>:
设置页面的HTML标题,显示在浏览器的顶部的左上角,一般不超过30个字。
- <script>:
脚本标记,用来包含脚本语言。通常的脚本标题有JavaScript和VBScript两种。脚本语言使得页面更加生动,并且能在客户端响应一定的事件,从而使得页面具有良好的交互性。
可以使用多次。
<html >
<head>
<script language = "JavaScript">
document.write("让我们努力学习")
</script>
</head>
</html>
- <meta>:<meta name=”” content=””> 该标记没有结束标志
元数据标记,定义页面中的相关信息,如文档关键字、描述以及作者信息。可以使用多次。
<html>
<head>
<title>JavaScript</title>
<meta name=”keywords”content=”计算机编程,语言,网页”>
</head>
<body>
</body>
</html>
关键字之间要用逗号隔开。关键字的设置不适宜过多,应当简练,并且能够表现出页面的特色。
2.3 主体标记
<body>和</body>之间的就是我们整个页面的主体部分。
<body bgcolor = "black" text="white">的作用是设置背景色为黑色,文字颜色为白色。
background属性:
用来设置页面背景的图片。如果背景图片和页面大小不等,背景图片会在页面上重复排列,知道充满页面为止。