一、元素由哪几个部分组成
<!DOCTYPE html>
<html>
<body>
<meta charset="utf-8">
<meta name="keywords" content="静夜思，诗词">
<meta name="Description" content="一往无前">
<h1>静夜思</h1>
<h2>李白</h2>
<p>床前明月光</p>
<p>疑似地上霜</p>
<p>举头望明月</p>
<p>低头思故乡</p>
</body>
</html>
1、<!DOCTYPE html>为文档声明，告诉浏览器网页时以HTML5版本编写的
2、meta标签
1）、自结束标签
2）、可以提供该网页相关信息
3）、charset=“utf-8”：中文的网页需要用到的声明编码，否则会出现乱码
4）、name=“keywords” content=“静夜思，诗词”：提供网页的关键字，关键字用，隔开
5）、name=“Description”：描述网页的信息
3、空格
直接在文本中输入空格，输入再多，也只显示一个空格，想要显示多个空格，就需要输入多个
二、认识元素属性
元素属性：
1）、放在开始标签上
2）、总是以名值对的形式出现的，值时通过双引号或者单引号包裹
3）、在元素中添加附加信息，方便我们找到它
4）、设置标签的内容展示
实例：
<！-- 链接的地址在herf属性中指定 -->
<a href="https://xdclass.net">小滴课堂</a>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>元素的属性</title>
<style>
.front{
color:red;
font-weight: 900;
}
</style>
</head>
<body>
<a href="https://xdclass.net">小滴课堂</a>
<p class="front">前端</p>
<p>后端</p>
<p>测试</p>
</body>
</html>
三、自结束标签和注释
1、自结束标签
<meta>：元素可提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。
（放在head内部）
<link>:用于连接外部的样式表，<link rel="stylesheet" href="链接地址">（放在head内部）
<hr>在文本中间加一根明显的横线
<img>src写图片地址，alt写图片信息，写了alt之后，如果图片地址错误，会出现图片加载失败标志。
<input>输入框
2、注释
1）、内容要简洁明了
2）、在实际工作中， 当代码复杂程度大时，便于结束说明代码含义
3）、注释暂时用不到的代码片段
4）、注释不能嵌套，否则网页会全然出-->
5）、养成在代码中注释的习惯，对自己，对同时都更加容易理解你的代码。
4、HTML中语义化标签
什么是语义化：
每个HTML元素都具有其具体的含义
网页标题：title
网页内容标题：h1~h6
段落：p
强调：strong
头部元素：header
导航元素：nav
主要内容：main
为什么需要语义化
代码结构：在页面没有css的情况下，也能够呈现出很好的内容结构
有利于SEO:标签确定关键字的权重，因此可以增加搜索相关权重，使网站在搜索结果中排名靠前。
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
