HTML、CSS、JS共同构建了一个网页展示和交互。

  • HTML(HyperText Markup Language)是超文本标记语言。
  • CSS(Cascading Style Sheets)是级联样式表。
  • JS (JavaScript) 是一种脚本语言,主要用于前端页面的 DOM(HTML DOM 简介 | 菜鸟教程) 处理

1、问题一:是什么?

(1)HTML: 超文本标记语言

作用:从语义的角度描述页面结构

(提到HTML的作用,只能从语义方面从想,绝对不能想样式 )

(2)CSS 层叠式样式表 从审美的角度负责页面样式

(3)JS JavaScript 从交互的角度描述页面行为

2、问题二:HTML、 CSS、 JavaScript三者的关系?

网页主要是由这三部分组成: 结构( Structure) 、 表现( Presentation) 和行为( Behavior)

然而三个组成部分分别是由HTML CSS JS来实现:

HTML —— 结构, 决定网页的结构和内容( “是什么”)

CSS —— 表现( 样式) , 设定网页的表现样式( “什么样子”)

JavaScript( JS) —— 行为, 控制网页的行为( “做什么”)

3、举例理解

# HTML是网页内容的载体

内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

# CSS样式是表现

就像网页的外衣,比如:标题字体、颜色变化、为标题加入背景图片、边框等。

所有这些用来改变内容外观的东西称之为表现。

# JavaScript是用来实现网页上的特效效果

比如:鼠标滑过弹出下拉菜单、鼠标滑过表格的背景颜色改变、焦点新闻的轮换。
 

更多推荐

00 :Html、CSS和JS