《html5与css网页设计基础》学习记录_html5+css网页设计重点-优快云博客

本文链接：https://blog.youkuaiyun.com/cmh715/article/details/144846940

第一章互联网和万维网基础

1.1 互联网和万维网

互联网

互联网最初只是连接科研机构和大学内部计算机的网络，由ARPA提出，称为ARPAnet。

1991年互联网的商用限制被解除。

万维网

为了方便科学家超链接到其他研究论文和资料并立即查看，1991年Tim Berners-Lee发布万维网代码，其中使用了http进行通信，用html格式化文档。

1.2网页标准和无障碍访问

网页标准

为了解决网页的架构，设计标准和无障碍访问，W3C提出推荐标准。

WAI开发了Web内容无障碍指导原则，即建议网页开发相关人员帮助障碍人群方便地使用网络，这要求对网页进行通用设计。通用设计是指在设计产品和环境时尽量方便所有人使用，免除后续的修改，这能够提升设计的可用性。比如为视觉障碍者提供屏幕朗读功能。

网络概述

网络常见的组成部分

服务器
客户端工作站
共享设备
连接设备和媒介

客户端和服务器交换文件时通过MIME了解传送的文件类型。服务器将文件传送给浏览器时会一起传送文件的MIME类型，浏览器根据MIME类型决定文件的显示方式。

1.3Internet协议

电子邮件传输协议
超文本传输协议HTTP(在网上交换文件的规则）
文本传输协议FTP（允许文件在网上不同计算机之间交换的规则）
传输控制协议(TCP)/Internet协议（IP）(TCP的目的是保证网络通信的完整性，将文件和信息分解为数据包，包含目标地址，来源地址，序号与校验和。之后，由IP通过IP寻址的方式将数据包路由传送到目的地址。）
IP地址（每台连接到网上的设备都有唯一数字IP地址，有四组数字组成，ipv4有32位，ipv6有128位，由DNS完成ip和域名的对应。）

1.4 统一资源标识符URL和域名

URL拆解

URL:http://www.google.com/dictionary/index.html

http://www(子域或web服务器名).google.com(域名：.com是顶级域名，google.com是二级域名)/dictionary（目录名）/index.html（网页文件名）

顶级域名

通用顶级域名	用途及描述
.com	商业实体，基于诚信系统
.org	非营利组织，基于诚信系统
.net	与互联网支持相关团体，基于诚信系统

国家代码顶级域名如.cn(中国）

域名系统DNS

DNS的作用是将域名与IP地址关联。相关流程如下：

访问DNS
获取相应IP地址并返回给浏览器
浏览器使用这个IP地址向目标计算机发送http请求
http请求被服务器接收
必要的文件被定位并通过http应答传回浏览器
浏览器渲染并显示网页和相关文件

1.5HTML概述

html（超文本标记语言）是一套标识网页元素的标记符号或代码集，可插入浏览器显示的网页文件中，实现了信息的平台无关性。标记又名元素，分为容器标记（成对出现），自包容标记（独立出现）。浏览器负责解释html文件并进行渲染。

xml(可扩展标记语言)通过将数据与表示分开，对html进行扩展。

html的最新版本html5文档

1.6网页幕后揭秘

网页模版

<!DOCTYPE html>//文档类型定义DTD
<html lang="en">//html元素，lang属性指定文档书面语言是英语
<head>//页头
<title>CMH's first HTML5 Web Page</title>//title元素网页标题，搜索引擎根据title判断关键字相关性
<meta charset="utf-8">meta为自包容标记，在html5中称为void元素，描述网页特征，如字符编码
</head>
<body>//主体区域(编辑网页内容）
Hello world
</body>
</html>