web前端开发基础
2015-12-06 13:18
330 查看
学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:
1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。
2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
3. JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。
<div></div>标签
html语言中使用
div 全称 division 意为“区分”,称为区隔标记。作用:设定字、画、表格等的摆放位置。
使用 DIV 的方法跟使用其他 tag 的方法一样:
<DIV>This is a DIV tag .</DIV>
如果单独使用 DIV 而不加任何 CSS-P, 那么它在网页中的效果和使用 <P></P> 是一样的。
但当我们把 CSS-P 用到 DIV 中去以后,我么就可以严格设定它的位置。首先我们需要给这个可以被 CSS-P 控制的 DIV 一个 ID 或说是它的名字。比如说我们给下面这个 DIV 的名字是 truck。给名字的目的是我们以后可用 JavaScript 来控制它, 比如说移动它或改变它的一些性质等等。
<DIV ID="truck">
This is a truck
</DIV>
学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:
1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。
2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
3. JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。
<div></div>标签
html语言中使用
div 全称 division 意为“区分”,称为区隔标记。作用:设定字、画、表格等的摆放位置。
使用 DIV 的方法跟使用其他 tag 的方法一样:
<DIV>This is a DIV tag .</DIV>
如果单独使用 DIV 而不加任何 CSS-P, 那么它在网页中的效果和使用 <P></P> 是一样的。
但当我们把 CSS-P 用到 DIV 中去以后,我么就可以严格设定它的位置。首先我们需要给这个可以被 CSS-P 控制的 DIV 一个 ID 或说是它的名字。比如说我们给下面这个 DIV 的名字是 truck。给名字的目的是我们以后可用 JavaScript 来控制它, 比如说移动它或改变它的一些性质等等。
<DIV ID="truck">
This is a truck
</DIV>
相关文章推荐
- 编解码JSON数据
- 在html中嵌入css的三种方法
- js异常处理
- 剑指offer | 有序二维数组查找
- Self-Organizing Feature Map Neural Networks (SOM)
- 【Html】使用表单标签,与用户交互
- IOS前端浏览器定制
- AngularJS的指令用法
- seajs配置问题详解以及seajs一些插件的使用
- 【Html】使用mailto在网页中链接Email地址
- jQuery.form.js使用
- node.js建立简单应用
- JavaScript-offsetWidth,clientWidth,scrollWidth,及对应top、left区别及实测结果
- JSON数据的两种嵌套形式
- 基于jse的金蝶K3ERP-BOM物料编码位置号比对工具(输出excel)
- Extjs 6 MVC开发模式(一)
- LeetCode:Populating Next Right Pointers in Each Node
- css在网页中的一些重要运用
- javascript关于检测浏览器和操作系统的问题
- JS中的split