学习网页设计与开发的第一天(书第六版)

第一章 HTML5概述

1.1.1 WWW(3W或Web)--万维网

World Wide Web的缩写,是internet最核心的服务器。是Internet的多媒体信息查询工具。

在使用上分为Web客户端和Web服务器。用户可以使用Web客户端(浏览器)访问Web服务器。

1.1.2 Web服务器(WWW服务器),一般指网站服务器

主要功能是提供网上信息浏览服务。可以解析HTTP,当Web服务器接收到一个HTTP请求时,会返回一个HTTP响应,这样浏览器等Web客户端就可以从服务器上获取网页(HTML),包括CSS、JS、音频、视频等资源。

1.1.3 网页浏览器(Web Browser)

是在客户端浏览Web服务器的应用程序,主要作用是显示网页和解释脚本。通过浏览器可以访问互联网上世界各地的文档、图片、视频、等信息,并让用户与这些文件互动。浏览器的种类很多,目前常用的有Google的Chrome、Microsoft的Edge、Mozilla的Firefox、Opera、Apple的Safari浏览器等。

浏览器最重要的核心部分是Renddering Engine(渲染引擎),又叫“浏览器内核”,负责对网页语法(如HTML、JavaScript)进行解释并渲染(显示)网页。不同的浏览器内核对网页编写语法的解释会有所不同,因此同一网页在不同内核的浏览器里的渲染效果也可能不同。

1.1.4 网站(Website)

指在因特网上根据一定的规则,使用HTML等工具制作的用于展示特定内容相关的网页的集合

可以通过网页浏览器来浏览网站,获取自己所需的信息或享受网络服务。是存储文件的空间,以服务器为载体。

1.1.5 网页(web page)

是一个包含HTML标签的纯文本文件(文件扩展名为.html或.htm),是网站中的一页,网页是构成网站的基本元素,一个网站中的网页通过“超链接”的方式被组织在一起。

网站就是由网页组成的。网页要通过网页浏览器来阅读。

1.1.6 URL (Uniform Resource Locator,统一资源定位器,Web地址)

俗称“网址”。Internet上每个网页都有一个唯一的名称标识,叫URL地址,是互联网上标准资源的地址。在WWW上浏览,必须在网页浏览器中输入目标的地址。

URL的一般格式:

协议://主机地址(IP地址)/文件夹/.../文件名/参数

协议是指URL所链接的网络服务性质,常见的协议由HTTP(Hyper Text Transfer Protocol,超文本传输协议)、FTP(File Transfer Protocol,文件传输协议)、TELNET(Telecom Munication Network Protocol,远程登陆协议)、File(File Protocol,本地文件传输协议)。

URL的参数通常放在URL的后面,用?开头,用&将多个参数连接起来。

URL只能用ASCII字符编码集中的可显示字符表示。通常用+来代替空格。

1.1.7 标记语言

标记语言是一种将文本(Text)以及与文本相关的其他信息结合起来,展现出关于文档结构和数据处理细节的计算机文字编码。标记语言的种类很多,常见的由XML、HTML(HyperText Markup Language超文本标记语言)、XHTML等。

1.1.8 网页标准(Web Standard)

网页标准不是某一种标准,而是一系列标准的集合。

网页标准主要分为3类: (主要由W3C起草和发布,但也有一些替他标准组织如ECMA(European Computer Manufacturers Assiociation欧洲计算机制造联合会)的ECNAScript标准

结构(Structure)标准、表现(Presentation)标准、行为(Behavior)标准

结构标准语言主要包括HML、HTML、XHTML。

表现标准语言主要为CSS

行为标准语言主要包括对象模型DOM、ECMAScript等。JavaScript

1.2 HTML5的基本结构和语法规则

每个网页都有其基本的结构,包括HTML的语法结构、文档结构、标签的格式以及代码的编写规范等。

1.2.1HTML5文档的基本结构

<!DOCTYPE html>//必须放最顶部,用于向浏览器说明当前文档使用哪种HTML的标准规范。
<html lang="zh-CN">//HTML文档标签(根标签);lang属性为文档设置语言,zh-CN代表简体中文
    <head>//文档头(头部标签,包括网页语言、关键字、字符集的定义等)
         <meta charset="UTF-8">//指定网页文档中的字符集,称为HTML文档编码
         <title>文档标题</title>//网页标题
    </head>
    <body>//文档体(页面要显示的信息)主体标签
          文档正文部分
    </body>
</html>

浏览器解释HTML文档时的顺序:document→html→body→div父元素→input子元素。

document是最上层祖先元素,input是最下层后代元素。

1.2.2 HTML5的基本语法

HTML由元素构成,元素由开始标签、结束标签、属性及元素的内容4部分组成。

1.标签(Tag)

用标签来规定网页元素在文档中的功能。用一对"<>"括起来的单词或单词缩写。有双标签和单标签之分。

双标签(闭合标签):包括开始标签和结束标签。格式:<标签>受标签影响的内容</标签>

单标签(空标签):没有相应的结束标签。格式:<标签>或<标签/>。

如换行标签<br>或<br/>。其他有:<area>、<base>、<basefont>、<br>、<col>、<hr>、<img>、<input>、<param>、<link>、<meta>等

标签的嵌套:<p><em>Hello Word</em></p>

2.元素(Element)

指从开始标签到结束标签的所有代码,分为有内容的元素和空元素两种。

(未完待续。。。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值