html➕css➕js基础语法
时间: 2024-10-22 12:14:26 浏览: 12
HTML、CSS和JavaScript是网页开发的三大核心技术。
1. HTML (HyperText Markup Language):超文本标记语言,用于创建网页结构。它是静态内容的基础,通过`<tag>`标签来定义标题、段落、图像、链接等元素。例如,一个基本的HTML结构可能会包含:
```html
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个简单的例子。</p>
</body>
</html>
```
2. CSS (Cascading Style Sheets):层叠样式表,负责美化页面。它控制元素的位置、大小、颜色、布局等视觉效果。CSS选择器用于指定应用样式的元素,如:
```css
body {
background-color: #f0f0f0;
}
h1 {
color: blue;
font-size: 24px;
}
```
3. JavaScript:脚本语言,用于网页交互和动态功能。你可以通过它改变元素的内容、响应用户输入、操作DOM(Document Object Model)。一个简单的示例:
```javascript
document.getElementById("myButton").addEventListener("click", function() {
alert("点击了按钮!");
});
```
阅读全文