html5&css&js代码 020 推荐网址
- 一、代码
- 二、解释
这段HTML代码定义了一个网页，它包含了一个标题、一些样式和一个表格。表格中列出了一些推荐的网址，包括序号、名称、网址、描述和备注。每个表格行都包含一个链接到相应网址的超链接。页面的样式包括字体颜色、背景颜色、边距、表格样式等。
一、代码
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>编程笔记 html5&css&js HTML链接</title>
<meta charset="utf-8"/>
<style>
/* 选择你喜欢的颜色吧 */
body {
color: cyan;
background-color: teal;
margin: 30px;
}
table {
border: 2px solid black;
border-collapse: collapse;
width: 80%;
margin: 0 auto;
font-size: 20px;
text-align: left;
padding: 15px;
}
th, td {
border: 2px solid black;
padding: 15px;
}
</style>
</head>
<body>
<h1 style="text-align: center">这是我给大家推荐的网址，欢迎参考</h1>
<table border="1">
<tbody style="font-size: 30">
<tr>
<th>序号</th>
<th>
<br/>
名称
<br/>
<br/>
</th>
<th>网址</th>
<th>描述</th>
<th>备注</th>
</tr>
<tr>
<td>001</td>
<td>这是我自己的博客</td>
<td>
<a href="https://yss5678.blog.csdn.net/">
https://yss5678.blog.csdn.net/
</a>
</td>
<td>
程序员，教师。全栈软件开发；关注html&css&js、golang、
<br/>
python、c++、vb.net、c#等编程语言及相关技术；
<br/>
青少年成长管理。经济学学士(审计学)、理学硕士(计算机)。
<br/>
30年软件开发，16年高校教师。
</td>
<td>少年，有你所要</td>
</tr>
<tr>
<td>002</td>
<td>CSDN</td>
<td>
<a href="https://www.csdn.net/">
https://www.csdn.net/
</a>
</td>
<td>国内最大的程序员社区</td>
<td>社区、博客</td>
</tr>
<tr>
<td>003</td>
<td>通义千问CSDN</td>
<td>
<a href="https://tongyi.aliyun.com/qianwen/">
https://tongyi.aliyun.com/qianwen/
</a>
</td>
<td>
我能理解人类语言、生成内容，是你生活和工作的智能助手。
</td>
<td>人工智能平台</td>
</tr>
<tr>
<td>004</td>
<td>w3school</td>
<td>
<a href="https://www.w3school.com.cn/">
https://www.w3school.com.cn/
</a>
</td>
<td>
领先的 Web 技术教程 - 全部免费
<br/>
在W3School，你可以找到你所需要的所有的网站建设教程。
<br/>
从基础的 HTML 到 CSS，乃至进阶的 XML、SQL、JS、PHP
和 ASP.NET。
<br/>
</td>
<td>教程</td>
</tr>
<tr>
<td>006</td>
<td>黑马程序员</td>
<td>
<a href="https://yun.itheima.com/">
https://yun.itheima.com/
</a>
</td>
<td>程序员培训公司，有收费课程和免费课程</td>
<td>培训</td>
</tr>
<tr>
<td>007</td>
<td>尚硅谷</td>
<td>
<a href="https://www.gulixueyuan.com/">
https://www.gulixueyuan.com/
</a>
</td>
<td>尚硅谷旗下线上培训平台</td>
<td>优质</td>
</tr>
<tr>
<td>008</td>
<td>中国大学MOOC</td>
<td>
<a href="https://www.icourse163.org/">
https://www.icourse163.org/
</a>
</td>
<td>没说小孩不能看</td>
<td>优质</td>
</tr>
<tr>
<td>009</td>
<td>站长之家</td>
<td>
<a href="https://www.chinaz.com/">
https://www.chinaz.com/
</a>
</td>
<td>我们致力于为创业者提供动力</td>
<td></td>
</tr>
<tr>
<td>010</td>
<td>bilibili</td>
<td>
<a href="https://www.bilibili.com/">
https://www.bilibili.com/
</a>
</td>
<td>这可是个好地方啊</td>
<td>优质</td>
</tr>
<tr>
<td>011</td>
<td>网易有道</td>
<td>
<a href="https://dict.youdao.com/">
https://dict.youdao.com/
</a>
</td>
<td>词典及翻译</td>
<td>优质</td>
</tr>
<tr>
<td>012</td>
<td>Go网址导航</td>
<td>
<a href="https://hao.studygolang.com/">
https://hao.studygolang.com/
</a>
</td>
<td>Go网址导航</td>
<td>优质</td>
</tr>
<tr>
<td>013</td>
<td>github</td>
<td>
<a href="https://github.com/">
https://github.com/
</a>
</td>
<td></td>
<td></td>
</tr>
<tr>
<td>014</td>
<td>python官网</td>
<td>
<a href="https://www.python.org/">
https://www.python.org/
</a>
</td>
<td></td>
<td></td>
</tr>
<tr>
<td>015</td>
<td>jetbrains官网</td>
<td>
<a href="https://www.jetbrains.com.cn/">
https://www.jetbrains.com.cn/
</a>
</td>
<td></td>
<td></td>
</tr>
<tr>
<td>016</td>
<td>极客教程</td>
<td>
<a href="https://geek-docs.com/">
https://geek-docs.com/
</a>
</td>
<td></td>
<td>教程</td>
</tr>
<tr>
<td>017</td>
<td>微软</td>
<td>
<a href="https://www.microsoft.com/zh-cn/">
https://www.microsoft.com/zh-cn/
</a>
</td>
<td></td>
<td></td>
</tr>
<tr>
<td>018</td>
<td>postgresql官网</td>
<td>
<a href="https://www.postgresql.org/">
https://www.postgresql.org/
</a>
</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<br/>
<br/>
</body>
<footer style="
text-align: center;
margin: 30px;
font-size: 1.5rem;
font-weight: bold;
color: #ffcc00;
">
HTML+CSS+JavaScript编程配套代码 作者：明月看潮生
</footer>
</html>
二、解释
这段HTML代码定义了一个网页，它包含了一个标题、一些样式和一个表格。表格中列出了一些推荐的网址，包括序号、名称、网址、描述和备注。每个表格行都包含一个链接到相应网址的超链接。页面的样式包括字体颜色、背景颜色、边距、表格样式等。
