怎么制做包含HTML5新元素及marquee 、a 、img、p、h1、h2和hr等标签的网页？

Posted 2023-03-21

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎么制做包含HTML5新元素及marquee 、a 、img、p、h1、h2和hr等标签的网页？相关的知识，希望对你有一定的参考价值。

参考技术A <!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>网页的标题</title>
</head>



<style>
/* css样式的写法点+类名*/
.template
/* 背景颜色 */
/* background-color: red; */

.span_1
/* 字体颜色 */
color: red;
/* 字体大小 */
font-size: 28px;

.span_2
color: blue;
font-size: 10px;

.ads
color: green;
font-size:25px;

.adstwo
color: black;
font-size: 45px;

</style>
<body>




<div class="template">


<span class="span_1">span标签</span>
<span class="span_2">span标签2</span>

<p class="ads">我是P标签</p>
<p class="adstwo">我是P标签2</p>





<input type="text" placeholder="这是文书输入框">
<input type="password" placeholder="这是密码是输入框">
<input type="number" placeholder="这是数字输入框">



<img src="../img/liuyifei.jpg" alt='这是图片不能正常被加载时显示的内容'>
</div>
</body>
</html>

您好，您可以参考下上面的代码哦（如果有用，望采纳哦）

怎么实现marquee标签的向上无缝滚动？

用《marquee》标签，必须一次滚动完之后，才会进行下次滚动，也就是说头尾有很大的间隔，我想实现的效果是：有间隔，但间隔不能太大。通过上网搜到很多例子代码，可是他们获取的滚动区域的文字都是列表形式的，如：
<li>1 <a href="#" title="信息公开工作">挺酷的VB打字效果，加载外部TXT文本</a></li>
<li>2 <a href="#" title="信息公开工作">国务院办公厅转发监察部等部门 </a></li>
而我滚动的文字部分全部来自一个变量a，文字的格式也是在a中设置的，请问该怎么解决这个问题？

<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
    </head>
    <body>
        <style>
            #marquee pheight:30px;line-height: 30px;margin:0
        </style>
        <div style="height:30px;overflow:hidden;">
            <div id='marquee'>
                <p>第1段</p>
                <p>第2段</p>
                <p>第3段</p>
                <p>第4段</p>
                <p>第5段</p>
            </div>
        </div>

        <script>
            (function()
                var marquee = document.getElementById('marquee');
                var offset=0;
                var scrollheight =marquee.offsetHeight;
                var firstNode = marquee.children[0].cloneNode(true);
                marquee.appendChild(firstNode);//还有这里
                setInterval(function()
                    if(offset == scrollheight)
                        offset = 0;

                    marquee.style.marginTop = "-"+offset+"px";
                    offset += 1;
                ,50);
            )();
        </script>
    </body></html>

</div>

</div>

var speed=30;

var demo2=document.getElementByIdx_x("demo2");

var demo1=document.getElementByIdx_x("demo1");

var demo=document.getElementByIdx_x("demo");

demo2.innerHTML=demo1.innerHTML;

function Marquee()

if(demo2.offsetTop-demo.scrollTop<=0)

demo.scrollTop-=demo1.offsetHeight;

else