HTML、CSS、JavaScript

最新推荐文章于 2025-08-09 09:13:18 发布

原创最新推荐文章于 2025-08-09 09:13:18 发布 · 629 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

本文深入探讨HTML、CSS和JavaScript的基础知识与特性，讲解如何使用HTML构建网页结构，CSS美化网页样式，以及JavaScript添加交互功能，揭示网页开发的核心技术。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML (Hyper Text Markup Language）是一种标记语言，是网页制作所必备的。
超文本标记一眼主要特点如下：
一、简易性
二、可扩展性
三、平台无关性
四、通用性
下面展示我用 intellj idea 制作的一个网页。

 <!DOCTYPE html>
		 <head>
		 <meta charset = "UTF-8">
		 <title>我是一个网页</title>
		 <body>
		 I wrote this words in the 'body',this words will show on the web.That's all.
		 <br>
		 (英文有错误请指出哈） 
		 </body>
		 </head>		
		 </html>

简单效果图展示：在这里插入图片描述

CSS(Cascading Style Sheets)层叠样式表，是用来表现html等文件样式的计算机语言，CSS不仅可以修饰静态网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS能够对网页中元素的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式，利用CSS可以实现修改一个小的样式更新与之相关的所有页面元素。

CSS具有以下特点：
一、丰富的样式定义
丰富的文档样式外观
设置文本和背景属性的能力；允许为任何元素创建边框；设置元素边框与其他元素间的距离；设置元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
二、易于使用和修改
CSS样式表可以将所有的样式声明统一存放，进行统一管理；另外，可以将相同样式的元素进行归类，使用同一个样式进行定义，也可以将某个样式应用到所有同名的HTML标签中，也可以将一个CSS样式指定到某个页面元素中。如果要修改样式，我们只需要在样式列表中找到相应的样式声明进行修改。
三、多页面应用
CSS样式表可以单独存放在一个CSS文件中，这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。
四、层叠
层叠就是对一个元素多次设置同一个样式，这将使用最后一次设置的属性值。
五、页面压缩
将样式的声明单独放到CSS样式表中，可以大大的减小页面的体积，这样在加载页面时使用的时间也会大大的减少。另外，CSS样式表的复用更大程度的缩减了页面的体积，减少下载的时间。

CSS技术应用：
在HTML文件里加一个超级链接, 引入外部的 CSS 文档。这个方法最方便管理整个网站的网页风格, 它让网页的文字内容与版面设计分开。只要在一个CSS文档内（扩展名为 CSS）定义好网页的风格,然后在网页中加一个超级链接连接到该文档,那么网页就会按照在CSS文档内定义好的风格显示出来

JavaScript
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

JavaScript特点：
一、是一种解释性脚本语言（代码不进行预编译）。
二、主要用来向HTML页面添加交互行为。
三、可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
四、跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。

JavaScript语言特点：
(1)脚本语言。C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。
(2)基于对象。它不仅可以创建对象,也能使用现有的对象。
(3)简单。采用弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。
(4)动态性。采用事件驱动，它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。
(5)跨平台性。JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。

以上内容大部分来源：
https://baike.baidu.com/item/javascript/321142?fr=aladdin
https://baike.baidu.com/item/CSS/5457?fr=aladdin