POST 其实很简单 17 HTML 简单入门 1：网页的基本结构

要进行 post 抓包必然少不了跟 html 页面打交道。

这节课开始我们要花几节课的时间来大致讲一点 html 的基础入门知识。请注意是大致的讲讲，为我们之后分析网页源码做准备的，所以不会讲的特别细致。学完这几课，你可能无法自己写出一个精美的 html 页面，但是对于之后我们分析网页源码来说，应该是足够了。

如果你是前端开发牛人的话，那这几节课你可以跳过了。

我们重点讲两个问题：

**1. 要怎么查看网页源码？**

方法有很多，在网页上右键，选择 “查看源文件” 或 “查看源码”（不同浏览器可能不一样），以搜狗浏览器为例，叫做查看源文件，而在搜狗浏览器中也可以通过在原有网址前面加上 “view-source:” 来访问实现查看源码。如图为一个小学生作文网站的源码：

![post17-1.jpg](http://static.fox-9.com/uploads/2021/08/15/post17-1.jpg!webp)

我们重点讲两个问题：

**2. 一个最简单的 html 网页的结构是怎样的？**

网页由标签组成，`<? &>*</?>`，问号部分是标签的名字，标签一般成对出现，个别标签可能单个出现，但通常都少不了 `/` 这个符号的闭合。`&` 符号部分可能有可能没有，会罗列这个标签的一些属性。`*` 星号部分是标签包含的内容，这些内容在这个标签和这些属性下面生效起作用。以下是一个最简单的网页源码：

```bash
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset=gb2312" />
</head>
<body>
内容
</body>
</html>
```

**课后作业：**

自己找一些网页，查看它的源代码，再对比一下前台展示出来的页面，你有什么发现？

**我相信，你一定会爱上它的！**

以下是我们的视频教程：

**在线观看：**

<div class="hideContent">该部分仅登录用户可见</div>

**高清源文件下载：**

<div class="hideContent">该部分仅登录用户可见</div>

感谢大家的收看，我们下期再见！

最后修改：2021 年 08 月 15 日