1.<html>内容</html>
解释:HTML文档的文档标记,也称为HTML开始标记。
功能:这对标记分别位于网页的最前端和最后端,<html>在最前端表示网页的开始,</html>在最后端表示网页的结束。
2.<head>内容</head>
解释:HTML文件头标记,也称为HTML头信息开始标记
功能:用来包含文件的基本信息,比如网页的标题、关键词,在<head></head>内可以放<title></title>、<meta></meta>、<style></style>等等标记。
注意:在<head></head>标记内的内容不会在浏览器中显示
3.<title>内容</title>
解释:HTML文件标题标记
功能:网页的“主题”,显示在浏览器的窗口的左上边
注意:网页的标题不能太长,要短小精悍,能具体反应页面的内容,<title></title>标记中不能包含其他标记
4.<body>内容</body>
解释:HTML文档的主体标记
功能:<body>...</body>是网页的主体部分,在此标记之间可以包含如<p></p>、<h1></h1>、<br>、<hr>等等标记,正是由这些内容组成了我们所看见的网页。
body标记的常见属性:
bgcolor 设置背景颜色
<body bgcolor="red"></body>
text 设置文本颜色
<body text="green"></body>
link 设置连接颜色
<body link="blue"></body>
vlink 设置已经访问了的连接颜色
<body vlink="yellow"></body>
alink 设置正在被点击的连接颜色
<body alink="red"></body>
5.<meta>内容</meta>
解释:页面的元信息(meta-information)
功能:提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
必须的属性:content 值:some_text 定义name属性相关的元信息
常见的属性:name属性(包括author、keywords、description、others) 把content属性关联到一个名称,比如描绘出网页的关键词:
<meta name="keywords" content="南邮,北邮">
注意:meta标记必须放在head元素里面。
6.举例说明
示例代码:
1 <html> 2 <head> 3 <title>这是第二节课</title> 4 <meta charset="UTF-8"> 5 <meta name="keywords" content="南邮、北邮"> 6 </head> 7 <!--<body bgcolor="green" text="blue">--> 8 <body link="green" vlink="pink" alink="black"> 9 <h1>这是一个内容的标题</h1> 10 <a href="http://www.cnblogs.com">博客</a> 11 <a href="http://www.google.com">谷歌</a> 12 <a href="http://www.study.163.com">网易云课堂</a> 13 </body> 14 </html>
运行结果: