珠峰培训

html的基本结构

作者:fandonglai

2016-09-07 18:12:28

4001

珠峰培训CSS从入门到精通视频下载地址:https://pan.baidu.com/s/1gfB0fM7

珠峰JavaScript免费课视频下载地址:https://pan.baidu.com/s/1eRV4C2Q

html的基本结构

HTML的结构如下:

    <html>   
<head></head>
<body></body>
</html>

下面对结构进行一一说明:
html:定义整个HTML文件
head:定义HTML文件的头部信息
body:定义HTML的内容信息
以上的这几对标签在文档中都是唯一的,head 标签和 body 标签是嵌套在 HTML 标签中的。

大家一定要注意,我们在写代码时,符号一律用英文状态下的,代码不区分大小写,但是通常用小写

    <!--html表示该文档是以超文本标识语言(HTML)编写的-->
<html>
<!--head是HTML文档的头部标签,在浏览器窗口中,头部信息是不被显示在正文中的,在此标签中可以插入其它标签-->
<!--用以说明文件的标题和整个文件的一些公共属性。若不需头部信息则可省略此标记,良好的习惯是不省略。-->
<!--head部分主要定义网页的头部信息,头部的信息部分的内容虽然不会显示在页面中,但会影响网页的全局设置。-->
<head>

<!--title网站的标题,title包含的内容将会被显示在浏览器窗口的标题栏中。给自己的网页起一个合适的名字-->
<title>珠峰培训</title>

<!--meta元素提供的信息是用户看不见的,在网页中会有所体现,只是提供给那些搜索引擎使用。-->
<!--定义关键字:keywords;定义关键字的内容:content -->
<meta name="keywords" content="html,css,javascript">

<!-- link:指定当前文档和其他文档之间的联系关系 -->
<!-- rel说明两个文档之间的关系 href说明目标文档名。 例如:引入css文件-->
<!--以下为引入一个css文件-->
<link rel="stylesheet" href="style.css">

<style>
/*这里可以写css代码*/
</style>

<!--script:在页面中加入js代码-->
<script>
//这里可以写js代码
</script>
</head>
<body>
<!--标记一般不省略,标签之间的文本是正文,是在浏览器要显示的页面内容。-->
</body>
</html>

HTML的结构说明:

其中我们来看看头部信息的描述:
1)HTML头部head信息设置
head中主要包括以下几个标签:

  • <title>: 文档标题
  • <meta>: 描述非html标准的一些文档信息
  • <link>: 描述当前文档与其他文档之间的连接关系

2)属性说明:

    <!--  link:指定当前文档和其他文档之间的联系关系, -->
<link rel="描述" href="URL地址">

<!-- rel说明两个文档之间的关系 href说明目标文档名。 例如:引入css文件-->
<link rel="stylesheet" href="style.css">

<!--script:在页面中加入js代码-->
<script>…………</script>