原野与草丛1. 项目概述
作为一名计算机专业的学生，我在学习计算机的第二天主要接触了HTML（超文本标记语言）的基础知识。HTML是构建网页的基础，它定义了网页内容的结构和含义。通过HTML，我们可以创建包含文本、图片、链接等元素的网页。
需要模型API调用？ 免费领10W Token，多模型网关一键接入 Claude、DeepSeek 等主流模型。
2. HTML基础知识
2.1 什么是HTML
HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。它使用标记标签来描述网页内容，这些标签告诉浏览器如何显示内容。HTML不是编程语言，而是一种标记语言。
HTML文档由HTML元素组成，这些元素通过标签定义。例如：
html复制<p>这是一个段落</p>
在这个例子中，<p>是开始标签，</p>是结束标签，"这是一个段落"是内容。
2.2 HTML文档结构
一个基本的HTML文档结构如下：
html复制<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
<!DOCTYPE html>声明文档类型<html>元素是HTML页面的根元素<head>元素包含了文档的元数据<title>元素指定了文档的标题<body>元素包含了可见的页面内容<h1>元素定义一个大标题<p>元素定义一个段落
3. HTML常用标签
3.1 文本格式化标签
<h1>到<h6>：定义HTML标题<p>：定义段落<br>：插入单个换行<hr>：定义水平线<!--...-->：定义注释
3.2 链接和图片
<a>：定义超链接
html复制<a href="https://www.example.com">访问示例网站</a>
<img>：定义图像
html复制<img src="image.jpg" alt="描述文字">
3.3 列表
<ul>：无序列表<ol>：有序列表<li>：列表项
示例：
html复制<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
3.4 表格
<table>：定义表格<tr>：定义表格行<th>：定义表头单元格<td>：定义表格数据单元格
示例：
html复制<table>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>张三</td>
<td>25</td>
</tr>
</table>
4. HTML表单
4.1 基本表单结构
表单用于收集用户输入，使用<form>元素定义：
html复制<form action="/submit" method="post">
<!-- 表单元素 -->
</form>
4.2 常用表单元素
<input>：定义输入字段<textarea>：定义多行文本输入<select>：定义下拉列表<button>：定义可点击按钮
示例：
html复制<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email"><br>
<input type="submit" value="提交">
</form>
5. HTML5新特性
5.1 语义化元素
HTML5引入了新的语义化元素，使文档结构更清晰：
<header>：定义文档或节的页眉<nav>：定义导航链接<section>：定义文档中的节<article>：定义独立的自包含内容<footer>：定义文档或节的页脚
5.2 多媒体元素
<audio>：定义音频内容<video>：定义视频内容
示例：
html复制<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
您的浏览器不支持视频标签。
</video>
5.3 图形绘制
<canvas>：通过JavaScript绘制图形
html复制<canvas id="myCanvas" width="200" height="100"></canvas>
6. 学习心得与建议
6.1 学习建议
- 实践为主：HTML学习最重要的是多动手实践，尝试编写各种标签组合。
- 使用开发者工具：浏览器开发者工具(F12)是学习HTML的利器，可以查看任何网页的HTML结构。
- 遵循标准：编写HTML时要注意标签的嵌套规则和闭合。
- 语义化优先：尽量使用语义化的HTML5标签，而不是滥用
<div>。
6.2 常见错误
- 标签未闭合：如
<p>没有对应的</p> - 属性值未加引号：如
<img src=image.jpg>应该为<img src="image.jpg"> - 标签大小写混用：HTML标签不区分大小写，但建议统一使用小写
- 嵌套错误：如
<p><div></div></p>是不允许的
6.3 学习资源推荐
- MDN Web Docs：最权威的HTML参考文档
- W3Schools：适合初学者的交互式教程
- Codecademy：提供HTML的交互式学习课程
- freeCodeCamp：免费的编程学习平台，包含HTML课程
7. 下一步学习计划
掌握了HTML基础后，建议继续学习：
- CSS：用于美化HTML页面
- JavaScript：为网页添加交互功能
- 响应式设计：使网页适应不同设备
- 前端框架：如React、Vue等
学习计算机的第二天，通过HTML的学习，我对网页的基本结构有了清晰的认识。HTML作为Web开发的基础，虽然简单但非常重要。建议初学者在学习过程中多写代码，多查看优秀网站的源代码，这样能更快掌握HTML的精髓。