前端入门（认识HTML，CSS，JavaScript三件套）

作者：System 时间：2024年08月17日分类：所有,css 字数：794

HTML、CSS和JavaScript是网页前端开发的三个主要技术。以下是每种技术的简单介绍和示例代码。

HTML:

Hypertext Markup Language，超文本标记语言。用于构建网页的结构。




<!DOCTYPE html>
<html>
<head>
    <title>页面标题</title>
</head>
<body>
    <h1>这是一个标题</h1>
    <p>这是一个段落。</p>
    <a href="https://www.example.com">这是一个链接</a>
</body>
</html>

CSS:

Cascading Style Sheets，层叠样式表。用于控制网页的样式和布局。




body {
    background-color: #f0f0f0;
}
 
h1 {
    color: blue;
}
 
p {
    color: green;
}

JavaScript:

一种编程语言。用于添加交互性和动态效果。




function showAlert() {
    alert('你好，世界！');
}
 
document.addEventListener('DOMContentLoaded', function() {
    document.getElementById('myButton').addEventListener('click', showAlert);
});

HTML定义了网页的结构，CSS用于装饰页面，而JavaScript添加了行为。这三者结合使用，可以创建一个富有交互性的网页或网站。

前端入门（认识HTML，CSS，JavaScript三件套）

评论已关闭

推荐阅读