Web(一)Web前端开发概述

朱雀 2023-09-24 14:38 110阅读 0赞

## 第1关\_Web前端开发相关的概念 ##

#### 相关知识 ####

为了完成本关任务，你需要掌握：1.Web系统的组成；2.浏览器的概念；3.URL的概念；4.Web标准。

Web系统的组成：Web是Internet上最受欢迎的一种多媒体信息服务系统。 整个系统由Web服务器、浏览器和通信协议组成。

Web开发：Web开发就是设计实现Web系统的过程。主要包括**浏览器端页面的制作**和**服务器端程序的编写**。  浏览器端称作Web前端；  服务器器端称作Web后端。

浏览器：浏览器是指可以显示网页服务器或者文件系统的HTML文件内容，并让用户与这些文件交互的一种软件。 常见的浏览器有：Firefox、Internet Explorer、Safari、Opera、Google Chrome、QQ浏览器、百度浏览器、猎豹浏览器、360浏览器、UC浏览器、遨游浏览器、世界之窗浏览器等 不是所有的浏览器都支持HTML5，同一浏览器不同的版本对HTML5的支持情况也不同。

URL：URL（英文Uniform Resource Locator的缩写）中文译为“统一资源定位符”,是互联网上标准资源的地址。互联网上的每一个文件都有唯一的URL。 基本URL包含模式（或称协议）、服务器名称（或IP地址）、路径和文件名。完整的、带有授权部分的普通统一资源标志符语法格式如下： 协议://用户名:密码@子域名.域名.顶级域名:端口号/目录/文件名.文件后缀?参数=值\#标志

WWW：WWW（英文World Wide Web的缩写）中文译为“万维网”，是Intertnet提供的一种网页浏览服务，常简称Web。

http：HTTP (英文Hypertext transfer protocol的缩写) 中文译为超文本传输协议，是一种详细规定了浏览器和万维网服务器之间互相通信的规则。

网站：是指在因特网上根据一定的规则，使用HTML等工具制作的用于展示特定内容相关网页的集合。用户可以通过浏览器来访问网站，获取需要的资讯或者享受网络服务。

### 参考答案： ###

![f91f194eb4db4e5fa0aac850923e81b9.png][]

##    第2关：第一个html网页 ##

仿照上面的示例，在右侧编辑器中的`Begin - End`区域内补充代码，具体要求是： 1.在`<head></head>之间添加网页标题的设置，标题文字为“我的第一个网页”`； 2.在`<body></body>之间添加一级子标题的设置，子标题文字为“初识HTML”`，`<h1>`标签的align属性取值设置为左对齐。

### 参考答案： ###

<!DOCTYPE html>
    <html>
    
     <head>
      <meta charset="utf-8"/>
      <title>我的第一个网页</title>
     </head>
     <body>
      <h1 align = "left">初识HTML</h1>
     </body> 
    
    </html>

[f91f194eb4db4e5fa0aac850923e81b9.png]: https://img-blog.csdnimg.cn/f91f194eb4db4e5fa0aac850923e81b9.png