web前端知识介绍.ppt_第1页
web前端知识介绍.ppt_第2页
web前端知识介绍.ppt_第3页
web前端知识介绍.ppt_第4页
web前端知识介绍.ppt_第5页
已阅读5页,还剩10页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

HTML CSS初识web前端和HTML 2 知识导入 本节任务 什么是Web前端Web前端开发工具浏览器的介绍HTML是什么HTML的文档结构W3c介绍Html发展史Xhtml1 0规范常用标签的讲解属性的讲解 3 知识讲解 Web前端开发语言介绍 Web前端 浏览器展现给用户的所有东西 设计 布局 特效 交互 Web前端的发展 随着时代的发展 在这样一个 体验至上 视觉为王 的时代 现在的互联网产品不再是以前那样只追求功能的实现 不在乎视觉效果及用户体验 基于这样的时代需求 Web前端在产品组成中起到了举足轻重的作用 职业方向 网站开发 PC 移动 游戏制作 App开发 开发语言 html css javascript 4 知识讲解 开发工具介绍 三种常用的IDE Dreamweaver HBuilder Webstorm建议使用HBuilder 速度快 代码提示好 基于eclipse开发 兼容所有eclipse有的插件 5 知识讲解 浏览器的介绍 IE浏览器 IE6 IE8存在兼容性问题 js引擎的性能不好Chrome浏览器 兼容性及js引擎性能都很好FF浏览器 兼容性很好 js引擎性能不如chrome 而且首次打开特别慢 注意 开发调试建议使用Chrome浏览器 6 知识讲解 HTML文档结构 1 HTML是什么 Html是超文本标记语言Html使用标记来描述网页Html文件的后缀名是 html或者是 htmHtml文件不需要编译 直接由浏览器解析执行 2 HTML的基础语法 Html语法是由标签组成的 标记 标签 元素 节点Html标签分为双标签和单标签Html标签不区分大小写 推荐使用小写 7 知识讲解 HTML文档结构 helloworld 网页的DTD声明 告诉浏览器按照指定的标准来解析网页 这里指的是w3c标准 如果不写DTD声明 浏览器认为这是一个不太 标准 的网页 就会以 奇怪模式 来显示这个网页 8 知识讲解 W3c介绍 W3c万维网联盟 专门制定和维护web标准的组织 万维网联盟创建于1994年 是Web技术领域最具权威和影响力的国际中立性技术标准机构 到目前为止 W3C已发布了200多项影响深远的Web技术标准及实施指南 如广为业界采用的超文本标记语言 可扩展标记语言以及帮助残障人士有效获得Web内容的信息无障碍指南 WCAG 等 有效促进了Web技术的互相兼容 对互联网技术的发展和应用起到了基础性和根本性的支撑作用 9 知识讲解 Html发展史 HTML1 0 草案在1993年6月发为互联网工程工作小组 IETF 工作草案发布 并非标准 HTML2 0 1995年11月作为RFC1866发布 在RFC2854于2000年6月发布之后被宣布已经过时HTML3 2 1996年1月14日 W3C推荐标准HTML4 0 1997年12月18日 W3C推荐标准HTML4 01 微小改进 1999年12月24日 W3C推荐标准XHTML1 0 发布于2000年1月26日 是W3C推荐标准 后来经过修订于2002年8月1日重新发布XHTML1 1 于2001年5月31日发布XHTML2 0 10 知识讲解 xhtml1 0介绍 xhtml就是标准更严格的html版本 增强了一些规范和限制xhtml可以理解成就是html的加强版xhtml好处是增强了程序的可读性 页面必须具有DTD声明img必须加alt双标签必须闭合 单标签由反斜线 封闭引号必须用双引号标签名与属性名必须小写 xhtml1 0规范 11 知识讲解 Xhtml发展史 1993年 IETF HTML1 0 1995 W3C HTML2 0 1996 W3C HTML3 2 1997 W3C HTML4 0 1999 W3C HTML4 01 2000 W3C XHTML1 0 2001 W3C XHTML1 1 XHTML2 0 分歧 2004年 WHATWG HTML5草案 2008年 合并 HTML5 2014年HTML5正式版 分化点 12 知识讲解 常用标签的介绍 h1 h6双标签标题文章标题注 h1只可以出现一次 h2 h6可以多次出现 P双标签段落文章内容 13 知识讲解 常用标签的介绍 a双标签超链接超链接标题 属性的介绍 用来表示该标签的性质和特性 通常格式 属性名 属性值 在开始标签中指定多个属性用空格隔开 14 知识讲解 常用标签的介绍 img单标签图片 注意 1 alt只有当地址路径错误的时候才显示2 width height只给一个值的时候另一个值浏览器默认会算出来 等比例缩放3 图片名称不可以出现中文 15 知识讲解

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论