山东大学《网站设计与建设》课件第10章 HTML基础
110页1、第第10章章 HTML基础基础第三部分 网站设计技术 101 HTML简介nHypertext Mrakup Language(超文本标记语言)n是为网页创建和其它可在网页浏览器中看到的信息而设计的一种标记语言。nHTML已经成为描述和显示网页的国际标准,n由万维网联盟(W3C)维护。nHTML的一个重要特点是超级链接hyperlinkn一个HTML文件的后缀名是.html或者是.htmnHTML是一个纯文本格式的ASCII文件nHTML不是一种编程语言,而是一种描述性的标记语言,n用于描述超文本中内容的显示方式。这些内容的描述都是通过HTML标记来完成的n标记:被用来结构化信息例如标题、段落和列表等等,也可用来在一定程度上描述文档的外观和语义,比如图片的显示尺寸,文字的大小、颜色、字体等。 Title of page This is my first homepage. This text is bold nHTML的标记不区分大小写。2.浏览器:HTML解释器、网页解释器n网站浏览器(Browser)是万维网(Web)服务的客户端浏览程序,可向万维网(Web)服务器发送各种请求,并
2、对从服务器发来的HTML超文本信息和各种多媒体数据格式进行解释、显示和播放,简言之浏览器就是访问网站的客户端工具软件。nHTML解释器并不局限于浏览器n最常用浏览器微软的Internet ExplorernIE 10,包括Metro界面、HTML5、CSS3以及大量安全更新。奇虎360的360安全浏览器n拥有国内领先的恶意网址库,采用云查杀引擎,可自动拦截挂马、欺诈、网银仿冒等恶意网址。n独创的“隔离模式”,让用户在访问木马网站时也不会感染。n无痕浏览,能够更大限度保护用户的上网隐私。n360安全浏览器体积小巧、速度快、极少崩溃,并拥有翻译、截图、鼠标手势、广告过滤等几十种实用功能.Mozilla的Firefoxn基于Mozilla开源项目发展而来n最新的Firefox 9 新增了类型推断(Type Inference),大幅提高了JavaScript引擎的渲染速度,使得很多富含图片、视频、游戏以及3D图片的富网站和网络应用能够更快的加载和运行Apple的SafariOperanOpera是挪威人开发的免费浏览器,其特点是快速小巧、符合工业标准、适用于多种操作系统。对于手机和掌上电脑来
3、说,Opera是首选浏览器n。Google Chromen免费、开源 web 浏览器,采用BSD许可证授权并开放源代码。n2011年11月,市场份额正式超过Firefox,跃居第二n支持Windows平台、Mac OS X和Linux版本。nChrome浏览速度在众多浏览器中走在前列GreenBrowser浏览器maxthon傲游浏览器等3. 浏览网页原理-HTML基本原理n下载n浏览器将文档解释为网页并在浏览器窗口中显示出来。n标准HTML能在不同浏览器上产生同样的效果 HTML并不能精确地定义文档信息如何显示和排列,而只是建议浏览器应该如何显示和排列这些信息102 HTML标准与发展历史n万维网联盟World Wide Web Consortium,W3C,http:/www.w3.orgnHTML、XHTML和CSS,HTML 和 XHTML 用来提供内容CSS 用来对内容进行修饰 W3C 制定的 web 标准并非强制而只是推荐标准。nHTML标准定义了构成HTML语言的每一个独立元素以及这些元素是指示如何在浏览器中显示HTML文档中的指令和标记符。n这一标准确保在不同的浏览器和
4、计算机平台上超文本显示的一致性2HTML的起源nSGML(standard generalized markup language,标准通用标记语言)语言,于1986年获得国际标准化组织的批准。这种语言是为了在各种网络环境之间、不同文件格式之间进行交流而使用的一种语言格式。它的文件格式标准化,并统一使用标记符号(tag)对文件的内容进行标记。nHTML于1991年问世,它是SGML的一个子集。nHTML是一种有前后关系格式化的语言,因此在HTML中除了包含文本内容,还包含通常是成对出现的标记。n标记是包括在尖括号中的文本,为HTML的解释器提供指令。3. HTML版本历史nHTML于1991年问世,它是在SGML基础上开发成功的,可以说它是SGML的一个子集。 n第一版1993年6月草案(并非标准)nHTML2.0:1995年11月发布 nHTML3.2:1996年1月14日,表格、框架 nHTML4.0:1997年12月18日,CSS,开访问性nHTML4.01:1999年12月24日,XHTMLnHTML 5.0最新草案2008年1月22日发布,支持HTML和XHTML。nHTML
5、 5.02012年12月17日,W3C推荐标准。“HTML5是开放的Web网络平台的奠基石。”nHTML 5.1最新草案2013年5月28日发布,该规范定义了第五次重大版本,第一次要修订万维网的核心语言:超文本标记语言(HTML)。HTML 开发环境?n第第16章章 网站开发设计工具网站开发设计工具103 HTML标记与属性n标记(Tag)标记由封装在小于号()构成的一对尖括号之中,标记一般分首标记和尾标记,它们成对出现。 例如:text with underline 开始标记,开启标记结束标记 ,关闭标记nHTML文件结构 例子1之间包含头部(head)与实体(body)两大部分HTML标记语法n标记单标记,例如:, 双标记, 例如:注释标记:或注释内容通过属性扩展HTML元素的描述能力n标记属性 例如: 引号不对,出问题n5HTML字符实体 标记n一般形式 各种子标记 脚本语言定义的函数或变量说明n功能开启()和结束( )文件头标记文件头部分的内容不在网页中显示n属性无文件头及相关标记n 标记标记 标记标记标记 标记n一般形式网页标题文本例如:欢迎光临GSL网站 n功能用于标识网页
《山东大学《网站设计与建设》课件第10章 HTML基础》由会员东***分享,可在线阅读,更多相关《山东大学《网站设计与建设》课件第10章 HTML基础》请在金锄头文库上搜索。
幼儿园大班科学活动《智能留言机》课件
幼儿园大班语言绘本阅读《手电筒看见了什么》PPT
幼儿园小班科学《教宝宝认识动物》课件
幼儿园中班语言《灰狼家的小饭桶们》教案
【国家审计报告】审计报告W-06审计处罚决定书
【企业财务管理办法】会计档案管理办法
【员工主动离职-风险防范】劳动争议判决书
【员工被动离职-后续工作】70-070员工违反有关商业秘密的约定可以索赔吗
【员工被动离职-辞退申请】第六节 员工任免通知书
【员工被动离职-后续工作】70-050因员工的原因使服务期无法完成可以索赔吗
企业岗位管理制度12办公室行为规范
企业岗位管理制度30离职人员薪资发放通知单
幼儿园春游活动美丽的公园教案
呼职院电力机车制动机讲义11高速列车和重载列车制动
武理工《运输管理》教案第1章 运输系统
中海大海洋化学讲义02海洋的形成和海水的组成——兼论地球上水的起源、变迁和循环
武理工船舶柴油机习题库及答案04燃油喷射和燃烧
厦大海洋生态学课件07海洋初级生产力
华北理工水声学课件05声波在目标上的反射和散射-1目标强度及常见声纳目标的目标强度的一般特征
武理工船舶结构与设备课件02船体结构与管系-4专用船特殊船体结构特点
2022-05-11 101页
2022-05-11 50页
2022-05-10 22页
2022-05-09 75页
2022-05-09 51页
2022-04-24 54页
2022-04-24 123页
2022-04-24 18页
2022-04-23 11页