html/css/js是什么关系

HTML、CSS和JS是组成网页的主要部分:HTML定义网页结构,CSS描述网页样子,JS设置网页行为。打个比方:HTML就像一个人的骨骼、器官,CSS是人的皮肤,这两样构成一个植物人,加上js这个植物人就可以对外界刺激做出反应,可以思考、运动,是活生生的人。

html/css/js是什么关系

工作多年,一直忙忙碌碌的应用各种技术,现在不忙了,问问自己究竟在做什么,究竟会什么竟答不上来,回想起来工作中经常是被要求多快好省的去实现一个目标,用度娘解决问题,却没时间了解原因,今天就从宏观的角度入手来归纳总结一下。

HTML、CSS、JavaScript简介及简单分工

1、什么是HTML(超文本标记语言 Hyper Text Markup Language),HTML 是用来描述网页的一种语言。
2、CSS(层叠样式表 Cascading Style Sheets),样式定义如何显示 HTML 元素,语法为:selector {property:value} (选择符 {属性:值})
3、JavaScript是一种脚本语言,其源代码在发往客户端运行之前不需经过编译,而是将文本格式的字符代码发送给浏览器由浏览器解释运行

对于一个网页,HTML定义网页的结构,CSS描述网页的样子,JavaScript设置一个很经典的例子是说HTML就像 一个人的骨骼、器官,而CSS就是人的皮肤,有了这两样也就构成了一个植物人了,加上javascript这个植物人就可以对外界刺激做出反应,可以思 考、运动、可以给自己整容化妆(改变CSS)等等,成为一个活生生的人。

立即学习“前端免费学习笔记(深入)”;

如果说HTML是肉身、CSS就是皮相、Javascript就是灵魂。没有Javascript,HTML+CSS是植物人,没有Javascript、CSS是个毁容的植物人。
如果说HTML是建筑师,CSS就是干装修的,Javascript是魔术师。

怎么把这三者联系在一起呢,当然得通过网页的肉身HTML,HTML是一直描述语言,它是对着浏览器描述自己的,那么它通常怎么描述具体的这个网页呢?

网页标题

这是一个段落

这是一个最简单的HTML文档,文档说的是,浏览器啊,我是遵循W3C标准XHTML1.0过渡版本规范(文件类型声明),我采用的编码是utf-8,我的标题是“网页标题”,描述我的模样的样式表是我同目录的mycss.css文件,与我有关的javascript代码在我同级的myks.js文件中,我的内容有一个段落,段落的内容是“这是一个段落”。

以上就是html/css/js是什么关系的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1547846.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 19:30:56
下一篇 2025年12月21日 19:31:19

