You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在HTML CSS中创建可正常工作的电子邮件超链接

你的代码问题及修正方案

先给你捋清楚几个关键错误:

  • 文档结构乱了:<head>标签没闭合,还错误地用</html>来收尾,而且<head>里不能直接写页面标题,得用<title>标签包裹
  • <p>标签不能加href属性,要做链接必须用<a>标签
  • 邮箱链接得加mailto:前缀,不然浏览器不知道这是要打开邮件客户端的链接

给你改好的正确代码:

<!DOCTYPE html>
<html>
<head>
    <title>Work Website</title>
</head>
<body>
    <hr>
    <a href="mailto:pwrbuster-coding@protonmail.com">Email me.</a>
</body>
</html>

额外提几个小细节:

  • <!DOCTYPE html>是标准的文档声明,要放在页面最开头,注意大小写
  • <html>标签要把所有内容都包在里面,别提前闭合
  • 点击改好的链接后,会自动打开你电脑上的默认邮件客户端,收件人已经填好你的邮箱地址

内容的提问来源于stack exchange,提问作者CAMDEN M STORY

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.23 03:42:38