html入门代码
html<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的第一个网页</title>
</head>
<body>
<header>
<h1>欢迎来到我的网页</h1>
</header>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
<section>
<article>
<h2>文章标题</h2>
<p>这是一段文章内容。</p>
</article>
<article>
<h2>另一篇文章标题</h2>
<p>这是另一段文章内容。</p>
</article>
</section>
<footer>
<p>© 2024 我的网页。保留所有权利。</p>
</footer>
</body>
</html>
这是一个基本的HTML结构，其中包含了文档声明(<!DOCTYPE html>)、html标签、head标签、body标签、header标签、nav标签、section标签、article标签和footer标签。
你可以将这段代码保存为.html文件并在浏览器中打开，看到一个简单的网页。在学习HTML的过程中，你可以逐步添加和修改这些元素，以更深入地了解HTML的各种特性。
当你图像： 用于在网页中显示图片。
html<img src="image.jpg" alt="描述图片的文字">
链接： 用于创建超链接。
html<a href="https://www.example.com">访问示例网站</a>
列表： 用于创建无序列表和有序列表。
html<ul>
<li>项目1</li>
<li>项目2</li>
<li>项目3</li>
</ul>
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
表格： 用于创建表格。
html<table>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>行1列1</td>
<td>行1列2</td>
</tr>
<tr>
<td>行2列1</td>
<td>行2列2</td>
</tr>
</table>
表单： 用于创建用户输入表单。
html<form action="/submit" method="post">
<label for="username">用户名：</label>
<input type="text" id="username" name="username" required>
<label for="password">密码：</label>
<input type="password" id="password" name="password" required>
<button type="submit">提交</button>
</form>
注释： 在HTML中使用注释可以对代码进行注解，但注释不会在浏览器中显示。
html<!-- 这是一个HTML注释 -->
