学了点HTML5标签，做了个Demo

梦幻精灵_cq

于 2021-09-13 08:25:14 发布

阅读量501

点赞数 2

分类专栏：笔记

本文链接：https://blog.csdn.net/m0_57158496/article/details/120259682

版权

笔记专栏收录该内容

246 篇文章 9 订阅

订阅专栏

学了点HTML5 标签，做了个Demo

学点标签，为后面学习爬虫作点儿准备。以前看过标签，感觉好难！😭😭这次有了python 的一点儿基础，感觉难度可以忍受的了。😋😋

页面样子(用python IDE将就写的)

在这里插入图片描述

页面标题是跑马灯标签做的

HTML5 源码

<!DOCTYPE html>
<!--第一次，做得这么好😎
——这是HTML5 注释-->
<html lang='en'>
<head>
    <meta charset='utf-8' name='CSDN学习资源' content='博文，资源，技巧，源码'>
    <title>我的CSDN学习资源</title>

    <style type='text/css'>

    body{

        width: 800px;

        height: 100px;

        margin: 0px auto;

        margin-bottom:20px;

        border:1px solid #96C2F1;

        background-color: #F0F8FF

        }
    </style>


</head>
<body style='font-size: 200%'>
<!--跑马灯标签-->
<marquee behavior='scroll' direction='left'>
<span ><h2>我的CSDN学习资源</h2></span></marquee>
<hr>

 <h3>Linux:</h3>
1.&ensp;<a href='https://www.cnblogs.com/xuxinstyle/p/9609551.html' target='_blank'>Linux常用命令(50个)</a>

<hr>

 <h3>Mysql:</h3>

1.&ensp;<a href='https://blog.csdn.net/weixin_39032019/article/details/120035438?utm_source=app&app_version=4.15.0&code=app_1562916241&uLinkId=usr1mkqgl919blen' target='_blank'>Mysql知识体系、命令全集</a>

<hr>

<h3>HTML</h3>

<ol>

<li>&ensp;<a href='https://blog.csdn.net/u011762625/article/details/48339735?utm_source=app&app_version=4.15.0&code=app_1562916241&uLinkId=usr1mkqgl919blen'>HTML配色表</a>(非常实用)</li>

<li>&ensp;<a href='https://blog.csdn.net/weixin_35554226/article/details/117954475?utm_source=app&app_version=4.15.0&code=app_1562916241&uLinkId=usr1mkqgl919blen' target='_blank'>html css配色方案</a><span style='font-size: 60%'>(清爽WEB2.0的几款CSS网页配色方案代码)</span></li>
<li>&ensp;<a href='https://blog.csdn.net/qq_40836250/article/details/82456330?utm_source=app&app_version=4.15.0&code=app_1562916241&uLinkId=usr1mkqgl919blen' target='_blank'>HTML5 基础元素(代码+注释)</a></li>

<li>&ensp;<a href='https://blog.csdn.net/weixin_30399797/article/details/98590035?utm_source=app&app_version=4.15.0&code=app_1562916241&uLinkId=usr1mkqgl919blen' target='_blank'>HTML5中设置字体</a>(转载于<a href='https://www.cnblogs.com/Dream-Seeker/p/4444819.html' target='_blank'>这里</a>)</li>

<li>&ensp;<a href='https://blog.csdn.net/ainyko/article/details/51245442?utm_source=app&app_version=4.15.0&code=app_1562916241&uLinkId=usr1mkqgl919blen' arget='_blank'>HTML标签说明</a></li>

<li>&ensp;<a href=https://blog.csdn.net/nicolelili1/article/details/79211818?utm_source=app&app_version=4.15.0&code=app_1562916241&uLinkId=usr1mkqgl919blen'>HTML5常用标签</a></li>

<li>&ensp;<a href='https://blog.csdn.net/w1418899532/article/details/82747602?utm_source=app&app_version=4.15.0&code=app_1562916241&uLinkId=usr1mkqgl919blen' target='_blank' title='点击跳转'>HTML5常用标签应用场景——<mark>图文详解</mark>(一)</a></li>

<li>&ensp;<a href='http://www.hightopo.com/blog/wp-content/uploads/2014/08/Screen-Shot-2014-08-12-at-8.57.11-PM.png' target='_blank'>纯HTML5拓扑图编辑器</a>
<a href='http://www.cnblogs.com/xhload3d/p/3909026.html' target='_blank'>(<span>可参考博客<xspan>)</a></li>
</ol>
<hr>

<center>——发布于2021-09-13&ensp;著作权归作者所有——</center>
<center><span>版权&copy;&nbsp;2021-2050</span></center>

<hr>

</body>
</html>

好物分享：HTML配色表(非常实用)，可以让您的页面更好看。

温馨推荐