没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
我的学习笔记 005--常见 web 前台技术之间的关系 html,css,javascript...
在网上浏览到这篇博客本来想自己总结但是发现人家写的已经想当好了,让我想精简也无法
精简那就挑选我认为重点的东西赋值粘贴 过来
如果你是一个 Web 开发初学者,那么你难免会在网上搜索 HTML, CSS, XML, JS(Javascript),
DOM, XSL 等等这些词的意思,然而,随着学习的深入。当你把他们搅在一起,你又糊涂了,
你会不停的问,HTML 是什么?CSS 是什么?XML 是什么?JS 是什么?它们到底有什么用?无论是
网络百科,还是一些 IT 专题网站,又或者一些牛人博客,他们都会告诉你,某个单一的东
西是什么,这类文章很多,但很少有涉及,它们组合起来是什么,有什么用。我想,我写这
篇文章,就是为了说明一下这个他们很少涉及的问题。
归纳、总结、提炼能力是我们进步的发动机,这种能力是可以有意识地培养的,拉卡拉
电子支付公司董事长兼总裁孙陶然提到:在拉卡拉我们要求用三条说清楚任何问题就是一种
能力训练,任何问题如果不能用三条说清楚说明你还没想透。
在这里,我争取用最根本的语言向大家分别说明 HTML, CSS, XML, JS 到底是什么,有什
么用。然后我们再来看把他们组合起来是什么,有什么用。当然如果你对 HTML, CSS, XML, JS
有足够了解,可以直接跳过,看文章的后半部分,那里才是本文核心所在。
1 第一部分
1.1 HTML 超 文 本 标 记 语 言 (Hyper Text Markup
Language) ,是用来描述网页的一种标记语言。
<html>
<head>
<title>HTML</title>
</head>
<body>
<p id="num1">Hello World! I'm HTML</p>
</body>
</html>
网页文件本身是一种文本文件,通过在文本文件中添加标记,可以告诉浏览器如何显示
其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。
HTML 之所以称为超文本标记语言,是因为文本中包含了所谓“超链接”点。超文本
(Hypertext)是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。
1.1.1 总结,HTML 就是整合网页结构和内容显示的一种语言。
Hello World! I'm HTML
浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容。
这段内容在浏览器上显示的结果是:Hello World! I'm HTML
我们看<p>标签上有一个 id,这是<p>这个标签的唯一标识,方便别人找到它,对它进行
操作。
1.2 CSS 层叠样式表单(Cascading StyleSheet)。
是将样式信息与网页内容分离的一种标记性语言 。作为网站开发者,你能够为每个 HTML
元素定义样式,并将之应用于你希望的任意多的页面中。如需进行全局的更新,只需简单地
改变样式,然后网站中的所有元素均会自动地更新。这样,即设计人员能够将更多的时间用
在设计方面,而不是费力克服 HTML 的限制。说白了,CSS 就是设置网页上 HTML 元素属性
的语言。
CSS 代码:
#hello{
color:blue;
}
当把这段 CSS 代码应用于 HTML 中,它会找到 id 为“hello”的 HTML 标签,将其中的内容
以蓝色显示出来;具体的插入 HTML 的方法这里不再赘述(说一句,只说明是什么,有什么用
的问题,不关注技术细节,技术细节网上很好找)。
1.2.1 总结:HTML 的补充技术
是一种为超文本置标语言(HyperText Markup Language, HTML)提供增强补充服务的
技术,可对每一个 HTML 的置标(tag)做精雕细刻的修饰。
只用 HTML 制作的网页,对页面内各部分的修饰能力有限且语句烦锁,CSS 正是弥补
这一缺陷的有力技术,它语句、文法简单,只要在源码中插入 STYLE 语句就可轻易实现页
面内任意文本颜色、背景、边框、行距、字距的添删和修饰等功能,使网页更加生动活泼,
从而获得满意的效果。
1.3 Javascript,
首先说明 JavaScript 和 Java 无关,JavaScript 是属于网络的脚本语言!那么为什么名字如此相
似?这是典型的市场营销方面的成功,它的推广成功,也是借了 Java 的东风。当微软开始意识
到 Javascript 在 Web 开发人员中流行起来时,微软还是一贯风格,建立了自己的脚本语言,
JScript。
Javascript 是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。
使用它的目的是与 HTML 超文本标记语言、Java 脚本语言(Java 小程序)一起实现在一个 Web
页面中链接多个对象,与 Web 客户交互作用。
1.3.1 例子:
如:例如可以设置鼠标悬停效果,在客户端验证表单,创建定制的 HTML 页面,显示警
告框,设置 cookie 等等。
JS 的代码如下:
function jsHello(){
alert('Hello World!');
}
当把以上代码应用于 HTML 代码,它会在你的 HTML 载入时,弹出一个内容为“Hello
World!”的对话框。同样,它是通过嵌入或调入在标准的 HTML 语言中实现的,至于如何嵌
入或调入不再赘述,理由上面提到了。
1.3.2 总结:数据判断,操作及向浏览者反馈信息=
网页中所有的对数据进行判断、操作以及向浏览者反馈信息的本地代码实现部分均是
Javascript(当然也有其他的),这样既可以使网页更具交互性,给用户提供更令人兴奋的体验,
同时减轻了服务器负担。
1.4 Xml:可扩展标记语言 (Extensible MarkupLanguage)
是一套定义语义标记的规则,这些标记将文档分成许多部件并对这些部件加以标识。它也是
元标记语言,即定义了用于定义其他与特定领域有关的、语义的、结构化的标记语言的句法
语言。你可以把 XML 理解为一种数据库,例如 rss 就是 xml 的一种变体。
XML 代码如下:
<Hello>
<bcd>China</bcd>
<bcd>USA</bcd>
<bcd>UK</bcd>
</Hello>
XML 的起因是,用户受到 SGML(后面再说)复杂性的挫伤和 HTML 的不充分。相对 HTML
来说,XML 更追求严谨性,如果说你在 HTML 代码中标签比较混乱,如未关闭等,或许浏览
器会忽略这些错误;但同样的事情发生在 XML 中会给你带来大麻烦。
铺垫终于完了,在进入正题之前,建议大家对比着图来理解后边的内容,废话不多说,
开始进入正题。
2 第二部分
剩余10页未读,继续阅读
资源评论
littlevine
- 粉丝: 0
- 资源: 19
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功