查看“浏览器相关知识”的源代码

https://www.bilibili.com/video/BV1hg411V7Bm?p=104

=== 1）浏览器的基本概念 ===
HTTP（超文本传输协议）：一个客户端和服务端请求和应答的标准（使用TCP传输）。

客户端是终端用户，服务器端是网站。

通过使用Web浏览器、网络爬虫或者其它的工具，客户端发起一个到服务器上指定端口（默认端口为80）的HTTP请求。


浏览器：用来检索、展示以及传递网页信息资源的应用程序（用户端程序或者叫做客户程序）。

网页信息资源由统一资源定位符（URL）进行标记，它是一个网页、一张图片、一个段视频或者任何在Web上所呈现的内容。

使用者可以借助超级链接（Hyperlinks），通过浏览器浏览互相关联的信息。


其他概念：

主页：用户打开浏览器时默认打开的网页。

缓存：为了节约网络的资源加速浏览，浏览器在用户磁盘上对最近请求过的文档进行存储，当访问者再次请求这个页面时，浏览器就可以从本地磁盘显示文档，这样就可以加速页面的阅览。

cookies：网站为了辨别用户身份进行跟踪而存储在用户本地终端上的简单文本类型数据，由用户客户端计算机暂时或永久保存的信息。

历史记录：指浏览器曾经浏览过的网站在计算机中的暂存信息。



=== 2）HTML语言 ===
超文本标记语言，标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

超文本标记语言的结构“头”部分（Head）、和“主体”部分（Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。<syntaxhighlight lang="html">
<head>
<title>程序员</title>
</head>
</syntaxhighlight>
[[文件:HTML语言.png|无|缩略图]]
可用在 head 部分：<base>，<link>，<meta>，<script>，<style>，以及<title>。

<title>定义文档的标题，它是 head 部分中唯一必须的元素。




=== 2）HTML语言：文本样式 ===
<syntaxhighlight lang="html">
<body>
程序员
<pre>

程序员

</pre>
<p>
<b>程序员</b>
<i>程序员</i>
</p>
<u>程序员</u>
<del>程序员</del>
<br>
<small>程序员</small>
<big>程序员</big>
</body>
</syntaxhighlight>
[[文件:HTML语言 文本样式.png|无|缩略图]]<nowiki><b></b></nowiki>加粗

<nowiki><i></i></nowiki>倾斜

<nowiki><u></u></nowiki>下划线

<nowiki><del></del></nowiki>删除线

<nowiki><small></small></nowiki>变小

<nowiki><big></big></nowiki>变大

<nowiki><p></p></nowiki>段落

<nowiki><pre></pre></nowiki>预处理

<nowiki><br></nowiki>分行



=== 2）HTML语言：表格样式 ===
<syntaxhighlight lang="html">
<body>
<table border="4">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>年级</th>
</tr>
<tr>
<td>张三</td>
<td>15</td>
<td rowspan="2">高一</td>
</tr>
<tr>
<td>李四</td>
<td>16</td>
</tr>
<tr>
<td colspan="2">合计</td>
<td>2</td>
</tr>
</table>
</body>
</syntaxhighlight>
[[文件:HTML语言 表格样式.png|无|缩略图]]table：表格

border：边框

tr：行 table row

th：表头 table head

td：表数据 '''Table Data Cell element'''

rowspan：合并行 row span

colspan：合并列 column span



=== 2）HTML语言：表单样式 ===
<syntaxhighlight lang="html">
<form action="/demo/demo_form.asp">
First name:
<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br>
<br>
<input type="submit" value="Submit">
</form>
</syntaxhighlight>
[[文件:HTML语言 表单样式.png|无|缩略图]]


=== 考点1：浏览器基础 ===
Cookies的作用是（）。

A、保存浏览网站的历史记录

B、提供浏览器视频播放插件

C、保存访问站点的缓存数据

D、服务器存储在用户本地终端的数据  √


=== 考点2：HTML ===
有以下HTML代码，在浏览器中显示正确的是（）。<syntaxhighlight lang="html">
<table border="1">
<tr>
<th>Name</th>
<th colspan="2">Tel</th>
</tr>
<tr>
<td>Laura Welling</td>
<td>555 77 854</td>
<td>555 77 854</td>
</tr>
</table>
</syntaxhighlight>A、
{| class="wikitable"
!Name
! colspan="2" |Tel
|-
|Laura Welling
|555 77 854
|555 77 854
|}
B、
{| class="wikitable"
!Name
!Tel
!Tel
|-
|Laura Welling
|555 77 854
|555 77 854
|}
C、
{| class="wikitable"
!Name
!Laura Welling
|-
|Tel
|555 77 854
|-
|Tel
|555 77 854
|}
D、
{| class="wikitable"
!Name
!Laura Welling
|-
| rowspan="2" |Tel
|555 77 854
|-
|555 77 854
|}
解析：

colspan是跨列，所以是A