web前端知识介绍解析
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
15
9
知 识 讲 解
xhtml1.0 介绍
1. xhtml 就是标准更严格的html版本，增强了一些规范和限制
2. xhtml 可以理解成就是html的加强版
3. xhtml 好处是增强了程序的可读性
xhtml1.0 规范
• • • • • 页面必须具有DTD声明 img必须加alt 双标签必须闭合， 单标签由反斜线(/) 封闭 引号必须用双引号 标签名与属性名必须小写
3
知 识 讲 解
开发工具介绍
1. 三种常用的 IDE：Dreamweaver、HBuilder、Webstorm 2. 建议使用HBuilder => 速度快，代码提示好，基于eclipse开发， 兼容所有eclipse有的插件
4
知 识 讲 解
浏览器的介绍
1. IE浏览器：IE6—IE8存在兼容性问题，js引擎的性能不好 2. Chrome浏览器：兼容性及js引擎性能都很好 3. FF浏览器：兼容性很好，js引擎性能不如chrome，而且首次打 开特别慢 注意：开发调试建议使用 Chrome 浏览器
分歧
XHTML2.0?
2004年(WHATWG) HTML5草案
2008年(合并) HTML5
2014年 HTML5正式版
11
知 识 讲 解
常用标签的介绍
h1 – h6 双标签 标题 <h5>文章标题</h5> 注：h1只可以出现一次，h2 - h6可以多次出现
P 双标签 段落
<p>文章内容</p>
HTML+CSS 初识web前端和HTML
本节任务
知 识 导 入
• • • • • • • • • •
什么是Web前端 Web前端开发工具 浏览器的介绍 HTML是什么 HTML的文档结构 W3c介绍 Html发展史 Xhtml1.0规范 常用标签的讲解 属性的讲解
2
知 识 讲 解
Web前端开发语言介绍
1. Web前端：浏览器展现给用户的所有东西 (设计+布局+特效+交互) 2. Web前端的发展：随着时代的发展，在这样一个 “体验至上、视觉 为王”的时代，现在的互联网产品不再是以前那样只追求功能的实 现，不在乎视觉效果及用户体验。基于这样的时代需求，Web前端
在产品组成中起到了举足轻重的作用。
3. 职业方向：网站开发(PC+移动)、游戏制作、App开发… 4. 开发语言：html + css + javascript
10
知 识 讲 解
Xhtml 发展史
1993年(IETF) HTML 1.0 1995(W3C) HTML 2.0 1996(W3C) HTML3.2 1997(W3C) HTML 4.0
1999(W3C) HTML 4.01
分化点
2000(W3C) XHTML 1.0
2001(W3C) XHTML 1.1
常用标签的介绍
img 单标签 图片 <img src="图片路径" alt="替换文本" width="宽度" height="高度" /> 注意：
1. alt 只有当地址路径错误的时候才显示
2. width/height 只给一个值的时候另一个值浏览器默认会算 出来，等比例缩放 3. 图片名称不可以出现中文
7
知 识 讲 解
W3c介绍
W3c 万维网联盟，专门制定和维护web标准的组织
万维网联盟创建于1994年，是Web技术领域最具权威和影响力的国际中立性技 术标准机构。到目前为止，W3C已发布了200多项影响深远的Web技术标准及 实施指南，如广为业界采用的超文本标记语言、可扩展标记语言以及帮助残障 人士有效获得Web内容的信息无障碍指南（WCAG）等，有效促进了Web技术 的互相兼容，对互联网技术的发展和应用起到了基础性和根本性的支撑作用。
14
知 识 讲 解
元素样式的介绍
<h5 style=“color:red”>文章标题</h5>
注意： 1. style 属性规定元素的行内样式(行间样式)
2. style 样式内部写法 => 属性名:属性值 => 多个属性用分号隔开
3. color 文字的颜色，值有三种形式 => 十六进制，rgb，英文
12
知 识 讲 解
常用标签的介绍
a 双标签 超链接 <a href="地址" title="提示文字" target="打开方式">超链接标题</a>
属性的介绍
1. 用来表示该标签的性质和特性，通常格式 => 属性名="属性值" 2. 在开始标签中指定 3. 多个属性用空格隔开
13
知 识 讲 解
5
HTML文档结构
知 识 讲 解
1. HTML是什么 • Html 是超文本标记语言 • Html 使用标记来描述网页 • Html 文件的后缀名是 .html 或者是 .htm • Html 文件不需要编译，直接由浏览器解析执行 2. HTML的基础语法
• Html 语法是由标签组成的 => 标记=标签=元素=节点 • Html 标签分为双标签和单标签 • Html 标签不区分大小写，推荐使用小写
6
知 识 讲 解
百度文库
HTML 文档结构
<!DOCTYPE HTML>
<html> <head></head>
<body>hello world</body>
</html> <!DOCTYPE HTML> 网页的DTD声明，告诉浏览器按照指定的标准来解
析网页，这里指的是w3c标准。如果不写DTD声明，浏览器认为这是一 个不太“标准”的网页，就会以“奇怪模式”来显示这个网页。
8
知 识 讲 解
Html 发展史
HTML1.0 – 草案 在1993年6月发为互联网工程工作小组(IETF)工作草案发布(并非标准) HTML 2.0 – 1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时 HTML 3.2 – 1996年1月14日,W3C推荐标准 HTML 4.0 – 1997年12月18日,W3C推荐标准 HTML 4.01(微小改进) – 1999年12月24日,W3C推荐标准 XHTML 1.0 – 发布于2000年1月26日,是W3C推荐标准,后来经过修订于2002年8月1日重新发布 XHTML 1.1 – 于2001年5月31日发布 XHTML 2.0