《网站设计与建设 Website design and developments》课程教学资源（PPT课件讲稿）第三部分 网站设计技术 第10章 HTML基础

设计与建设 ebsite design and developments

网 站 设 计 与 建 设 Website design and developments

第三部分网站设计技术 第10章HTML基础

第10章 HTML基础 第三部分 网站设计技术

10.1HTML简介 ■ Hypertext Mrakup Language(超文本标记语言) ■是为网页创建和其它可在网页浏览器中看到的信 息而设计的一种标记语言。 HTML已经成为描述和显示网页的国际标准, ■由万维网联盟(W3C)维护 ■HTML的一个重要特点是超级链接 hyperlink 个HTML文件的后缀名是htm或者是htm HTML是一个纯文本格式的ASC文件

10．1 HTML简介 ◼ Hypertext Mrakup Language（超文本标记语言） ◼ 是为网页创建和其它可在网页浏览器中看到的信 息而设计的一种标记语言。 ◼ HTML已经成为描述和显示网页的国际标准， ◼ 由万维网联盟（W3C）维护。 ◼ HTML的一个重要特点是超级链接hyperlink ◼ 一个HTML文件的后缀名是.html或者是.htm ◼ HTML是一个纯文本格式的ASCII文件

■HTML不是一种编程语言,而是一种描述性的标 记语言, ■用于描述超文本中内容的显示方式 口这些内容的描述都是通过HTML标记来完成的 标记:被用来结构化信息——一例如标题、段落和 列表等等,也可用来在一定程度上描述文档的外 观和语义,比如图片的显示尺寸,文字的大小、 颜色、字体等

◼ HTML不是一种编程语言，而是一种描述性的标 记语言， ◼ 用于描述超文本中内容的显示方式。  这些内容的描述都是通过HTML标记来完成的 ◼ 标记：被用来结构化信息——例如标题、段落和 列表等等，也可用来在一定程度上描述文档的外 观和语义，比如图片的显示尺寸，文字的大小、 颜色、字体等

Title of page This is my first homepage this text is bold ■HTML的标记不区分大小写

Title of page This is my first homepage. This text is bold ◼ HTML的标记不区分大小写

2.浏览器:HTML解释器、网页解释器 ■网站浏览器( Browser)是万维网Web)服 务的客户端浏览程序,可向万维网Web)服 务器发送各种请求,并对从服务器发来的 HTML超文本信息和各种多媒体数据格式进 行解释、显示和播放,简言之浏览器就是 访问网站的客户端工具软件。 HTML解释器并不局限于浏览器

2.浏览器：HTML解释器、网页解释器 ◼ 网站浏览器（Browser）是万维网(Web)服 务的客户端浏览程序，可向万维网(Web)服 务器发送各种请求，并对从服务器发来的 HTML超文本信息和各种多媒体数据格式进 行解释、显示和播放，简言之浏览器就是 访问网站的客户端工具软件。 ◼ HTML解释器并不局限于浏览器

■最常用浏览器 口微软的 Internet Explorer 10,包括Meto界面、HTML5、CSS3以及大量 安全更新。 口奇虎360的360安全浏览器 ■拥有国内领先的恶意网址库,采用云査杀引擎,可 自动拦截挂马、欺诈、网银仿冒等恶意网址 独创的“隔离模式”,让用户在访问木马网站时也不 会感染。 ■无痕浏览,能够更大限度保护用户的上网隐私 ■360安全浏览器体积小巧、速度快、极少崩溃,并 拥有翻译、截图、鼠标手势、广告过滤等几十种实 用功能

◼ 最常用浏览器 微软的Internet Explorer ◼ IE 10，包括Metro界面、HTML5、CSS3以及大量 安全更新。 奇虎360的360安全浏览器 ◼ 拥有国内领先的恶意网址库，采用云查杀引擎，可 自动拦截挂马、欺诈、网银仿冒等恶意网址。 ◼ 独创的“隔离模式”，让用户在访问木马网站时也不 会感染。 ◼ 无痕浏览，能够更大限度保护用户的上网隐私。 ◼ 360安全浏览器体积小巧、速度快、极少崩溃，并 拥有翻译、截图、鼠标手势、广告过滤等几十种实 用功能

Mozilla的 Firefox ■基于 Mozilla开源项目发展而来 ■最新的 firefox9新增了类型推断( Type Inference ),大幅提高了 JavaScript引擎的渲染速度,使得 很多富含图片、视频、游戏以及3D图片的富网站和 网络应用能够更快的加载和运行 口Appe的 Safari 口 Opera ■ Opera是挪威人开发的免费浏览器,其特点是快速 小巧、符合工业标准、适用于多种操作系统。对于 手机和掌上电脑来说, Opera是首选浏览器

Mozilla的Firefox ◼ 基于Mozilla开源项目发展而来 ◼ 最新的Firefox 9 新增了类型推断（Type Inference ），大幅提高了JavaScript引擎的渲染速度，使得 很多富含图片、视频、游戏以及3D图片的富网站和 网络应用能够更快的加载和运行 Apple的Safari Opera ◼ Opera是挪威人开发的免费浏览器，其特点是快速 小巧、符合工业标准、适用于多种操作系统。对于 手机和掌上电脑来说，Opera是首选浏览器 ◼

口 Google Chrome 免费、开源Web浏览器,,采用BSD许可证授权并 开放源代码。 ■2011年11月,市场份额正式超过 Firefox,跃居第二 支持 Windows平台、 Mac os x和 Linux版本, ■ Chrome浏览速度在众多浏览器中走在前列 Green Browser浏览器 maxthon傲游浏览器等

Google Chrome ◼ 免费、开源 web 浏览器，，采用BSD许可证授权并 开放源代码。 ◼ 2011年11月，市场份额正式超过Firefox，跃居第二 ◼ 支持Windows平台、Mac OS X和Linux版本。 ◼ Chrome浏览速度在众多浏览器中走在前列 GreenBrowser浏览器 maxthon傲游浏览器等

Stat counter Global Stats Top 5 Browsers from 1 Jan to 30 Jun 2012 IE Chrome Firefox Other 16%