3. 标签的内容和属性
3.1 标签的内容
标签的内容写在头标签和尾标签之间， 代表这段内容由特定的标签修饰。
<p>这是一段话 <!-- 这段为p标签的内容 --></p>代码块123
Tips：单标签没有内容，因为它没有尾标签，通常我们指的是双标签之间的内容。
3.2 标签的属性
标签的属性，如果是标签为双标签，则属性写在头标签中（头标签的<>内）， 如果是单标签，则写在标签的<>内。
<a href='https://www.baidu.com'>百度</a> <!-- 双标签的属性写在头标签的<>内 --><img src='https://www.imooc.com/static/img/index/logo.png' alt='慕课logo'> <! -- 单标签的属性写在标签的<>内 -->代码块12
总结：标签的属性有三部分构成，属性名，等号，属性值，等号左边的为属性名，等号右边的为属性值，属性值必须由引号引起来，单引号和双引号都可以。标签的属性用来给标签添加属性，让标签有特点的作用。
4. HTML 标签的关系
4.1 嵌套关系
一组标签写在另外一组标签之间，充当了另外一组标签的内容。例如：
<div><p>我是一个p标签</p></div>代码块12345
标签与标签之间是可以嵌套的，但先后顺序必须保持一致。
4.2 并列关系
一组标签和另外一组标签平级，没有任何的嵌套关系。例如：
<div>我是一个div标签</div><p>我是一个p标签</p>代码块123456
Tips：HTML 标签只有两种关系，要么是嵌套关系，要么是并列关系。
5. 标签的注意事项
HTML标签不区分大小写，<p> 和 <P> 是一样的，但建议小写，因为大部分程序员都以小写为准。
6. 小结
HTML 文件都由不同的标签构成的。
<!DOCTYPE HTML><HTML lang="en"><head><title>HTML基本语法</title></head><body><p>这是一段话</p><h1>我是一个大标题</h1><a href="https://www.baidu.com">百度</a></body></HTML>代码块1234567891011
标签分为双标签和单标签。
<!-- img标签为单标签，没有尾标签和内容 --><img src='https://www.imooc.com/static/img/index/logo.png' alt='慕课logo'><!-- p标签为双标签，有尾标签和内容 --><p>这是一段话</p>代码块12345
双标签都是成对出现的。
<!-- p标签为双标签，有尾标签， 尾标签多一个/ --><p>这是一段话</p>代码块12
双标签具有内容和属性。
<!-- a标签为双标签， href为标签属性， 百度为标签的内容 --><a href='https://www.baidu.com'>百度</a>代码块12
单标签只有属性，没有内容。
<!-- img标签为单标签， src和alt都为属性，单标签没有内容 --><img src='https://www.imooc.com/static/img/index/logo.png' alt='慕课logo'>代码块12
标签有且仅有嵌套和并列关系。
<!DOCTYPE HTML><!-- head标签和body标签为并列关系， head和HTML、body和HTML均为嵌套关系 --><HTML lang="en"><head><title>HTML基本语法</title></head><body></body></HTML>代码块123456789
HTML 文件基本结构
HTML 文件和普通文本文件不一样的地方还在于，我们如果想在 HTML 文件当中编写网页的内容，我们不仅要遵循 HTML 的语法，我们还必须按照 HTML 文件的结构来编写我们的代码，只有我们按照规定的结构来编写代码，才能达到我们想要的效果。
1. HTML 结构代码展示
<!DOCTYPE HTML> <!-- HTML5标准网页声明 --><HTML> <!-- HTML为根标签，代表整个网页 --><head> <!-- head为头部标签，一般用来描述文档的各种属性和信息， 包括标题等--><meta charset="UTF-8"> <!-- 设置字符集为utf-8 --><title>my HTML</title> <!-- 设置浏览器的标题 --></head><!-- 网页所有的内容都写在body标签内 --><body>我的第一个HTML网页</body></HTML>代码块1234567891011121314
Tips：<!-- -->为HTML文件的注释， 注释的内容写在 <!-- --> 内，但不会在页面中显示。
2. HTML 文件结构详解
<!DOCTYPE HTML> 标签：
为文档类型声明，表示该文件为 HTML5 文件。<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <HTML>标签之前。
<HTML></HTML>标签对：
<HTML> 标签位于 HTML 文档的最前面，用来标识 HTML 文档的开始；</HTML> 标签位于 HTML 文档的最后面，用来标识 HTML 文档的结束；这两个标签对成对存在，中间的部分是文档的头部和主题。
<head></head> 标签对：
标签包含有关 HTML 文档的信息，可以包含一些辅助性标签。如 <title></title> ，<link /><meta /> ， <style></style> ， <script></script> 等，但是浏览器除了会在标题栏显示 <title> 元素的内容外，不会向用户显示 head 元素内的其他任何内容。
<body></body> 标签对：
它是 HTML 文档的主体部分，在这个标签中可以包含 <p><h1><br> 等众多标签，<body> 标签出现在 </head> 标签之后，且必须在闭标签 </HTML> 之前闭合。
3. 小结
HTML文件必须按照规定结构来熟悉；
<!DOCTYPE HTML> 代表 HTML5 标准网页声明；
HTML 标签代表网页根标签；
head 代表头部标签，一般用来放描述文档的各种属性和信息；
meta 标签用来设置当前文件的编码集；
title 标签用来设置网页的标题；
body 用来放网页的主体内容。
代码展示：
<!DOCTYPE HTML> <!-- HTML5标准网页声明，放在HTML文件的最顶部 --><HTML> <!-- HTML为根标签，代表整个网页 --><head> <!-- head为头部标签，一般用来描述文档的各种属性和信息， 包括标题等--><meta charset="UTF-8"> <!-- 设置字符集为utf-8 --><title>my HTML</title> <!-- 设置浏览器的标题 --></head><!-- 网页所有的内容都写在body标签内 --><body>我的第一个HTML网页</body></HTML>代码块1234567891011
认识 title 标签
当我们打开一个网站时，每个网站都会有自己的专属标题。比如百度的标题为“百度一下，你就知道”，淘宝的标题为“淘宝网 - 淘宝!我喜欢”。
那么我们怎么样设置自己网站的专属标题呢？我们就需要用到 title 标签了。
1. title 标签的作用
在 HTML 的 head 标签内被用来定义页面文档的标题。标题标签的好坏，在搜索引擎的排名中占有不小的比重。
好的关键词排名网站，一般是这个网页或网站的标题标签（Title Tag）中包含着搜索关键词。所以，要让自己网页或网站排到搜索结果的前列，网页的标题标签（Title Tag）就要好好写写。
在网页中，标题更是为您提供了一个合理使用重要关键词的好机会。更重要的是，搜索引擎爬虫还会考虑标题标签中的文字是否与其正文内容相符。
title 标签主要的作用有两点，一是告诉访客该篇文章的主题是什么，网站的 title 标签则告诉该网站的主题是什么。二就是给搜索引擎索引，告诉搜索引擎蜘蛛该篇文章是以什么内容为主题。
综合来说，无论对于普通访客还是搜索引擎的蜘蛛， title 标签都是起到索引指路的作用，人们对你网站或文章是否有兴趣很大程度也要看你的 title 标签描述效果。而且对于搜索引擎来说会根据此标签将你的网站或文章合理归类，所以对于搜索引擎来说，title 标签起到了很大的作用。
本文地址：百科问答频道 https://www.neebe.cn/wenda/903174_2.html，易企推百科一个免费的知识分享平台，本站部分文章来网络分享，本着互联网分享的精神，如有涉及到您的权益，请联系我们删除，谢谢！
相关阅读
![html5教程，零基础html5自学教程](https://www.neebe.cn/uploadfile/"resources\image\1.jpg")
![href是什么意思，HTML中src与href的区别](https://www.neebe.cn/uploadfile/"img/girl.jpg"></p)
