好的,我将为您提供一些前端语言学习的基本知识和示例代码。
- HTML(超文本标记语言): HTML是前端开发中最基础的语言,用于构建网页的结构和内容。 示例代码:
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是一个段落</p>
<img src="image.jpg" alt="图片">
</body>
</html>
- CSS(层叠样式表): CSS用于控制网页的样式和布局。 示例代码:
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
<style>
body {
background-color: #f1f1f1;
font-family: Arial, sans-serif;
}
h1 {
color: blue;
}
p {
font-size: 18px;
}
.highlight {
background-color: yellow;
}
</style>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p class="highlight">这是一个高亮的段落</p>
<p>这是另一个普通的段落</p>
</body>
</html>
- JavaScript(JS): JavaScript是一种脚本语言,用于为网页添加交互和动态效果。 示例代码:
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
<script>
function greet() {
var name = prompt("请输入您的名字:");
alert("欢迎," + name + "!");
}
</script>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<button onclick="greet()">点击我打招呼</button>
</body>
</html>
以上是前端开发中最基础的HTML、CSS和JavaScript示例代码。希望对您的学习有所帮助。如果您还有其他问题,欢迎继续提问。