Html代码编程学习笔记

发布于 作者:

一、实现本站运行时间的html代码

            【本站已稳定运行
             <script type="text/javascript">
             var webstar= new Date("1/1/2020");
             var webnow = new Date();
             var dotime = webnow.getTime() - webstar.getTime();
             var donow = Math.floor(dotime / (1000 * 60 * 60 * 24));
             document.write(+donow)
             </script>
            天】

二、实现网站时间显示的html代码

<!--显示当前时间JS程序START-->
         <script>
            function displayTime() {
                var currentTime = new Date();
                var hours = currentTime.getHours();
                var minutes = currentTime.getMinutes();
                var seconds = currentTime.getSeconds();
                // 如果月份、日期、小时、分钟或秒数小于10，则在前面添加0以保持格式的一致性
                hours = hours < 10 ? '0' + hours : hours;
                minutes = minutes < 10 ? '0' + minutes : minutes;
                seconds = seconds < 10 ? '0' + seconds : seconds;
                var timeString =hours + ':' + minutes + ':' + seconds;
                document.getElementById('timeDisplay').innerHTML = timeString;
            }
            </script>
            <script>
                setInterval(displayTime, 1000); // 每1000毫秒（即1秒）更新一次时间
            </script>
<!--显示当前时间JS程序END-->

三、网站底部备案代码

<a href="https://beian.miit.gov.cn">豫公网安备41130302000415号   豫ICP备20006149号-1</a>

四、单个网页的基本代码结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页标题</title>
    <!--引入收藏图标-->
    <link rel="icon" href="favicon.ico" type="image/x-icon">
<!--3秒后首页自动跳转至指定网页-->
<meta http-equiv="refresh" content="3;url=https://www.uutime.top">
</head>
<body>
    <h1>欢迎来到我的网页</h1>
    <p>这是一个段落。</p>
</body>
</html>

五、网页背景实现渐变的代码

{background:linear-gradient(to right, rgb(107, 33, 168), rgb(76, 29, 149), rgb(107, 33, 168));}