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表格
-
表格标签
–tr代表一行
–td代表一行中的一个单元格
–表格标签有一个边框属性,这个属性决定了边框的宽度,默认属性值为0,所以看不见
-
2. 默认情况下,单元格和单元格之间的外边距的距离是2px,可以用cellspacing=0 让其没有外边距。内边距是单元格边框与文字间的间隙,可以用cellpadding=20改变其距离,默认是cellpadding=“1”。
3. 细线表格
–如果指定外边距为0实现细线表格会有两个线重合在一起,不好看。
–应该将表格table 加上bgcolor=“black” ,再将每个tr加上bgcolor=“white”,这时黑色背景里面会有白色的小框,这时再在table里加上cellspacing="1px"就可以实现细线表格了。
4.让整个表格的标题居中可以使用caption属性,caption一定要写在table内,否则无效。标题单元格标签th,专门用来存储每一列的标题,会让这些表格的标题加粗并居中显示。
-
table thead tfoot是完整的格式
–如果没有编写tbody,系统会给我们添加tbody
–如果指定了thead和tfoot,则在修改整个表格的高度时,thead和tfoot有自己默认的高度,不会随着表格的高度变化而变化。
-
水平方向上的单元格合并
--给td加一个colspan=“2” 属性,多的单元格删除
水平方向上的单元格合并
--给td加一个rowspan=“2” 属性