网页三巨头:HTML、CSS、JavaScript的关联性

建立一个网页需要三个技术HTML、CSS、JavaScript缺一不可!!
今天来介绍这三个技术有何关联性:
观念概说:
什麽是 HTML?
HTML:是英语HyperText Markup Language的缩写

  • 它负责的是网页的骨架
  • 是一种用於建立网页的标准标记语言
  • 网页浏览器可以读取HTML档案
  • 包含一系列的元素,元素是建构网站的基石
  • 元素包含了标签与内容
  • 元素可以赋予文字片段不同的意义
  • 允许嵌入图片或影片等内容,并且可以用於建立互动式表单
    综合以上所述,可以简言之:HTML可以用tag的方式来告诉浏览器的资讯该如何呈现。例如:浏览器看到button这个tag就明了要在网页上放一颗按钮,看到image这个tag就明了要在网页上放入一张相片。

关於tag如下图所示:
https://ithelp.ithome.com.tw/upload/images/20210917/201419051K2ly95EwG.jpg

左边的选单列有每个tag的介绍,而主选单依序有HTML, CSS, JavaScript的介绍。
CSS:
有了HTML後,如果只是单纯地用HTML的语言描述所呈现的网页,很单调甚至奇丑无比,於是有了CSS (Cascading Style Sheets)的建立,它的功能就如同人类之於化妆品,CSS提供很多很厉害的文字或图片效果,例如:改变文字的颜色或是让图片旋转、变亮等视觉效果。

JavaScript:
•网页的画面如果只是单一静止的呈现,也少了趣味性。如果希望网页多一些丰富性,能和使用者有互动,就有了JavaScript的出现。JavaScript嵌入动态文字於HTML页面,主要用来向HTML页面添加更多的互动行为。

总结
1.HTML建立起网页的主结构
2.CSS负责网页的美观和排版
3.JavaScript负责描述网页如何与使用者互动。
三者关系密不可分,缺一不可。


<<:  [想试试看JavaScript ] 事件处理

>>:  IT铁人DAY 2-物件导向基本概念(1)

Day 7. 关於.NET新手遇到问题,我是这样建议

新手在刚开始学习时,在工作上往往会遇到许多的困难,而在这边我有一些建议可以给新手 1. 学习怎麽Go...

margin & padding - 金鱼都能懂的CSS必学属性

margin 与 padding 这两个属性应该是所有新手必学的两大属性,也是网页入门必备的一项常识...

Day17:17 - 结帐服务(1) - 後端 - 结帐、订单新增API

Здравейте,我是Charlie! 在Day16当中,我们完成了前端的购物车新增跟删除,而今天...

DAY3:离职率预测(下)

人工智慧共创平台-离职率预测(下) 资料清洗 ax = sns.countplot(x="...

DAY 20 - 四足战车 (1)

大家好~ 我是五岁~ 30天发文即将迈入最後1/3哩~ 所以从今天开始要挑战画更难的东西~! 目标 ...