HTML、CSS、JavaScript之间的联系区别

HTML+CSS+JS是做网页前台设计的标准套装

一、HTML:(HyperText Markup Language)超文本标记语言
结构(structure)——决定网页的结构及内容,即“显示哪些内容”

可以把HTML说成是静态代码。
“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

二、CSS(Cascading Style Sheet)层叠样式表单
表现(presentation)——设计网页的表现样式,即“如何显示有关内容”

CSS是将样式信息与网页内容分离的一种标记语言,我们使用css为每个元素定义样式;它主要用于美化HTML页面。
语法为:selector {property:value} (选择符 {属性:值})。
通过设置对应的样式属性可以修改html文档内各元素的显示、位置等样式;如修改颜色、字体、字号、宽高、位置、背景等

三、JS(JavaScript)一种动态脚本语言
行为(behavior)——控制网页的行为(效果),即“内容应该如何对事件做出反应”

使用JavaScript代码可以让前台变的有交互(点击事件),常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
JS的常用功能:
1、嵌入动态文本于HTML页面
2、对浏览器事件作出响应
3、读写HTML元素
4、在数据被提交到服务器之前验证数据
5、检测访客的浏览器信息
6、控制cookies,包括创建和修改等

对于一个网页
eg1:HTML定义网页的结构,CSS描述网页的样子,而JavaScript,设置一个很经典的例子是说HTML就像 一个人的身体,而CSS就是人的衣服,Javascript就像人的思想和行为

eg2:HTML是肉身、CSS就是皮相、Javascript就是灵魂。没有Javascript,HTML+CSS是植物人,没有CSS、HTML是个毁容的植物人

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页
评论 5

打赏作者

stonebecomesrock

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值