熟悉前端三件套html、css、js | 豆包MarsCode AI刷题

前言：前端三件套————html、css、JavaScript，作为前端学习基础中的基础，在日后的框架学习和模块化开发发挥着尤为重要的作用。在近日的训练营学习的过程当中，我深刻理解到了三者相辅相成，共同构建了我们日常浏览的网页世界。

三件套：

• HTML

  • 定义和作用：HTML是超文本标记语言，它是用来描述网页文档结构的语言。通过使用各种标签，HTML能够定义文本的格式、图片的位置、链接的目标等信息，使得浏览器能够正确解析并显示页面内容。

  • 结构：

    

  • 如下示例中可以看出页面的内容代码全都包裹在body标签中，作为网页内容的主体呈现。在meta中可以确定编码方式，title标签则确定了网页的任务栏标题。

    

    

• CSS

  • 定义和作用：CSS即层叠样式表，用于控制网页的外观和布局。它能够帮助开发者更加灵活地设计页面样式，实现内容与样式的分离，提高网站的可维护性和用户体验。

  • 基本语法：CSS由选择器和一条或多条声明组成。每条声明包括一个属性和一个值，中间用冒号分隔，声明之间用分号分隔。

  • 以下示例中是一个标签选择器，所有css属性包裹在花括号里面，如此定义后页面上的所有div标签都会呈现出花括号中描述的样子。

    

• JS

  • 定义和作用：JavaScript是一种轻量级的编程语言，广泛应用于Web浏览器中，可以用来创建动态和交互性的网页效果。通过与HTML和CSS结合，JavaScript能够让网页响应用户的操作，实现更丰富的功能。

  • 基本概念：变量、函数、事件、DOM

  • 如下示例中可见JavaScript同Java、c语言一样能够定义变量，赋值变量，而且相比后两者，其对变量类型的检查并不严格，显得十分的灵活。此外其字符串也有对应的函数库，可以便捷的实现各种字符串操作。

    

    

总结：看完《前端语言串讲》后，对前端三件套有了初步的了解，掌握HTML、CSS和JavaScript对于任何想要从事前端开发的人来说都是必不可少的。它们不仅是构建现代Web应用的基础，也是不断进化的技术领域中的重要组成部分，仍需跟着训练营继续学习。