html实例005–软件下载软链接
简易搭配一个小的软件下载软链接,下一步来试一下nginx这个小家伙
<!DOCTYPE html>
<!-- 标注为中文网站 -->
<html lang="zh-CN">
<!-- 头信息 -->
<head>
<!-- 设置编码为UTF-8 万国码 -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>软件下载页面</title>
</head>
<body>
<!-- 标题 -->
<h1 align="center" style="color: aqua;">软件下载页</h1>
<h4 align="center" style="color: blueviolet;" >
<span><a href="./package/GWSetup.exe">vpn电脑版下载</a></span>
<span><a href="https://nginx.org/download/nginx-1.21.0.zip">nginx下载</a></span>
</h4>
<!-- 软件目录页 -->
<h2 align="center" style="color: aquamarine;">软件目录</h2>
<!-- 无序列表展示目录 -->
<dl align="center">
<dd>
<h3>
<a href="#bgrj" title="办公软件" >【办公软件】</a>
</h3>
</dd>
<dd>
<h3>
<a href="#jtlx" title="截图录像" >【截图录像】</a>
</h3>
</dd>
<dd>
<h3>
<a href="#kyht" title="科研绘图" >【科研绘图】</a>
</h3>
</dd>
<dd>
<h3>
<a href="#jxsj" title="机械设计" >【机械设计】</a>
</h3>
</dd>
<dd>
<h3>
<a href="#fzmn" title="仿真模拟" >【仿真模拟】</a>
</h3>
</dd>
<dd>
<h3>
<a href="#jzsj" title="建筑设计" >【建筑设计】</a>
</h3>
</dd>
<dd>
<h3>
<a href="#ysdh" title="影视动画" >【影视动画】</a>
</h3>
</dd>
<dd>
<h3>
<a href="#dldq" title="电路电气" >【电路电气】</a>
</h3>
</dd>
<dd>
<h3>
<a href="#cxsj" title="程序设计" >【程序设计】</a>
</h3>
</dd>
<dd>
<h3>
<a href="#qtrj" title="其他软件" >【其他软件】</a>
</h3>
</dd>
<dd>
<h3>
<a href="#azyy" title="安卓应用" >【安卓应用】</a>
</h3>
</dd>
<dd>
<h3>
<a href="#qtazrj" title="其他安卓软件" >【其他安卓软件】</a>
</h3>
</dd>
</dl>
<h3 align="center" style="color: aquamarine;">软件详情</h3>
<!-- 展示列表 -->
<div >
<h3 align="center" id="bgrj">【办公软件】</h3>
<!-- office 软件模块 -->
<div>
<!-- align 排列方式 border 是否拥有边框 cellpadding 内容与单元格之间的距离 cellspacing 单元格和单元格之间的距离 width 表格宽度 -->
<table align="center" border="" width="500" height="100" cellspacing="0" cellpadding="20">
<thead>
<!-- tr 对应行 td对应单元格 -->
<tr>
<th align="center" colspan="2">
Office 软件下载和安装教程
</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center">
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247490215&idx=1&sn=43d77f434df9ad4b64d52e56f2b1d7e3&chksm=e869cc52df1e4544ec0ab9b4f4e0cb246d15207f45198415f45f7b63a71cc784295cc9c82623&scene=21#wechat_redirect " target="_blank">Office 2019 </a>
</td>
<td align="center">
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247496921&idx=1&sn=c71e0f6016da16e5e91bef8bd655f0c7&chksm=e86a222cdf1dab3a61b7222e623e569fbb83d67b629d5f46089d868a42b64a414af7267d25c2&scene=21#wechat_redirect" target="_blank">
Office 2016</a>
</td>
</tr>
<tr>
<td align="center">
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247492422&idx=2&sn=b5f16a7e943c83bde110eb836bd441aa&chksm=e86a35b3df1dbca54df5db9f9dbdb94aeb8ed5c83caf4cb8bd175eaa3397d548dca5908490e1&scene=21#wechat_redirect" target="_blank">
Office 2013</a>
</td>
<td align="center">
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247483683&idx=1&sn=937d9b4372a0900e024d8c75c7df28d4&chksm=e869d7d6df1e5ec0143365d26d35192ef6031c3aa8d6c1c445a96af722f4b31a2958236680a3&scene=21#wechat_redirect" target="_blank">
Office 2010</a>
</td>
</tr>
<tr>
<td align="center">
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247486586&idx=3&sn=be889c93f3e52c2cad129ef89a053f20&chksm=e869da8fdf1e53996fceee7d9cd49490cd93c6986a92c6310118a6d91c9b3db378ce99324f93&scene=21#wechat_redirect" target="_blank">
Office 2007</a>
</td>
<td align="center">
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247483662&idx=1&sn=0f9fb5f1c2646799f0a5ac9775e32093&chksm=e869d7fbdf1e5eed7c119bb7ee4282f246c84694fe323600939b2cbb882ca9be0ca81b466a57&scene=21#wechat_redirect" target="_blank">
Office 2003</a>
</td>
</tr>
</tbody>
</table>
<br>
</div>
<!-- wps 软件模块 -->
<div>
<!-- align 排列方式 border 是否拥有边框 cellpadding 内容与单元格之间的距离 cellspacing 单元格和单元格之间的距离 width 表格宽度 -->
<table align="center" border="" width="500" height="100" cellspacing="0" cellpadding="20">
<thead>
<!-- tr 对应行 td对应单元格 -->
<tr>
<th align="center" colspan="2">
WPS 软件下载和安装教程
</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center">
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247490741&idx=1&sn=2d7bfaf20589a8aa565337ee9f0e2837&chksm=e869ca40df1e4356f8c52d3a8e4a943de7f074967647cc4300a9fc5b4109dc5c415ff0508eec&scene=21#wechat_redirecthttps://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247490215&idx=1&sn=43d77f434df9ad4b64d52e56f2b1d7e3&chksm=e869cc52df1e4544ec0ab9b4f4e0cb246d15207f45198415f45f7b63a71cc784295cc9c82623&scene=21#wechat_redirecthttps://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247490741&idx=1&sn=2d7bfaf20589a8aa565337ee9f0e2837&chksm=e869ca40df1e4356f8c52d3a8e4a943de7f074967647cc4300a9fc5b4109dc5c415ff0508eec&scene=21#wechat_redirect" target="_blank"> Wps 2019
</a>
</td>
<td align="center">
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247487364&idx=1&sn=856dc351e748a449dae75f5e34425fa1&chksm=e869d971df1e5067db14e8466d3ba3c0d784c561ef1c68b1c75120028e0d4e8779d21064655e&scene=21#wechat_redirect" target="_blank">Wps 2016</a>
</td>
</tr>
<tr>
<td align="center">
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247487843&idx=1&sn=565a01ee781ad263a21a7ffb8d0cb075&chksm=e869c796df1e4e80ff25cf45a9cdeaf93094ce6fc227f30e4f2d7988bf8de29d8284d293e9a5&scene=21#wechat_redirect" target="_blank">Wps 2013</a>
</td>
</tr>
</tbody>
</table>
<br>
</div>
<!-- VISIO 软件模块 -->
<div>
<!-- align 排列方式 border 是否拥有边框 cellpadding 内容与单元格之间的距离 cellspacing 单元格和单元格之间的距离 width 表格宽度 -->
<table align="center" border="" width="500" height="100" cellspacing="0" cellpadding="20">
<thead>
<!-- tr 对应行 td对应单元格 -->
<tr>
<th align="center" colspan="2">
VISIO 软件下载和安装教程
</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center">
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247501591&idx=1&sn=d5a20a3400744971892a6275df4a4145&chksm=e86a11e2df1d98f4503ff7eaccc30272966e7bb25670885775b9422cba5be91307809182da22&scene=21#wechat_redirect" target="_blank">Visio 2019</a>
</td>
<td align="center">
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247484261&idx=1&sn=633a9a8bbfd358c5effef5ee2fb17dc0&chksm=e869d590df1e5c8695d6919c155f939abc300905a70fbb6bd8b056f5733291d7c64684e27668&scene=21#wechat_redirect" target="_blank">Visio 2016</a>
</td>
</tr>
<tr>
<td align="center">
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247484559&idx=1&sn=e39727848bba1586ce1a25141f746dec&chksm=e869d27adf1e5b6cd5cc86daf5b8c166fb4eb5dfef27c8b39bf01435975f442244d37d51cb2f&scene=21#wechat_redirect" target="_blank">Visio 2013 </a>
</td>
<td align="center">
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247484794&idx=1&sn=29c7b075b566788e6dbd5e3441c25199&chksm=e869d38fdf1e5a99fd4b9277a0b70edcd57089b410182032fdfcc6acb8025c4faa646ee7eeb0&scene=21#wechat_redirect" target="_blank">Visio 2010</a>
</td>
</tr>
<tr>
<td align="center">
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247484610&idx=1&sn=f15b4a735e5620b19c8084d677d0c804&chksm=e869d237df1e5b21a61e0302af3c18e16b0ec1ae4a4cd6cb35103bb8862c82c2d00602d73563&scene=21#wechat_redirect" target="_blank">Visio 2007</a>
</td>
<td align="center">
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247484822&idx=1&sn=c414e769286a3adaabc0e1a594c53fa2&chksm=e869d363df1e5a75d2a7bdc4ef2093e81ae66a43c70600a322fb0b0ac4e758f8de334db57f17&scene=21#wechat_redirect" target="_blank">Visio 2003</a>
</td>
</tr>
</tbody>
</table>
<br>
</div>
<!-- Project 软件下载和安装教程 -->
<div>
<!-- align 排列方式 border 是否拥有边框 cellpadding 内容与单元格之间的距离 cellspacing 单元格和单元格之间的距离 width 表格宽度 -->
<table align="center" border="" width="500" height="100" cellspacing="0" cellpadding="20">
<thead>
<!-- tr 对应行 td对应单元格 -->
<tr>
<th align="center" colspan="2">
Project 软件下载和安装教程
</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center">
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247491043&idx=1&sn=6dac7d03e93ce598a56c05d6f9075728&chksm=e869cb16df1e42007a7eceee5d3ecd1a29746218701607a619cbdb4abeab1e84c5024193d646&scene=21#wechat_redirecthttps://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247501591&idx=1&sn=d5a20a3400744971892a6275df4a4145&chksm=e86a11e2df1d98f4503ff7eaccc30272966e7bb25670885775b9422cba5be91307809182da22&scene=21#wechat_redirect" target="_blank">Project 2019</a>
</td>
<td align="center">
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247484261&idx=1&sn=633a9a8bbfd358c5effef5ee2fb17dc0&chksm=e869d590df1e5c8695d6919c155f939abc300905a70fbb6bd8b056f5733291d7c64684e27668&scene=21#wechat_redirecthttps://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247487578&idx=2&sn=d4c1bdd6939813973aeaff2ff5a5c349&chksm=e869c6afdf1e4fb9a089b8676aa5106da5e7790ab59f8ba9226d710e0c269b3ebcb1f1983d23&scene=21#wechat_redirect" target="_blank">Project 2016</a>
</td>
</tr>
<tr>
<td align="center">
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247484559&idx=1&sn=e39727848bba1586ce1a25141f746dec&chksm=e869d27adf1e5b6cd5cc86daf5b8c166fb4eb5dfef27c8b39bf01435975f442244d37d51cb2f&scene=21#wechat_redirecthttps://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247487578&idx=3&sn=1e411d1ef74f8902c036ff8ab24568e7&chksm=e869c6afdf1e4fb906f3c9f640a47a114ec19830454f47bf8ce800d8f216b2a077c83ded58e1&scene=21#wechat_redirect" target="_blank">Project 2013 </a>
</td>
<td align="center">
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247484794&idx=1&sn=29c7b075b566788e6dbd5e3441c25199&chksm=e869d38fdf1e5a99fd4b9277a0b70edcd57089b410182032fdfcc6acb8025c4faa646ee7eeb0&scene=21#wechat_redirecthttps://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247484742&idx=1&sn=9a77c08b7905c8ac172d69036fd96913&chksm=e869d3b3df1e5aa5c5d674b0baa773ea45a0915e3b5a117928a4498541eada3b256052ef3d12&scene=21#wechat_redirect" target="_blank">Project 2010</a>
</td>
</tr>
<tr>
<td align="center">
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247484610&idx=1&sn=f15b4a735e5620b19c8084d677d0c804&chksm=e869d237df1e5b21a61e0302af3c18e16b0ec1ae4a4cd6cb35103bb8862c82c2d00602d73563&scene=21#wechat_redirecthttps://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247484843&idx=1&sn=2f2970ea2aa4890e337ed6aad79d5e22&chksm=e869d35edf1e5a480e7e312b98373f18070267c580f6bbb03e82f944a656d59a4eb0c7ba877d&scene=21#wechat_redirect" target="_blank">Project 2007</a>
</td>
</tr>
</tbody>
</table>
<br>
</div>
<!-- EndNote 软件下载和安装教程 -->
<div>
<table align="center" width="500" border="1" cellpadding="20" cellspacing="0">
<!-- 表格头部分 -->
<thead >
<tr>
<th align="center" colspan="2">
EndNote 软件下载和安装教程
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247494091&idx=1&sn=d06f274f5b4f840f5ffffcea87451a8d&chksm=e86a3f3edf1db62842693fda6f7fd5e026f8d373266a9f588037bef5abb2d0490a61ed604598&scene=21#wechat_redirect" target="_blank">Endnote X9</a>
</td>
<td>
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247487588&idx=2&sn=7b668de28363ed554b14e172be3885e2&chksm=e869c691df1e4f87d1836f1080d7175546f1065c0cb68b6a75d2afbb39fd9eec8b8228262a94&scene=21#wechat_redirect">EndNote X7</a>
</td>
</tr>
</tbody>
</table>
<br>
</div>
<!-- PDF/CAJ阅读器 软件下载和安装教程 -->
<div>
<table align="center" width="500" border="1" cellpadding="20" cellspacing="0">
<!-- 表格头部分 -->
<thead >
<tr>
<th align="center" colspan="2">
PDF/CAJ阅读器 软件下载和安装教程
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247495958&idx=1&sn=4598103c6e87ba615f16968a656f6497&chksm=e86a27e3df1daef5741a6a9a64e8f27b3f95d38660f50db142e49582fc0832868638583ce3c1&scene=21#wechat_redirect" target="_blank">Foxit Reader</a>
</td>
<td>
<a href="https://mp.weixin.qq.com/s?__biz=MzIyNjk1MjA5MA==&mid=2247487991&idx=1&sn=c72995ee74167cddadaf086c8a8083c5&chksm=e869c702df1e4e148188b39422ac73a615f70e3f919daa5e55cc3664cea1252d76ca12ed3d89&scene=21#wechat_redirect">CAJViewer 7.2</a>
</td>
</tr>
</tbody>
</table>
<br>
</div>
</div>
</body>
</html>
3139
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
