如何在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
相关产品推荐
相关产品推荐

