html css js实现快递单打印_前端开发:HTML,CSS,JS三者都有哪些区别?

在日常学习中,HTML,CSS和JS我们都学过,起初分不清这三者的区别和联系,随着知识的增长,有了一些体会。那么看一下这三项技术都是什么,能干什么?下面和千锋广州小编一起来看看吧!

1eb02c15641c0d04ff4ade425e94a280.png

1、HTML—Hypertext Markup Language。

超文本标记语言。它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(比如文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容。

HTML

HTML文本中包含了所谓的“链接点”HTML利用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。总的来说,HTML就是整合网页结构和内容显示的一种语言。

2、CSS—Cascading Style Sheet

层叠样式表单。是将样式信息与网页内容分离的一种标记语言。我们在牛腩新闻发布系统中,我们使用过CSS文件,对一些标签的样式进行修改。

2288a28da0fe301e0ee8947b16ccf339.png

我们使用CSS为每个HTML元素定义样式,也可以用于多个界面。进行全局更新时,只需修改样式即可。

body { border :1px solid #000;/*整体的边框*/ font-size :14px; }

说白了,CSS就是设置网页上HTML元素属性的语言。

3、Javascript

一开始特别郁闷为什么它的名字跟Java如此相似?

这是典型的市场营销方面的成功,它的推广成功,也是借了Java的东风。当微软开始意识到Java在Web开发人员中流行起来时,微软还是一贯风格,建立了自己的脚本语言,Javascript

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

function jsHello{ alert('Hello World!'); }

把代码嵌入HTML语言中,它会在加载时弹出一个“Hello World”对话框。至于怎么嵌入的,我们在学习JS视频之初就已经知道了。

b9fdd178d377614c0e5733c59b357ee9.png

4、总结

关于 HTML、CSS与JS的区别就给大家介绍这么多,后续千锋广州小编还会给大家介绍这几者结合之后的效果哦!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Web前端开发技术是指通过使用HTMLCSSJavaScript等技术,构建和开发网站的前端部分。 HTML(超文本标记语言)是一种标记语言,用于描述网页的结构和内容。通过使用标签和属性,可以进行文本、图片、链接等的定义和排版,实现页面的基本布局。 CSS(层叠样式表)是一种用于描述网页样式的语言。通过使用选择器和属性,可以定义页面元素的样式,包括颜色、字体、边框、背景等。CSS可以使网页实现更好的外观和可读性。 JavaScript是一种基于对象和事件驱动的脚本语言,用于实现网页的动态和交互效果。通过JavaScript,可以对页面元素进行操作、响应用户事件、进行表验证等,增强用户体验和交互性。 作为Web前端开发者,需要熟练掌握HTMLCSSJavaScript等技术。首先,使用HTML构建页面的骨架和内容,确定页面的结构和布局。接着,使用CSS对页面进行美化和样式定义,增加页面的吸引力和可读性。最后,借助JavaScript实现页面的动态效果交互功能,提高用户体验。 当然,Web前端开发技术不仅仅限于HTMLCSSJavaScript,还涉及到其他技术和框架,例如响应式设计、前端框架(如React、Vue.js)、跨平台开发等。随着互联网和移动互联网的快速发展,Web前端开发也在不断进化,因此持续学习和掌握最新的前端技术是非常重要的。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值