本BLOG上原创文章未经本人许可，不得用于商业用途。转载请注明出处，否则保留追究法律责任的权利。

本文链接：https://blog.csdn.net/babybabyyu/article/details/108545914

01浏览器服务器、Http

浏览器请求数据的过程

打开浏览器 -> 输入url地址 -> 发送请求报文 -> 服务器处理浏览器请求 -> 服务器将处理结果返回给浏览器 -> 服务器发送响应报文 -> 浏览器接收响应报文解析返回的内容呈现给用户

服务端要学到：

--请求报文：请求行+请求头+空行+请求体

--响应报文：响应行+响应头+响应体

http:// url协议类型

127.0.0.1 服务器IP地址

：80 服务器端口号

Index.html 需要访问的资源名称

HTTP协议：

–是Hypertext Transfer Protoco的缩写，超文本传输协议。是用来规范浏览器和服务器之间如何沟通的。

4.只要能够被记事本打开，且能够正常显示的文件都是纯文本文件。.html文件是一个纯文本文件。

02HTML 标签、字符集问题、DTD文档声明

1.HTML超文本标记语言，是HyperText Markup Language的缩写

--作用：专门用来描述文本的语义的，告诉我们那些是标题，哪些是段落

ps:H1标签作用？

--告诉浏览器，哪些文字是标题，H1标签是专门用于给指定的文字添加标题语义的

2.W3C负责web方面标准的制定，像HTML、XHTML、CSS、XML的标准就是由W3C来定制的

3.基本结构

4.为什么会出现乱码现象？如何解决？

因为在编写网页时没有指定当前网页的字符集

在Head标签中添加

5.什么是DTD文档声明？

–因为HTMl有很多版本的规范，为了让浏览器能够正确的编译/解析/渲染网页，需要在HTML的·第一行告诉浏览器当前网页是用哪一个版本的HTML规范来解析的。HTML5的DTD文档声明是向下兼容的

<! DOCTYPE>不是HTML标签

完整格式：

<!DOCTYPE html>
 <html>
     <head>
         <meta charset="UTF-8" />
         <title>百度一下</title>
     </head>
      <body>
      		你好呀      
     </body>
</html>
</!doctype>

03路径问题、链接、锚点

路径问题

–上级目录 …/a.jpg

–下级目录 img/a.jpg

–同级目录 a.jpg

相对路径绝对路径(电脑盘里的路径，企业开发一般不会使用，因为可移植性不好)

a标签不仅可以让文字可以点击，还可以让图片也能够被点击

a标签中有一个target属性，专门控制如何跳转，

还有title属性，与Img标签中的titile一样

--_self：用于在当前选项卡中跳转，不新建页面跳转，默认

--_blank：在新的选项卡中跳转，新建页面跳转

让页面上所有的超链接都在新的页面中打开，不必要在每个a标签中加target="_blnak"属性，只用在title标签后面加上即可。base标签是专门用来统一指定当前网页中所有的超链接需要如何打开，base标签必须写在head标签内。
假链接开发前期不知道要跳转到哪，格式：

–# 假链接会自动回到顶部

–javascript 假链接不会自动回到顶部
锚点

–给目标位置的标签添加id，指定一个唯一的值

–告诉a标签需要跳转的目标标签这个唯一的值
```
<a href="#center">跳转到中部</a>
<h2 id="center">我是中部</h2>
```
04列表
列表标签的分类

a–无序列表（最多） unordered list ul > li

应用场景：新闻列表、商品列表、导航条

--作用：给一堆数据添加列表语义，且这一堆数据没有先后顺序之分

b–有序列表（最少） ordered list ol > li

c --定义列表（其次） definition list dl dt(列表标题) dd(描述)

应用场景：网站尾部的相关信息、图文混排
虽然可以这么写，但在企业开发不能这么干，要用css写
```
<hr width="500px" align="left">
<ul type="circle">

</ul>
```
05表格
1. 表格标签
  
  –tr代表一行
  
  –td代表一行中的一个单元格
  
  –表格标签有一个边框属性，这个属性决定了边框的宽度，默认属性值为0，所以看不见