您所在位置:常熟上元教育 > 上元IT > WEB前端 >

常熟IT培训学校_WEB前端培训

2020-03-23 20:58 changshu

常见Web技术之间的关系,你了解多少?

划重点
 本文主要探讨了Web开发技术之间的关系,以及他们组合起来到底有什么用的问题。
  

如果你是一个Web开发初学者,那么你难免会在网上搜索HTML, CSS, XML, JS(Javascript), DOM, XSL等等这些词的意思,然而,随着学习的深入。

联系电话:15262513713 程老师  书院街19号园山居四楼捷梯教育401
联系地址:书院街19号 金海华酒店对面 捷梯教育 全国近80家分校
公交路线:2、5、7、8、9、109、116、104、105、110到书院街下


当你把他们搅在一起,你又糊涂了,你会不停的问,

HTML是什么?
CSS是什么?
XML是什么?
JS是什么?
它们到底有什么用?
在这里,我争取用最根本的语言向大家分别说明HTML, CSS, XML, JS到底是什么,有什么用。然后我们再来看把他们组合起来是什么,有什么用。当然如果你对HTML, CSS, XML, JS有足够了解,可以直接跳过,看文章的后半部分,那里才是本文核心所在。


第一部分


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)是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。

概括,HTML就是整合网页结构和内容显示的一种语言。

Hello World! I'm HTML
浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容。
这段内容在浏览器上显示的结果是:Hello World! I’m HTML
我们看标签上有一个id,这是这个标签的唯一标识,方便别人找到它,对它进行操作。

2. CSS 层叠样式表单(Cascading StyleSheet)。是将样式信息与网页内容分离的一种标记性语言 。作为网站开发者,你能够为每个HTML元素定义样式,并将之应用于你希望的任意多的页面中。如需进行全局的更新,只需简单地改变样式,然后网站中的所有元素均会自动地更新。这样,即设计人员能够将更多的时间用在设计方面,而不是费力克服HTML的限制。说白了,CSS就是设置网页上HTML元素属性的语言。
  CSS代码:

#hello{  color:blue;  }
当把这段CSS代码应用于HTML中,它会找到id为“hello”的HTML标签,将其中的内容以蓝色显示出来;具体的插入HTML的方法这里不再赘述(说一句,只说明是什么,有什么用的问题,不关注技术细节,技术细节网上很好找)。

3. Javascript,首先说明JavaScript和Java无关,JavaScript 是属于网络的脚本语言!那么为什么名字如此相似?这是典型的市场营销方面的成功,它的推广成功,也是借了Java的东风。当微软开始意识到Javascript在Web开发人员中流行起来时,微软还是一贯风格,建立了自己的脚本语言,JScript。

Javascript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象,与Web客户交互作用。例如可以设置鼠标悬停效果,在客户端验证表单,创建定制的HTML页面,显示警告框,设置cookie等等。

网页中所有的对数据进行判断、操作以及向浏览者反馈信息的本地代码实现部分均是Javascript(当然也有其他的),这样既可以使网页更具交互性,给用户提供更令人兴奋的体验,同时减轻了服务器负担。

JS的代码如下:

function jsHello(){  
 alert('Hello World!');    
}
当把以上代码应用于HTML代码,它会在你的HTML载入时,弹出一个内容为“Hello World!”的对话框。同样,它是通过嵌入或调入在标准的HTML语言中实现的,至于如何嵌入或调入不再赘述,理由上面提到了。

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中会给你带来**烦。

上一篇:常熟IT培训学校_零基础学web前端

下一篇:常熟IT培训学校_WEB前端培训哪里有?