html5和css和js怎么使用

html-css07

html5和css和js怎么使用,第1张

css可以使页面以一定的布局方式显示出来。

而js对页面的各种动态效果进行处理,如进行图片的替换,图片的滚动,层的显示与隐藏,快捷键的处理等等。

要想使用css和js,只需要引入到html中便可。

方法如下:

下面是HTML5引用css文件:

<link rel="stylesheet" href="../css/demo1.css">

Html5引用js文件

<script src="../js/firstjs.js"></script>

注意:引用时要有顺序,因为是从上往下依次执行调用,所以引用时要注意执行的顺序

HTML5是做什么的?

极其简单的概括:用于实现我们能够看到的所有网站,但是不涉及到数据层面(也就是负责将一张设计好的网页图片[设计师的工作],用代码实现出来,在一个地方放置个块,给一个块设置颜色,调整字体大小,让图片动起来等)。

HTML5的由来

不熟悉HTML5的人,可能会很熟悉一个2005年以前常用的词语——网页设计与制作。

随着行业的发展,网站的制作越来越受到了人们的重视,社会化分工越来越明细。在2005年,“WEB前端开发工程师”这个词语开始出现在各个一线城市。2008年,HTML5横空出世,2009年HTML5这个全新的词语在北京的一些顶尖级公司出现,2012年,逐渐的普及开来,2014年迅速发展。

HTML5的基本组成

HTML5 = HTML + CSS + JavaScript

HTML指的是结构

CSS指样式

JS即JavaScript,指的是行为

关于结构、样式、行为的理解:

结构 - 在整个网页中有标题,有列表,有图片等。

样式 - 标题文字的字体大小、颜色、字体;图片的大小;某个块的背景色或背景图等。

行为 - 在网页上四处飘动的广告;图片滚动;浏览淘宝时鼠标移动到商品时,放大商品的效果等。

无技术基础,看懂HTML5

一般来说,html5的功能展示是依赖于浏览器的。浏览器提供了多少可调用的接口,使用html5就可以实现多少功能。但是浏览器一般不会实现html5完全访问或控制本地资源的权限,所以实现的功能还是有限的。\x0d\x0a 不过目前也有许多通过html5+css+js甚至结合其他语言实现的桌面程序。例如目前可以采用的方案举几个例子:\x0d\x0a1、Node-WebKit\x0d\x0a1.1 Node-WebKit能把HTML5应用打包成本地桌面应用,在Windows、Linux或Mac平台上,不需要其它依赖就可以独立运行你的HTML5应用。\x0d\x0a1.2支持Node.js。可以使用Node.js的所有模块来开发app或游戏。不仅可以使用Node.js原生的模块,而且可以使用第三方的node.js模块。\x0d\x0a2、heX 是网易有道团队的一个开源项目,允许采用前端技术(HTML,CSS,JavaScript)开发桌面应用软件的跨平台解决方案。这个项目目前处于停滞状态。\x0d\x0a3、自己开发一下基于浏览器框架的应用。例如基于谷歌浏览器核心,前端使用浏览器渲染功能结合html5+css+js,后端使用c++开发。