o(●’◡’●)o小朋友你是否有很多问号？
经过一周的接触，我们已经对前端有了初步认识，而具体要如何完成一个自己想要的网页呢？首先就是标签，其次就是要了解浏览器是如果工作以及浏览器是如何解析我们的html文本的呢？？
一、什么是标签
1.标签的结构
2.标签的分类
3.html骨架
二、都有哪些常用的标签呢？
1.排版标签
<!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>Document</title>
</head>
<body>
<h1>我是一级标题</h1>
<h2>我是二级标题</h2>
<h3>我是三级标题</h3>
<h4>我是四级标题</h4>
<h5>我是五级标题</h5>
<p>我是段落标签我是段落标签看我换行<br>我是段落标签我是段落标签看我换行</p>
</body>
</html>
我是一级标题
我是二级标题
我是三级标题
我是四级标题
我是五级标题
我是段落标签我是段落标签看我换行
我是段落标签我是段落标签看我换行
换行
hr显示水平线 就像这样
2.文本格式化标签
列表
ul标签里面只能放li
<ul>
<li>我是无序列表</li>
</ul>
<ol>
<li>我是有序列表</li>
</ol>
表格
<table border="1">
<caption><strong>学生成绩单</strong></caption>
<tr>
<th>姓名</th>
<th>成绩</th>
<th>评语</th>
</tr>
<tr>
<td>张三</td>
<td>100</td>
<td>真棒</td>
</tr>
</table>
表单
input
button按钮
select下拉菜单
<select>
<option>解封</option>
<option>见面</option>
<option>回家</option>
</select>
textarea–文本域标签
placeholder–占位符 提示用户要输入的内容
3.语义化标签
无语义化标签
div
一行只能有一个（独占一行）
span
一行可以有多个
有语义的标签
4.媒体标签
图片
<img src="wozaixiangni.jpg" alt="iloveyoubaby">
alt表示替换文本
音频
视频
5.链接标签
超链接
<a href="https://www.jiefeng.com/">解封</a>
点击解封去到https://www.jiefeng.com/
三.浏览器
1.认识浏览器
2.渲染引擎
3.web标准
ovo这里引用一位大佬的博客ovo
总结
通过这一周的预习，我们学会了如何利用标签呈现我们想展示给受众的界面，如果通过代码实现元素的表达，也学会了浏览器是如何解析我们的代码的，总的来说，在学习前端的道路上越走越远啦！
下周再见~
