以下为个人常用网站,第一次做,会不断更新
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>主页</title>
<base target="_blank"/>
<style>
h1 {font-size: 30px;color: blue;font-family: "微软雅黑";}
h3 {font-size: 20px;color: purple;}
span {color: black;}
.c-orange{color: orange;}
div {width: 950px;height: 600px;border: 2px solid pink;padding-left: 20px;} <!--margin: 0 auto;可以使盒子居中对齐-->
</style>
</head>
<body>
<h1 id="目录">目录:</h1>
<a href="#工控链接" target="_self">1. 工控链接</a><br />
<a href="#账户及密码" target="_self">2. 账户及密码</a><br /><br />
<hr />
<!--工控链接-->
<div>
<h3 id="工控链接">工控链接:</h3>
<a href="C:\Users\DELL\Desktop\工控链接.html" target="_self"><span class="c-orange">工控链接</span></a>
<a href="http://www.weinview.cn/About/Index.aspx"><span>维纶官网</span></a>
<a href="https://www.keyence.com.cn/products/index.jsp"><span>基恩士官网</span></a>
<a href="https://device.panasonic.cn/ac/c/index.jsp"><span>松下官网</span></a>
<a href="https://new.siemens.com/cn/zh.html"><span>西门子官网</span></a>
<a href="http://www.yaskawa.com.cn/"><span>安川官网</span></a>
<a href="https://www.yamaha-motor.com.cn/homepage.html"><span>雅马哈官网</span></a>
<a href="https://www.yamaha-motor.com.cn/robot/index.html"><span>雅马哈机器人官网</span></a><br />
<a href="http://www.delta-china.com.cn/"><span>台达官网</span></a>
<a href="http://www.huazhongcnc.com/"><span>华中数控官网</span></a>
<a href="http://www.xinje.com/index.html"><span>信捷官网</span></a>
<a href="http://www.leisai.com/cn/cpzx/list_34_lcid_16.html"><span>雷赛智能(步进电机)官网</span></a>
<a href="http://www.bsjd.com/Default.aspx"><span>白山机电(步进电机)官网</span></a> <br />
<a href="http://eplan.help/help/platform/2.7/zh-CN/help/EPLAN_Help.htm#htm/EPLAN_Help_k_start.htm%3FTocPath%3DEPLAN%2520%25E5%25B8%25AE%25E5%258A%25A9%7C_____1"><span>EPLAN官网</span></a> <br /><br />
<a href="https://www.bilibili.com"><span>哔哩哔哩官网</span></a>
<a href="https://www.bilibili.com/video/av61730287?p=150"><span>Web前端开发(HTML+CSS+JS)</span></a> <br /><br />
<a href="https://github.com/"><span>Github</span></a>
<a href="https://gitee.com/"><span>码云</span></a>
<a href="https://www.youkuaiyun.com/"><span>优快云</span></a>
<a href="https://edu.youkuaiyun.com/course/play/8216/168581"><span>优快云_Django</span></a> <br /><br />
<a href="https://www.python.org"><span>Python</span></a>
<a href="https://wiki.woodpecker.org.cn/moin/WxPythonInAction"><span>Wxpython文档</span></a>
<a href="https://www.yiibai.com/wxpython/wx_frame_class.html"><span>Wxpython教程</span></a> <br /><br />
<a href="https://www.baidu.com"><span>百度</span></a>
<a href="#" target="_self"><span>暂定没有</span></a>
<a href="#" target="_self"><span>暂定没有</span></a>
<a href="#" target="_self"><span>暂定没有</span></a>
<a href="#" target="_self"><span>暂定没有</span></a>
<a href="#" target="_self"><span>暂定没有</span></a>
<a href="#" target="_self"><span>暂定没有</span></a>
<a href="#" target="_self"><span>暂定没有</span></a> <br />
<a href="#" target="_self"><span>暂定没有</span></a>
<a href="#" target="_self"><span>暂定没有</span></a>
<a href="#目录" target="_self">TOP</a><br />
</div>
<br />
GitHub搜索项目方法:in:name pyads language:python forks:>100 stars:>200
<!-- 记事本:-->
<!-- <div>-->
<!-- <textarea cols="80" name="meg" rows="5"></textarea>-->
<!-- </div>-->
<!-- <br />-->
<!--账户及密码-->
<div>
<h3 id="账户及密码">账户及密码:</h3>
<a href="#目录" target="_self">TOP</a><br />
</div>
</body>
</html>
效果图:
前端基础速成学习地址链接:https://www.bilibili.com/video/av61730287?p=1
2/21更新(网页已经连接服务器,点击直达:ccaiworld.com)
代码部分:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="GBK">
<title>CC的AI世界</title>
<base target="_blank"/>
<style>
h1 {font-size: 30px;color: blue;font-family: "微软雅黑";}
h3 {font-size: 20px;color: purple;}
span {color: black;}
.c-blue{color: blue;}
<!--margin: 0 auto;可以使盒子居中对齐-->
<!--.pagination{margin:20px 0;}-->
.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background-color:#f5f5f5;}
.pagination ul>li{display:inline;}
.pagination ul>.active>a,.pagination ul>.active>span{color:#999999;cursor:default;}
.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus{color:#999999;background-color:transparent;cursor:default;}
.pagination ul>li:first-child>a,.pagination ul>li:first-child>span{border-left-width:1px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
.pagination ul>li:last-child>a,.pagination ul>li:last-child>span{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}
.pagination-centered{text-align:center;}
.pagination-right{text-align:right;}
.pagination-large ul>li>a,.pagination-large ul>li>span{padding:11px 19px;font-size:17.5px;}
.pagination-large ul>li:first-child>a,.pagination-large ul>li:first-child>span{-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;}
.pagination-large ul>li:last-child>a,.pagination-large ul>li:last-child>span{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;}
.pagination-mini ul>li:first-child>a,.pagination-small ul>li:first-child>a,.pagination-mini ul>li:first-child>span,.pagination-small ul>li:first-child>span{-webkit-border-top-left-radius:3px;-moz-border-radius-topleft:3px;border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;border-bottom-left-radius:3px;}
.pagination-mini ul>li:last-child>a,.pagination-small ul>li:last-child>a,.pagination-mini ul>li:last-child>span,.pagination-small ul>li:last-child>span{-webkit-border-top-right-radius:3px;-moz-border-radius-topright:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;border-bottom-right-radius:3px;}
.pagination-small ul>li>a,.pagination-small ul>li>span{padding:2px 10px;font-size:11.9px;}
.pagination-mini ul>li>a,.pagination-mini ul>li>span{padding:0 6px;font-size:10.5px;}
div {width: 950px;height: 600px;border: 2px solid pink;padding-left: 20px;}
</style>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<script src="bootstrap/js/bootstrap.js"></script>
<!--<script src="index.js" ></script>-->
</head>
<body>
<h1 id="目录">目录:</h1>
<a href="#工控链接" target="_self">1. 工控链接</a><br />
<a href="#账户及密码" target="_self">2. 账户及密码</a>
<hr />
<!--工控链接-->
<div class="bg-info">
<h3 id="工控链接">工控链接:</h3>
<a href="#" target="_self"><span class="c-blue">工控链接</span></a>
<a href="http://www.weinview.cn/About/Index.aspx"><span class="c-blue">维纶官网</span></a>
<a href="https://www.keyence.com.cn/products/index.jsp"><span class="c-blue">基恩士官网</span></a>
<a href="https://device.panasonic.cn/ac/c/index.jsp"><span class="c-blue">松下官网</span></a>
<a href="https://new.siemens.com/cn/zh.html"><span class="c-blue">西门子官网</span></a>
<a href="http://www.yaskawa.com.cn/"><span class="c-blue">安川官网</span></a>
<a href="https://www.yamaha-motor.com.cn/homepage.html"><span class="c-blue">雅马哈官网</span></a>
<a href="https://www.yamaha-motor.com.cn/robot/index.html"><span class="c-blue">雅马哈机器人官网</span></a><br />
<a href="http://www.delta-china.com.cn/"><span class="c-blue">台达官网</span></a>
<a href="http://www.huazhongcnc.com/"><span class="c-blue">华中数控官网</span></a>
<a href="http://www.xinje.com/index.html"><span class="c-blue">信捷官网</span></a>
<a href="http://www.leisai.com/cn/cpzx/list_34_lcid_16.html"><span class="c-blue">雷赛智能(步进电机)官网</span></a>
<a href="http://www.bsjd.com/Default.aspx"><span class="c-blue">白山机电(步进电机)官网</span></a> <br />
<a href="http://eplan.help/help/platform/2.7/zh-CN/help/EPLAN_Help.htm#htm/EPLAN_Help_k_start.htm%3FTocPath%3DEPLAN%2520%25E5%25B8%25AE%25E5%258A%25A9%7C_____1"><span class="c-blue">EPLAN官网</span></a>
<a href="https://mp.weixin.qq.com/s?__biz=MzI4OTk4ODA3MQ==&mid=2247484683&idx=1&sn=02450cb0904727a3b1fac51ce7db9f3e&chksm=ec278983db500095df02c39ec0b33f44206dffff5b3d49f88c012d014711904297bf957d5e5f&scene=126&sessionid=1582206686&key=94bece7b321253463e2921b057d08bbae90217425f36a5cb24e57239cd2ae50904627d7c1f6b009562552cc79fc18982e200820ad2a3e983e2deb694a81b73aa3e9883897fb62814eb5894bbfc8fe3a8&ascene=1&uin=MjcwODYyMTMzOA%3D%3D&devicetype=Windows+10&version=62080079&lang=zh_CN&exportkey=A5QHjT1hoBDfg2WrIM%2BwY6c%3D&pass_ticket=bCHOjNeN6TwSFMYwq%2Bcro5YqBxEuy2R7SNnKkOM1Q%2FfSDUqqrwSWhoS%2Bd4I%2B2s4f"><span class="c-blue">Beckhoff学习网站</span></a>
<a href="aboutBeckhoff_ftp" target="_self"><span class="c-blue">Beckhoff_ftp学习地址</span></a> <br /><br />
<a href="https://www.bilibili.com"><span class="c-blue">哔哩哔哩官网</span></a>
<a href="https://www.bilibili.com/video/av61730287?p=150"><span class="c-blue">Web前端开发(HTML+CSS+JS)</span></a>
<a href="https://www.bilibili.com/video/av11044410/?p=10"><span class="c-blue">搭建个人网站</span></a>
<a href="https://www.bilibili.com/video/av15159168?p=5"><span class="c-blue">阿里云搭建个人网站</span></a>
<a href="https://www.bilibili.com/video/av17879644?p=3"><span class="c-blue">Python_Django</span></a> <br /><br />
服务器教程:
<a href="https://www.bilibili.com/video/av49181542?p=7"><span class="c-blue">Mysql</span></a> <br /><br />
<a href="https://github.com/"><span class="c-blue">Github</span></a>
<a href="aboutGithub" target="_self"><span class="c-blue">Github搜索方法</span></a>
<a href="https://gitee.com/"><span class="c-blue">码云</span></a>
<a href="https://www.youkuaiyun.com/"><span class="c-blue">优快云</span></a>
<a href="https://edu.youkuaiyun.com/course/play/8216/168581"><span class="c-blue">优快云_Django</span></a> <br /><br />
<a href="https://www.python.org"><span class="c-blue">Python</span></a>
<a href="https://wiki.woodpecker.org.cn/moin/WxPythonInAction"><span class="c-blue">Wxpython文档</span></a>
<a href="https://www.yiibai.com/wxpython/wx_frame_class.html"><span class="c-blue">Wxpython教程</span></a> <br /><br />
搜索引擎:<br />
<a href="https://www.baidu.com"><span class="c-blue">百度</span></a>
<a href="#" target="_self"><span class="c-blue">暂定没有</span></a>
<a href="#" target="_self"><span class="c-blue">暂定没有</span></a>
<a href="#" target="_self"><span class="c-blue">暂定没有</span></a>
<a href="#" target="_self"><span class="c-blue">暂定没有</span></a>
<a href="#" target="_self"><span class="c-blue">暂定没有</span></a>
<a href="#" target="_self"><span class="c-blue">暂定没有</span></a>
<a href="#" target="_self"><span class="c-blue">暂定没有</span></a> <br />
<a href="#" target="_self"><span class="c-blue">暂定没有</span></a>
<a href="#" target="_self"><span class="c-blue">暂定没有</span></a> <br /><br />
云服务网站:<br />
<a href="https://www.aliyun.com/?spm=5176.12825654.amxosvpfn.2.6ae62c4a3tr8K3"><span class="c-blue">阿里云</span></a>
<a href="https://cloud.tencent.com/"><span class="c-blue">腾讯云</span></a>
<a href="https://cloud.tencent.com/act/campus?from=11871"><span class="c-blue">腾讯云续费网站</span></a> <br /><br />
这是一个便利开发Web的网站:<br />
<a href="https://www.bootcss.com/"><span class="c-blue">Web便利手册</span></a>
<a href="https://v3.bootcss.com/"><span class="c-blue">Web开发样式网站</span></a>
<a href="https://www.youzhan.org/"><span class="c-blue">Web精品模板</span></a>
<a href="https://www.bootcss.com/p/layoutit/"><span class="c-blue">Web可视化布局</span></a> <br /><br />
教程网站:<br />
<a href="https://www.runoob.com/"><span class="c-blue">菜鸟教程</span></a>
<a href="http://www.pr61.com/"><span class="c-blue">破日论坛</span></a> <br /><br />
书网:<br />
<a href="https://lib-nuanxin.wqxuetang.com/#/"><span class="c-blue">文泉学堂</span></a> <br /><br />
<a href="#目录" target="_self">TOP</a><br />
</div>
<br />
<!-- 记事本:-->
<!-- <div>-->
<!-- <textarea cols="80" name="meg" rows="5"></textarea>-->
<!-- </div>-->
<!-- <br />-->
<!--
<div class="pagination pagination-centered">
<ul contenteditable="true">
<li><a class="btn btn-primary btn-xs" href="#">上一页</a></li>
<li><a class="btn btn-primary btn-xs" href="next" target="_self">1</a></li>
<li><a class="btn btn-primary btn-xs" href="#">2</a></li>
<li><a class="btn btn-primary btn-xs" href="#">3</a></li>
<li><a class="btn btn-primary btn-xs" href="#">4</a></li>
<li><a class="btn btn-primary btn-xs" href="#">5</a></li>
<li><a class="btn btn-primary btn-xs" href="#">下一页</a></li>
</ul>
</div>
-->
</body>
</html>