1、HTML简介.pptxVIP

HTML简介第一节、HTML发展史HTML是什么？ HTML——超文本标记语言（HyperText Markup Language），标准通用标记语言的下一个应用。“超文本”就是指页面可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（Head）和“主体”部分（Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。 记住！——写网页的HTML的发展历程1997年(W3C)HTML 4.01993年(IETF)HTML 1.01995年(W3C)HTML 2.01996年(W3C)HTML 3.2HTML 2.02000年(W3C)XHTML 1.02001年(W3C)XHTML 1.11999年(W3C)HTML 4.012004年(WHAWG)HTML5 草案2008年(合并)HTML5正式版HTML5 未来万维网联盟 W3C（万维网联盟）创建于1994年，是Web技术领域最具权威和影响力的国际中立性技术标准机构。到目前为止，W3C已发布了200多项影响深远的Web技术标准及实施指南。HTML语言就是以W3C的标准发布的。HTML5支持的浏览器IE9+FIrefoxchromeOperaSafari360安全浏览器搜狗UC第二节、主流浏览器及其内核什么是浏览器的内核 浏览器的内核可以分为两个部分：渲染引擎(layout engineer 或者 Rendering Engine)——负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。JS 引擎则是解析 JavaScript 语言，执行 javascript 语言来实现网页的动态效果。 注：浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。 各大主流浏览器的内核 最开始渲染引擎和 JS 引擎并没有区分的很明确，后来 JS 引擎越来越独立，内核就倾向于只指渲染引擎。有一个网页标准计划小组制作了一个 ACID 来测试引擎的兼容性和性能。内核的种类很多，如加上没什么人使用的非商业的免费内核，可能会有 10 多种，但是常见的浏览器内核可以分这四种：Trident、Gecko、Blink、Presto、Webkit。 浏览器IE火狐谷歌OperaSafari内核TridentGeckoBlinkPrestoWebkit优点不用安装兼容性最好，可以装插件速度快，页面体验好安全，速度快速度快，尤其表现在图片视频上缺点加载慢，不算安全第一次打开慢兼容性较差兼容问题很差对中文网站支持欠缺各大浏览器所占市场比重（市场份额）2015年6月(全球)2017年6月份全球主流浏览器市场份额排行榜第三节、HTML网页基本结构 HTML网页基本结构是指构成一个网页必不可少的标签元素，以下是其基本格式：!DOCTYPE htmlhtml lang=en head meta charset=UTF-8 / title网页标题/title /head body /body/html网页结构代码语句介绍!DOVTYPE html——HTML5的新声明，在编写HTML5文档时，要求指定文档类型（此处指定为一个html文件），以确保浏览器能在HTML5的标准模式下进行渲染。其实就是告诉浏览器：我要写网页了！html lang=en/html——1个html文档(文件)， lang=en是此标签内的一个属性，指定这个标签范围内的元素的语言种类（英语lang=en,中文lang=zh，日文lang=ja）。head/head——网页的头部标签，用来告诉浏览器关于文档的附加信息。head 中的元素可以引用脚本（JavaScript）、指示浏览器在哪里找到样式表（CSS）、提供元信息等等。meta charset=UTF-8——规定编码格式为utf-8（世界通用的语言编码），为了防止乱码，中英文编码格式是不一样的，如果搞错了，就会乱码。title网页标题/title——打开网页页面的标题，标题内容就是title/title标签内书写对的内容body/body——网页的具体内容代码部分，定义了网页文档的主体。body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）结构、表现、行为分离 WEB标准提倡结构、表现和行为相分离---HTML结构、CSS表现、JavaScript行为 理论上讲，你应该用一个 html 文档来保存内容与结构，用一个 css 文档来控制整个文档的表现。如今表现与结构的未分离的网站还是很普遍的。所以我们刚开始学习要养成好的习惯，把它们分别放到