Skip to main content

作业布置

http://localhost:3000/作业布置.html

说出软件和应用程序的区别​

  • 软件是一组用于完成指定任务的程序集，而 应用程序 被用于单个任务。
  • 软件除了完成指定任务之外，还拥有更多的特性，而应用程序只是用于完成单一任务。
  • 软件包括执行和支持程序，但 应用程序 只包括正在执行的程序。
  • 软件的更新和改进可以通过添加更多的组件来完成，而应用程序只能通过更新现有组件来实现。
  • 软件是一个系统的一部分，而应用程序只用于单独的任务。

说出一个完善的应用系统包含哪些环节​

  • 需求分析：根据客户的需求，分析所需系统的功能和性能等；
  • 系统设计：确定系统的体系结构、数据结构与模块划分，规划解决方案并根据规划完成模块的框架设计；
  • 实现和测试：根据设计完成具体程序的开发，并使用测试用例对系统进行测试；
  • 系统部署：将系统部署到线上环境，并配置服务器端软件；
  • 系统运行与维护：对系统进行日常运行和维护，确保系统符合要求；
  • 改进与更新：根据技术发展及不断变化的用户需求，有计划地对系统进行改进和更新，以符合变化的需求。

整理出网页从编写到浏览器显示的整个过程（重要）​

  1. 使用 HTML 编写网页：HTML 是一种网页编程语言，它为浏览器提供网页的基本结构。HTML 标记用于描述网页的内容，包括文本、图像、链接和其他页面元素。
  2. 使用 CSS 设计网页布局：CSS 是一种网页样式表语言，它用于设计网页的布局，并且可以控制文字、背景颜色、图像位置和更多。
  3. 编写 JavaScript：JavaScript 是一种客户端脚本语言，它可以处理浏览器上的交互式行为，例如对表单的验证和用户界面元素的更新。
  4. 将 HTML、CSS 和 JavaScript 结合起来：HTML、CSS 和 JavaScript 可以结合在一起，以构建完整的网页应用程序，这些应用程序将在服务器上运行。
  5. 将网页上传到服务器：一旦网页被编写，它就可以上传到服务器，以供其他用户访问。
  6. 浏览器使用 HTTP 协议请求网页：当用户访问网页时，他们的浏览器将向服务器发送一个 HTTP 请求，以便获取网页文档。服务器将网页文档返回给浏览器。
  7. 浏览器解析 HTML：浏览器将解析 HTML 文档，并将其转换为可以显示的格式。
  8. 浏览器请求外部资源：浏览器通常会从服务器请求外部资源，例如图像、CSS 文件和 JavaScript 文件。
  9. 浏览器在屏幕上显示网页：浏览器使用 HTML、CSS 和 JavaScript 来渲染网页，并在用户的屏幕上显示网页。

服务器是什么？说出你的理解​

  • 服务器是一种特殊的计算机，它被设计用来处理，存储和传输数据，从而与其他计算机或设备进行通信。
  • 服务器是一种终端设备，它可以接收客户的数据请求，并在处理该请求时进行相应。
  • 服务器还可以负责客户的数据，资源和应用程序管理。
  • 服务器通常包括流行的操作系统，如 Linux，Windows Sever 等。

网页的三大组成部分是哪些？分别说出他们的作用​

  • 网页的三大组成部分是：HTML、CSS 和 JavaScript。

    • HTML - 用于定义网页内容的结构、样式及行为。
    • CSS - 用于定义 HTML 元素的样式。
    • JavaScript - 用于定义网页中的动态行为。

  • 他们的作用

    • HTML 是超文本标记语言，在 web 技术中用来构建网页布局和结构。
    • CSS 是 Cascading Style Sheets 的缩写，它用于控制 HTML 元素的外观和布局。
    • JavaScript 是一种编程语言，可以为网页添加交互性和动态功能，使网页变得更加有趣。

浏览器内核是什么？有哪些常见的浏览器内核？​

浏览器内核是一个操作系统接口，它用于构建和显示网页。

常见的浏览器内核：

  • Trident：由微软开发的 IE 内核
  • Gecko：由 Mozilla 开发的 Firefox 内核
  • Presto：由 Opera 开发的 Opera 内核
  • WebKit：由 Google 开发的 Chrome 内核
  • Blink：基于 WebKit，由 Google 开发的 Chrome 内核

