HTML学习笔记5——功能性链接（打电话发邮箱）

松光鱼

已于 2024-03-24 18:38:18 修改

阅读量979

点赞数 11

分类专栏： HTML 文章标签： html 学习笔记前端

于 2024-03-23 19:00:00 首次发布

本文链接：https://blog.csdn.net/qq_68268403/article/details/136912354

版权

HTML 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

可以跳转至发邮箱打电话等的链接，在vscode中写完代码后右击选择Open with live Server用服务器打开。这篇文章主要介绍发邮箱和用手机打电话。

<-- 都写在body中 -->
<-- 邮箱格式 -->
<a href="mailto:xxxxxxxxx@qq.com">邮箱</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:xxxxxxxxxx@qq.com">邮箱</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>