相关推荐

  • doctype html 什么意思?

    前写html或者jsp页面,从来不注意doctype的声明,也不太明白doctype的作用意义。直到最近碰到了一个非常奇葩的bug:某一个页面在ie7和8,chrome,ff等下正常,但是在ie9下显示有问题。经过一番努力,终于在httpwatch里边找到了答案:doctype未声明。于是我给页面添…

    2025年12月21日
    000
  • html 可以用什么软件进行开发?

    html是超文本标记语言(hyper text markup language),标准通用标记语言下的一个应用,html 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。 可以用以下几种软件开发: 一、HBuilder hbuilder是DCloud推出的…

    2025年12月21日
    000
  • 什么软件可以编写html代码

    可以编写html代码的软件有:1、Brackets;2、WebStorm;3、vscode;4、Sublime Text;5、HBuilder;6、EditPlus。HTML是用来描述网页的一种语言,它不是编程语言,而是标记语言。 HTML代码可以用Brackets、WebStorm、vscode、…

    2025年12月21日
    000
  • html站点怎么命名?

    html是一种网页描述语言。是一个基于文本的编码标准,一个网页可以是一个html文件。而一个网站可以是由一组相关的html文件和其他文件组成。 站点指IP地址,即URL,是互联网上标准资源的地址。它具有唯一性,就像文件所在的路径与文件名一样,相同的文件夹下不能有两个相同类型且相同文件名的文件。 UR…

    2025年12月21日
    000
  • url是什么意思?

    实际上,我们在使用互联网的过程中,其中有许多东西都是只会用,而不知道它到底是啥名字,看见了也不理解它是做什么的,比如今天我将和大家说的url,实际上就是我们在互联网生活中非常常见的一个东西。 本教程操作环境:windows7系统、Dell G3电脑。 你在看网页的时候有木有注意到它长长的网址?其实那…

    2025年12月21日
    000
  • 怎么学好HTML?

    怎么学好html? 学习html首先要了解什么是html,然后,我们要下载一个html编辑器,并且要对html各个标签熟练掌握,灵活运用,另外也可以参考一些html视频网站,一些视频网站对html都有详细的介绍,新手完全可以对照教程去学习html。 html并不很难学,只是一些简单标签和属性,只要我…

    2025年12月21日
    000
  • css怎么连接到html

    css连接到html的方式有:直接在标签内写css样式;通过style在头部直接写入css;通过link外部链接一个css文件;接入多个css文件时通过@import url来实现 CSS连接到html的方式有四种,分别是: 方法一:直接在标签里写入对这个标签的css控制 方法二:头部直接写入css…

    2025年12月21日
    000
  • HTML中怎么打空格字符?

    html中打空格字符的方法: 一、一个空格字符键入 在html网页中一个空格,我们可以键入“空格”键即可实现。 二、多个html空格字符  如果在html中想实现多个空格间隙,如果是键入多个“空格”键,但最终也只显示一个空格间隙。这个时候我们就需要真正的空格字符代码了。 立即学习“前端免费学习笔记(…

    2025年12月21日
    000
  • html5搜索匹配怎么做?

    【HTML5+jquery】实现的搜索匹配效果,或者说是搜索过滤,当你在文本框输入一个字符时,如果下边的列表中有以此为开头的内容时,将自动为你显示相关内容。 示例中仅列出了一些,用时候你可以自己再完善下,代码仅为您提供一种思路,希望对你是有帮助的 HTML 公司选择: 厦门集众筹智科技有限公司 苏州…

    2025年12月21日
    000
  • html5编程需要什么软件?

    现今,HTML5非常火热,有不少朋友问HTML5需要什么软件编程,下面我将和大家分享十款可以用来编写HTML5的软件。 一、HBuilder hbuilder是DCloud推出的一款支持HTML5的Web开发IDE。快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升…

    2025年12月21日 好文分享
    000
  • html编程用什么软件?

    超文本标记语言(hyper text markup language),标准通用标记语言下的一个应用。html 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的,其中“超文本”是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 接下来将和大家主要介绍…

    好文分享 2025年12月21日
    000
  • html5前端是什么?

    想要知道html5前端是什么,我们得首先了解什么是html5以及什么是前端,以及他们的关系。下面和小编一起了解一下吧。 什么是html5? 所谓“HTML5”,是指“HTML”的第5个版本,而“HTML”,则是指描述网页的标准语言。因此,HTML5,是第5个版本的“描述网页的标准语言”。 什么是前端…

    2025年12月21日
    000
  • html格式什么意思?

    有一天,小红的在文件夹里看到里面有一个html格式的文件,非常好奇,就问了小编,小编将答案总结了一下,带大家一起了解一下什么是html格式,html格式什么意思呢? 用HTML语言写的页面被称为HTML格式,它不含任何与平台和程序相关的信息,它们可以被任何文本编辑器读取。HTML语言是超文本标记语言…

    2025年12月21日
    000
  • HTML中id和class属性之间的区别是什么?

    在html中我们经常会使用到id和class属性,它们之间的作用相似,那么它们之间有什么区别?下面本篇文章就来简单比较一下html中id和class属性,介绍html中id和class属性之间的区别,希望对大家有所帮助。【视频教程推荐:html教程】 HTML id属性 id属性是用于指定文档的唯一…

    2025年12月21日
    000
  • 小白首次个人网页上线流程

    之前学过做静态网页,但都只是自己看的,虽然是知道要发布出去才能在浏览器上看到,但是一直以来没有了解过,今天百度了一下,终于初步测试完成。本文我将介绍一下我的上线网站的主要流程,感兴趣的朋友来学习一下吧。 1.首先我了解到上线网站需要两点,服务器和域名。域名是在阿里云买的,19元/年(挑便宜的买)。然…

    2025年12月21日 好文分享
    000
  • HTML怎么布局

    利用HTML进行布局的方法有:1、通过“”标签来对表格的行和列进行排列来实现页面布局的效果;2、将网页内容放在多个页面中的多列布局;3、使用div和span标签进行布局。 页面布局是图形设计的一部分,用于处理页面上视觉元素的排列。接下来在文章中为大家详细介绍如何利用HTML进行网页布局,希望对大家有…

    2025年12月21日 好文分享
    000
  • html是什么意思

    HTML是超文本标记语言,是标准通用标记语言下的一个应用;而超文本标记语言的结构包括“头”部分和“主体”部分,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。 本文操作环境:Windows7系统、HTML5版,DELL G3电脑 HTML是超文本标记语言(Hyper Text Mar…

    2025年12月21日
    000
  • head标签中有什么属性?

    本篇文章给大家带来的内容是关于head标签中有什么属性?有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 head 标签里有什么? 每一个 html 文档中,都有一个不可或缺的标签:  ,它作为一个容器,主要包含了用于描述 html 文档自身信息(元数据)的标签,这些标签一般不会在页面…

    好文分享 2025年12月21日
    000
  • HTML标签伪元素绑定事件的三种方式

    本篇文章给大家带来的内容是关于html标签伪元素绑定事件的三种方式,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 最近项目中遇到点击一个图标执行某些操作的功能,本来很简单就能实现,但图标却是 ::after 伪元素实现的,在印象中好像不能直接对伪元素进行 dom 操作,可项目中有所…

    2025年12月21日
    000
  • 可替换元素是什么?(附示例)

    本篇文章给大家带来的内容是关于可替换元素是什么?(附示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 最近在群聊里偶然看到有位仁兄发了张今日头条前端面试题的截图,其中关于 HTML 的只有一题,如下: 请问什么是可替换元素和非可替换元素,它们的差异是什么?并举例说明。 前端面试…

    好文分享 2025年12月21日
    000

发表回复

登录后才能评论
关注微信