我分享一下这段时间我学的部分前端知识。
在前端开发领域，众多的HTML标签构成了网页内容呈现与交互的基础。本文将对表格标签、锚点链接、超链接标签等一系列关键知识点进行梳理总结。
一、表格标签
表格标签用于在网页中创建表格，主要包含 <table> 、 <tr> 、 <th> 、 <td> 等标签。
二、锚点链接
锚点链接可实现页面内快速跳转。首先使用 <a> 标签结合 id 属性定义锚点，如 <a id="section1">章节一</a> ；然后在其他位置使用 <a href="#section1">跳转到章节一</a> 实现跳转。
三、超链接标签
超链接标签 <a> 用于创建指向其他网页、文件等的链接。基本语法为 <a href="目标地址">链接文本</a> ，例如 <a href="https://www.example.com">访问示例网站</a> 。若想在新窗口打开链接，可添加 target="_blank" 属性，即 <a href="https://www.example.com" target="_blank">在新窗口访问示例网站</a> 。
四、表单域相关知识点
表单用于收集用户输入信息，包含多种表单元素。
<form> 标签：定义表单，属性 action 指定数据提交地址， method 指定提交方式（如 GET 或 POST ） ，例如 <form action="submit.php" method="POST"></form> 。
<input> 标签：用途广泛，通过 type 属性可定义不同类型输入框，如 type="text" 为文本输入框； type="password" 为密码输入框，输入内容会隐藏显示。
五、列表标签
列表标签分为无序列表和有序列表及自定义列表。
无序列表：使用 <ul> 标签定义，列表项使用 <li> 标签，如 <ul><li>列表项一</li><li>列表项二</li></ul> ，列表项前默认显示圆点。
有序列表：通过 <ol> 标签定义，列表项同样是 <li> ，如 <ol><li>第一项</li><li>第二项</li></ol> ，列表项前显示数字序号。
六、特殊标签
特殊标签：<div> 和 <span>
七、图像标签
<img> 标签用于在网页中插入图像，基本语法为 <img src="图像地址" alt="图像描述"> ， src 指定图像文件路径， alt 在图像无法显示时显示替代文本，如 <img src="example.jpg" alt="示例图片"> 。还可通过 width 和 height 属性设置图像宽度和高度，如 <img src="example.jpg" alt="示例图片" width="300" height="200"> 。
八、文本标签
<h1> - <h6> 标签：定义标题， <h1> 为最大级别标题， <h6> 为最小级别，如 <h1>主标题</h1> 。
<p> 标签：定义段落
上述这些HTML标签在前端开发中各自扮演着重要角色，熟练掌握它们的用法，能帮助开发者高效构建出结构清晰、功能丰富且交互友好的网页界面。在实际项目开发中，需根据具体需求灵活运用这些标签，以实现理想的网页效果。
