HTML+CSS 初识web前端和HTML
2
知
识
导入
本节任务
什么是Web前端
Web前端开发工具
浏览器的介绍
HTML是什么
HTML的文档结构
W3c介绍
Html发展史
常用标签的讲解
属性的讲解
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 文件不需要编译,直接由浏览器解析执行
2. HTML的基础语法
Html 语法是由标签组成的=> 标记=标签=元素=节点
Html 标签分为双标签和单标签
Html 标签不区分大小写,推荐使用小写
7
知
识
讲
解
HTML 文档结构
<!DOCTYPE HTML>
<html>
<head></head>
<body>hello world</body>
</html>
<!DOCTYPE HTML> 网页的DTD声明,告诉浏览器按照指定的标准来解析网页,这里指的是w3c标准。如果不写DTD声明,浏览器认为这是一个不太“标准”的网页,就会以“奇怪模式”来显示这个网页。
8
知
识
讲
解
W3c介绍
W3c 万维网联盟,专门制定和维护web标准的组织
万维网联盟创建于1994年,是Web技术领域最具权威和影响力的国际中立性技术标准机构。到目前为止,W3C已发布了200多项影响深远的Web技术标准及实施指南,如广为业界采用的超文本标记语言、可扩展标记语言以及帮助残障人士有效获得Web内容的信息无障碍指南(WCAG)等,有效促进了Web技术的互相兼容,对互联网技术的发展和应用起到了基础性和根本性的支撑作用。
9
知
识
讲
解
Html 发展史
–草案
在1993年6月发为互联网工程工作小组(IETF)工作草案发布(并非标准)
HTML –
1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时
HTML –
1996年1月14日,W3C推荐标准
HTML –
1997年12月18日,W3C推荐标准
HTML (微小改进) –
1999年12月24日,W3C推荐标准
XHTML –
发布于2000年1月26日,是W3C推荐标准,后来经过修订于2002年8月1日重新发布
XHTML –
于2001年5月31日发布
XHTML
10
知
识
讲
解
介绍
xhtml 就是标准更严格的html版本,增强了一些规范和限制
xhtml 可以理解成就是html的加强版
xhtml 好处是增强了程序的可读性
页面必须具有DTD声明
img必须加alt
双标签必须闭合, 单标签由反斜线(/) 封闭
引号必须用双引号
标签名与属性名必须小写
规范
web前端知识介绍 来自淘豆网m.daumloan.com转载请标明出处.
