“浏览器相关知识”的版本间的差异

来自姬鸿昌的知识库
跳到导航 跳到搜索
（建立内容为“https://www.bilibili.com/video/BV1hg411V7Bm?p=104”的新页面）
 
 
（未显示同一用户的15个中间版本）
第1行： 第1行：
 
https://www.bilibili.com/video/BV1hg411V7Bm?p=104
 
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

2022年10月1日 (六) 01:28的最新版本

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

1）浏览器的基本概念

HTTP（超文本传输协议）：一个客户端和服务端请求和应答的标准（使用TCP传输）。

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

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


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

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

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


其他概念：

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

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

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

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


2）HTML语言

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

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

超文本标记语言的结构“头”部分（Head）、和“主体”部分（Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

<head>
<title>程序员</title>
</head>
HTML语言.png

可用在 head 部分：<base>，<link>，<meta>，<script>，<style>，以及<title>。

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



2）HTML语言：文本样式

<body>
程序员
<pre>

程序员

</pre>
<p>
<b>程序员</b>
<i>程序员</i>
</p>
<u>程序员</u>
<del>程序员</del>
<br>
<small>程序员</small>
<big>程序员</big>
</body>
HTML语言 文本样式.png

<b></b>加粗

<i></i>倾斜

<u></u>下划线

<del></del>删除线

<small></small>变小

<big></big>变大

<p></p>段落

<pre></pre>预处理

<br>分行


2）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>
HTML语言 表格样式.png

table：表格

border：边框

tr：行 table row

th：表头 table head

td：表数据 Table Data Cell element

rowspan：合并行 row span

colspan：合并列 column span


2）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>
HTML语言 表单样式.png


考点1：浏览器基础

Cookies的作用是（）。

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

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

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

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


考点2：HTML

有以下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>

A、

Name Tel
Laura Welling 555 77 854 555 77 854

B、

Name Tel Tel
Laura Welling 555 77 854 555 77 854

C、

Name Laura Welling
Tel 555 77 854
Tel 555 77 854

D、

Name Laura Welling
Tel 555 77 854
555 77 854

解析：

colspan是跨列，所以是A

取自“https://www.jihongchang.top/index.php?title=浏览器相关知识&oldid=2552”