首页 > Web开发 > 详细

HTML的基本结构

时间:2019-08-01 17:31:55      阅读:89      评论:0      收藏:0      [点我收藏+]

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>

 运行结果:

 技术分享图片

HTML的基本结构

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!