经营电商网站常需身兼数职，有时甚至需要手动插入HTML代码。掌握基础HTML知识能为网站赋能：嵌入图片、添加链接或按钮、实现页面内跳转等。以下是9个实用HTML代码，可显著提升网站功能。
1. 嵌入图片
使用以下代码嵌入图片，并根据需求调整参数：
<img src="http://www.idahostockimages.com/images/stock1.jpg" alt="Mountain Range" width="200" height="137" hspace="5" vspace="5" align="left" />
提示：嵌入前请优化图片（压缩为JPEG或位图），确保加载速度。
代码解析：
- img src：图像源属性，指向图片URL（如示例中的山脉图库地址）。
- alt：替代文本。图片无法显示时展示该文字；对视障用户的屏幕阅读器至关重要。
- width/height：以像素为单位设置图片宽高，自定义尺寸不受原图限制。
- hspace/vspace：水平/垂直间距（像素），防止文字与图片边缘重叠。
- align：控制图片对齐方式（左/右/居中）。
2. 为图片添加边框
在图片代码中增加border属性即可添加边框并调整粗细：
<img src="http://www.idahostockimages.com/images/stock1.jpg" alt="Mountain Range" width="200" height="137" hspace="5" vspace="5" align="right" border="10" />
- border="10"：设置10像素黑色边框。通常设为“1”即可获得标准细边框效果。
3. 将图片设为链接
结合锚点标签与图片代码，可实现点击图片跳转：
<a href="https://www.practicalecommerce.com/" target="_blank">
<img src="http://www.idahostockimages.com/images/stock1.jpg" width="200" height="137" border="2" alt="Mountain Range" />
</a>
- a / /a：锚点标签，包裹内容使其成为链接。
- href：指定目标URL。
- target="_blank"：在新标签页打开链接，保留当前页面。若需在当前窗口跳转，删除此属性即可。
去除边框：移除border属性，代码变为：
<a href="https://www.practicalecommerce.com/" target="_blank">
<img src="http://www.idahostockimages.com/images/stock1.jpg" width="200" height="137" alt="Mountain Range" />
</a>
4. 添加文本链接
单行代码即可创建文本超链接：
<a href="https://www.practicalecommerce.com/">Practical eCommerce</a>
- 括号内的文本即为可见的可点击链接。
- 默认在当前窗口打开。如需新窗口打开，添加
target="_blank"：
<a href="https://www.practicalecommerce.com/" target="_blank">Practical eCommerce</a>
5. 图文混排对齐
通过段落标签与对齐属性实现图文环绕布局：
<p><img src="..." width="200" height="137" alt="Mountain Range" align="left"/>Lorem ipsum...</p>
- p / /p：段落开始与结束标签。
- align="left"：图片左对齐，文字自动环绕右侧。
6. 添加分隔线
适用于FAQ或多板块页面的视觉分割：
<hr align="center" width="100%" size="1" noshade />
- hr：水平线标签。
- align：线条位置（center/left/right）。
- width：支持百分比，100%即横跨全屏。
- noshade：取消阴影，显示为纯色一维线条。
7. 页面内跳转链接
常用于长页面导航，需两步操作：
第一步：创建触发链接
<a href="#articles">点击跳转至底部相关文章</a>
第二步：设置着陆点
<a name="articles"></a>
- #articles：href值加#号作为触发词。
- name="articles"：放置于目标位置，名称需与触发词一致。
- 着陆点代码不可见，但点击链接可平滑跳转。
8. 文本格式设置
- 加粗：<b>文本</b> → 加粗文本
- 斜体：<i>文本</i> → 斜体文本
- 下划线：<u>文本</u> → 带下划线的文本
9. 页面排版控制
- 标题层级：H1（最大）至H6（最小），用于区分内容结构。
<H1>一级标题</H1>
<H4>四级标题/正文</H4> - 居中对齐：
<center>居中显示的文本</center>
- 强制换行：使用<br>标签实现段内换行，而非新建段落。
Lorem ipsum dolor sit amet... tempor <br> incididunt ut labore...