web前端开发零基础入门10

疯掉就疯掉吧

已于 2022-07-20 18:15:37 修改

阅读量365

点赞数 1

分类专栏： web前端开发文章标签：前端 html vscode 学习

于 2022-07-19 09:05:52 首次发布

本文链接：https://blog.csdn.net/qq_62512326/article/details/125864097

版权

web前端开发专栏收录该内容

25 篇文章 3 订阅

订阅专栏

文章目录

一.知识拓展
二.超链接代码

一.知识拓展

浏览者在浏览网通过单击电子邮件链接自动打开当前操作系统中默认的电子邮件客户端软件 Outlook Foxmail 等），向指定的邮件地址编辑发送邮件。

语法

＜ href= " mailto :电 邮件地址＇＞链接源 </a>

说明

1.mailto ：后跟收件人邮件地址，多个电子邮件地址之间用”;“隔开。
(2) 在电子邮件地址后还可以设置数，见表 6-8 若要设多个参数则第一个参数以"?"开始，后面的参数之间以＂＆＂隔开。
例如：

<a href= "mailto:yuandm@l63.com?subject＝关千网
页设计的建议＆cc=lili@163.com">

mailto参数表

在这里插入图片描述

提示

单击超链接，系统自动启动邮件程如果前操作系统没有安装电邮件客端软件，即使了电子超链接也无法实现邮件发送。

二.超链接代码

要求

从左至右第一个图像 ogo.png” ，第个图像为 “ban.jpg” ，设置 “ban.jpg" 的高度和宽度分别为 800 像素和 200 像素
为表项“手机／配件／数码”下的一个子列表项设置超链接，链接目标依次为
details1.html details2.html detils3 .html .details4.html
设置”返回首页”在新口中链接到 index.html ，设置本页顶部”为铀点链接，单击时回到网页顶部；设置”中关村在线”在新窗口中链接到 http: //www.zol.com.cn
以上所用图像及网页文 “produts.html” 存储在同级目录

代码

<html><head><title> 产品中心 </title></head>
<body> 
<a name= "top"><img src= "ogo.png "><img src= " ban.jpg"width= "800" height= " 200 "> 
<hr> 
<ul> 
<li> 手机／配件／数码
<ol> 
<li> 
<a href= "details1.html" target= " _blank ">手机通信&gt; &nbsp; &nbsp; 5G 手机
&nbsp; &nbsp; 拍照手机&nbsp; &nbsp; 老人机&nbsp; &nbsp; 全面屏手机&nbsp; &nbsp;
以旧换新 </a></li>
<li> 
<a href= " details2.html"target=" _blank ">手机配件&gt; &nbsp; &nbsp;手机壳&nbsp;
&nbsp; 贴膜&nbsp; &nbsp; 机存储卡&nbsp; &nbsp; 数据线&nbsp; &nbsp; 耳机&nbsp;
&nbsp; 移动电源&nbsp; &nbsp;</a></li> 
<li><a href=" details3.html " target= "_blank " >数码影音&gt; &nbsp; &nbsp; 存储卡
&nbsp; &nbsp; 数码相机&nbsp; &nbsp;拍立得&nbsp; &nbsp; 摄像机&nbsp; &nbsp;镜头
&nbsp; &nbsp; 冲印服务&nbsp; &nbsp; </a></li>
<li> 
<a href= "details4.html "target= "_blank" >&nbsp; &nbsp; 其他＆gt; &nbsp; &nbsp; 音箱
音响&nbsp; &nbsp; 收音机&nbsp; &nbsp; 麦克风&nbsp; &nbsp; 智能手环&nbsp;&nbsp;
智能手表&nbsp; &nbsp; </a></li> 
</ol></li> 
<li> 电脑／办公
<ol> 
<li> 电脑整机&gt; &nbsp; &nbsp; 游戏本&nbsp; &nbsp; 平板电脑&nbsp; &nbsp; 台式
机&nbsp;&nbsp; 一体机&nbsp;&nbsp;服务器／工作站 </li>
<li> 电脑配件&nbsp; &nbsp; &nbsp;显示器&nbsp; &nbsp; 硬盘&nbsp;&nbsp;显示器支架
&nbsp; &nbsp;光驱／刻录机&nbsp; &nbsp; 组装电脑&nbsp; &nhsp; USB 分线器 </li>
<li> 设备&gt;&nbsp;&nbsp; 投影机 &nbsp; &nbsp; 打印机&nbsp;&nbsp; 传真设备
&nbsp;&nbsp;扫描设备 &nbsp;&nbsp;装订／封装机&nbsp;&nbsp;平板电脑&nbsp;&nbsp;</li>
<li>&nbsp; &nbsp; &nbsp;&nbsp;其他&gt;&nbsp;&nbsp; 音箱／音响&nbsp; &nbsp; 收音机
&nbsp;&nbsp;麦克风 &nbsp;&nbsp; 智能手环&nbsp;&nbsp; 智能手表 &nbsp;&nbsp;</li>
</ol></li> 
<li> 其他服务
<ol> </li> <li>手机维修 </li></ol>
</li> 
</ul><br><br>
<p><a href= " index.html"traget= " blank">返回首页 </a>
&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
<a href= " #top" 本页 a>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
<a href= "http:// zol.com. "target="_blank " >中关村在线</p>
</body> 
</html>