html 代码
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<header>
<h1>Welcome to my website</h1>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h2>About me</h2>
<p>Hi, my name is John and I’m a web developer. I love creating websites and learning new technologies.</p>
</section>
<section>
<h2>My projects</h2>
<ul>
<li><a href="#">Project 1</a></li>
<li><a href="#">Project 2</a></li>
<li><a href="#">Project 3</a></li>
</ul>
</section>
<section>
<h2>Contact me</h2>
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="name"><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br>
<label for="message">Message:</label>
<textarea id="message" name="message"></textarea><br>
<input type="submit" value="Send">
</form>
</section>
</main>
<footer>
<p>© 2021 My Website</p>
</footer>
</body>
</html>
这是一个基本的 HTML 代码，它包含了一个网站的基本结构和内容。下面是对代码的解释：
<!DOCTYPE html>：这是文档类型声明，告诉浏览器这是一个 HTML5 文档。
<html>：这是 HTML 文档的根元素。
<head>：这是文档头部，包含了一些元数据和链接到外部资源的标签。
<title>：这是文档的标题，显示在浏览器的标签页上。
<body>：这是文档的主体部分，包含了网站的实际内容。
<header>：这是网站的页眉部分，通常包含网站的名称和导航菜单。
<h1>：这是一个标题标签，表示网站的名称。
<nav>：这是一个导航菜单标签，包含了网站的导航链接。
<ul>：这是一个无序列表标签，包含了导航链接的列表项。
<li>：这是一个列表项标签，包含了一个导航链接。
<a>：这是一个链接标签，用于创建超链接。
<main>：这是网站的主要内容部分，包含了网站的实际内容。
<section>：这是一个区块标签，用于将内容分成不同的部分。
<h2>：这是一个次级标题标签，用于表示区块的标题。
<p>：这是一个段落标签，用于表示文本段落。
<ul>：这是一个无序列表标签，包含了项目列表。
<textarea>：这是一个文本框标签，用于输入多行文本。
<form>：这是一个表单标签，用于收集用户输入。
<label>：这是一个标签标签，用于标识表单元素。
<input>：这是一个输入标签，用于创建表单输入元素。
<footer>：这是网站的页脚部分，通常包含版权信息和其他链接。
<p>：这是一个段落标签，用于表示页脚的文本内容。
这些标签和元素可以组合在一起，创建出一个完整的网站。当浏览器加载 HTML 代码时，它会根据标签和元素的结构和属性来解析和渲染网站的内容。
