HTML的基本结构

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>

 运行结果:

 

原文地址:https://www.cnblogs.com/muzidaitou/p/11283590.html