此外，还有一些不太常见的浏览器内核，比如 Amaya、KHTML 和 NetFront。

手动编写出 HTML 页面的结构（不利用开发工具提示）​

基本的 HTML 页面结构如下：

<!DOCTYPE html>
<html>
  <head>
    <title>Title</title>
  </head>
  <body>
    <h1>This is a Heading</h1>
    <p>This is a paragraph.</p>
  </body>
</html>

这个基本的结构会包括：

  • <!DOCTYPE html> : 一个声明，表明文档类型为 HTML
  • <html> : 一个根 HTML 元素，包括所有的 HTML 元素
  • <head> : 包含元数据，比如标题，文件地址等
  • <title> : 标题元素
  • <body> : 包含可见的文本和其他元素，比如图像，链接和表单等。
  • <h1> : 标题，有 6 风格，#1 是最大的
  • <p> : 段落元素

元素的结构是什么？有哪些单标签元素、双标签元素​

元素结构​

<!-- 元素 -->
<!-- 开始标签 (<p>)    内容 (我的猫咪脾气爆:))    结束标签 (</p>) -->
<p>我的猫咪脾气爆:)</p>

HTML 元素由开始标签、内容和结束标签组成。

  1. 开始标签（Opening tag）：包含元素的名称（本例为 p），被左、右尖括号所包围。表示元素从这里开始或者开始起作用 - 在本例中即段落由此开始。
  2. 结束标签（Closing tag）：与开始标签相似，只是其在元素名之前包含了一个斜杠。这表示着元素的结尾 - 在本例中即段落在此结束。初学者常常会犯忘记包含结束标签的错误，这可能会产生一些奇怪的结果。
  3. 内容（Content/Enclosed text content）：元素的内容，本例中就是所输入的文本本身。
  4. 元素（Element/An attribute and its value）：开始标签、结束标签与内容相结合，便是一个完整的元素。

双标签元素​

双标签元素：以开始标签开始，以结束标签结束，而任何文字或其他元素都夹在中间（开始标签和结束标签包围内容）。

例如：

<p>This is a paragraph</p>

常见的双标签元素有：

  • <p>：段落
  • <h1>：一级标题
  • <h2>：二级标题
  • <h3>：三级标题
  • <div>：盒子
  • <ol>：有序列表
  • <li>：列表项
  • <a>：链接
  • <img>：图像
  • <strong>：强调文本
  • <em>：斜体文本

单标签元素​

一些 HTML 元素只需要一个标签，例如<img>，<hr>和<br>. 这些被称为单标签元素。单标签元素不允许包含任何内容，所以它们不需要关闭标签。

一些常见的单标签元素有：

  • <img>: 用于嵌入图像
  • <br>: 用于换行
  • <hr>: 用于水平线
  • <meta>: 用于描述文档元数据的元素

元素之间有哪些关系？写个例子，并说明他们的关系​

嵌套关系​

元素嵌套是指 HTML 文档中的元素可以包含其他元素，而这些包含的元素被称为其父元素的子元素。

例如，如果你想在 HTML 文档中添加一张图片并且在图片下面添加标题，则可以通过元素嵌套来实现：

<div>
  <img src="image.jpg" alt="My image" />
  <h2>My image title</h2>
</div>

上面的代码中，<div>元素是父元素，而<img>和<h2>元素则是其子元素，其中<img>元素在<h2>元素前面，表示图片会在标题之前显示。

平级关系​

平级关系是指 HTML 文档中的元素是同级的，它们没有父子关系。

例如，如果你想在 HTML 文档中添加一张图片并且在图片下面添加标题，则可以通过平级关系来实现：

<img src="image.jpg" alt="My image" />
<h2>My image title</h2>

上面的代码中，<img>元素和<h2>元素是平级关系，它们没有父子关系。

注释的作用，HTML 的注释如何编写​

注释是一种最常见的用于解释代码的工具，可以帮助阅读、理解和维护源代码的人员快速理解代码的含义。

HTML 的注释用 <!-- 注释内容 --> 来标记。例如：

<!-- 这是一个 HTML 注释 -->