个人Web学习
个人Web学习，助你入门 web开发 的简明指南，木有高深内容 ;)
个人Web学习，助你入门 web开发 的简明指南，木有高深内容 ;)
创建新文件夹，打开，然后创建一个名为 index.html 的文件，添加以下内容：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的第一个网页</title>
</head>
<body>
<h1>你好，Web 开发世界！</h1>
</body>
</html>
在你的 HTML 文件中添加样式：
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 20px;
}
h1 {
color: #333;
text-align: center;
}
</style>
你也可以创建一个单独的 CSS 文件并链接到你的 HTML 中。
你的网页由三个主要部分组成：<header>（页眉），<main>（主要内容），和 <footer>（页脚）。这些元素帮助组织你的内容。
以下是一些常用的 HTML 元素：
<h1> - <h6>: 标题
<p>: 段落
<a>: 链接
<img>: 图片
<ul> 和 <ol>: 无序和有序列表
这些元素是构建网页内容的基础。
使用媒体查询让你的网页在不同设备上都能良好显示：
@media screen and (max-width: 600px) {
body {
font-size: 14px;
}
.container {
width: 100%;
padding: 10px;
}
}
这样可以确保你的网页在手机等小屏幕设备上也能正常显示。
JavaScript 可以为你的网页添加交互性。这里是一个简单的例子：
<button id="myButton">点击我</button>
<script>
document.getElementById('myButton').addEventListener('click', function() {
alert('你点击了按钮！');
});
</script>
这段代码会创建一个按钮，点击时会显示一个提示框。
前端框架可以帮助你更快地构建复杂的web应用。一些流行的框架包括：
- React
- Vue.js
- Angular
这些框架提供了组件化开发、状态管理等功能，能大大提高开发效率。