可以跳转至发邮箱打电话等的链接,在vscode中写完代码后右击选择Open with live Server用服务器打开。这篇文章主要介绍发邮箱和用手机打电话。
<-- 都写在body中 -->
<-- 邮箱格式 -->
<a href="mailto:[email protected]">邮箱</a>
<-- 打电话格式 -->
<a href="tel:176xxxxxxxx">电话</a>
发邮箱的示例
写完代码后直接运行就可以。
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a href="mailto:[email protected]">邮箱</a>
</body>
</html>
效果展示
点击“邮箱”后跳转
打电话的示例
打电话要让手机和电脑在同一个网络端口下,在写好代码后进行操作:
1、打开电脑命令行(输入cmd就可以)输入ipconfig,找到TPv4地址替换掉网页中“:5500”前的内容;
2、在电脑上开启热点,步骤:
打开电脑的开始菜单,然后点击“设置”图标,在设置界面中,选择“网络和Internet”选项。
在“网络和Internet”设置中,找到并点击“移动热点”,在移动热点设置中,打开“移动热点”开关。
如果需要设置热点的网络名称(SSID)和密码,可以点击“编辑”按钮进行编辑。
完成设置后,保存更改并关闭设置窗口。
完成这些步骤后,电脑的移动热点就会开启,可以在手机上通过连接这个热点来共享电脑的互联网连接。
3、用手机浏览器打开10.19.194.106:5500/222.html就可以了。
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a href="tel:176xxxxxxxx">电话</a>
</body>
</html>