day-20HTML

<!-- HTML注释 -->
<!-- 1.标签 - 承载类容 -->
<!-- 2.层叠样式表 - 渲染页面-->
<!-- 3.JavaScipt - 交互式行为 -->
<!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>cc的技术专栏</title>
        <!-- css- cascading style sheet -->
        <style>
            h1{
                color: orange;/*颜色*/
                font-size: 40px;/*字体大小*/
                font-family: STKaiti;/*字体*/
            }
            p{
                color:purple;
                font-family: STKaiti;
            }
            p:first-letter{
                font-size: 30px;
                color:blue;
            }
            .a{
                color: black;
                font-size:15px;
            }
            .a:first-letter{
                color:black;
                font-size:15px;
            }
            a{
                color:black;
                text-decoration: none;
            }
            a:hover{
                color:blue;
            }
        </style>
    </head>
    <body>
        <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=957658&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:957658:53" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>

        <a name='123' href="#1234">回顶部</a>
        <h1>&lt;cc&gt;的博&reg;客</h1>
        <hr>
        <p class="a"><a href="https://baike.baidu.com/item/%E5%AF%B9%E9%85%92%E5%BD%93%E6%AD%8C%EF%BC%8C%E4%BA%BA%E7%94%9F%E5%87%A0%E4%BD%95%EF%BC%9F/3427151">对酒当歌，人生几何</a></p>
        <p><a href="https://baike.baidu.com/item/%E6%B0%B4/34133?fr=aladdin">H<sub>2</sub>O</a><p>
        <p>234<sup>2</sup><p>
        <hr>
        <h2>网站</h2>
        <ol>
            <li><a href="https://www.douyu.com/251785" target="_blank">斗鱼主播单人影</a></li>
            <li><a href="https://www.jd.com/?cu=true&utm_source=baidu-pinzhuan&utm_medium=cpc&utm_campaign=t_288551095_baidupinzhuan&utm_term=0f3d30c8dba7459bb52f2eb5eba8ac7d_0_6467f592aba94b17b4bd757f146981b2" target="_blank">京东</a></li>
        </ol>
        <dl>
            <dt><a href="http://www.baidu.com" target="_blank"><img title='百度' src="https://www.baidu.com/img/bd_logo1.png" alt='图片加载失败'></a></dt>
            <dd>面向对象的编程语言</dd>
            <dd>动态弱类型语言，需要编译器才能执行</dd>
        </dl>
        <p>床&nbsp;&nbsp;&nbsp;前<em>明月光</em></p>
        <p>疑是<strong>地上</strong>霜&copy;</p>
        <p>举&trade;头<ins>望</ins>明月</p>
        <p>低<del>头</del>思故乡</p>
        <button onclick='showWritter()'>确定</button>
        <button onclick="showShutDown()">关闭</button>
        <script>
            //驼峰命名法 - Camel Notation
            function showWritter(){
                for (var i = 1;i <= 3; i += 1){
                window.alert('作者：李白');
            }}
            function showShutDown(){
                if(window.confirm('确定关闭吗？')){
                    window.close()
                }

            }
        
        </script>
        <div>
            <a href='#123' name='1234'>回顶部</a>
        </div>
    </body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容