课程前序知识艾伦·麦席森·图灵二战时期破译了德军的战争编码——英格玛设立图灵奖被后人誉为人工智能之父约翰·冯·诺伊曼制定了现代计算机标准——冯诺依曼体系结构。提出计算机要采用二进制、明确计算机组成部分。被后人誉为现代计算机之父计算机 1、硬件中央处理器运算器、控制器、存贮器、输入设备、输出设备 内存暂时性存储读写速度快能同时玩几个游戏取决于内存的大小 硬盘持久化存储容量比较大能安装多少个游戏取决于硬盘的大小 2、软件系统软件应用软件 应用软件Server服务器 1、C/S架构Client客户端需要安装偶尔更新不跨平台大型专业应用、安全性要求较高的应用 2、B/S架构Browser浏览器无需安装无需更新可跨平台 浏览器五大主流浏览器chrome于2008年9月问世blink内核safari于2003年1月问世webkit内核IE于1995年8月问世trident内核Firefox于2002年9月问世gecko内核opera于1995年4月问世blink内核 浏览器内核内核时浏览器的核心用于处理浏览器所得到的各种资源 网页的组成部分网页标准结构HTML表现css行为JavaScriptHTML全称HyperText Markup Language 译为超文本标记语言发展史新建一个文本文档将文件后缀名改为.html注标签前要有空格快捷键注释ctrl/规范写法!DOCTYPE html编码语言编码原则1、存储时无比采用核时的字符编码否则无法存储数据会丢失2、存储时采用哪种方式编码读取时就必须采用相同的方式解码否则数据能呈现但数据错乱乱码强制刷新shiftF5局部刷新ctrlF5W3C官网上的说明《Language tags in HTML》【W3School】的说明 《语言代码参考手册》https://www.w3school.com.cn/tags/html_ref_language_codes.asp 《国家/地区代码参考手册》https://www.w3school.com.cn/tags/html_ref_country_codes.asp【W3C】官网 的说明 《Language in HTML》https://www.w3.org/International/articles/language-tags删行快捷键shiftctrlkMDN官网MDN Web Docs新增行快捷键空格enter语义含义语义化标签默认的效果不重要语义最重要复制行shiftalt上下方向键HTML 元素参考 - HTML超文本标记语言作业源代码效果图