html技巧总结

最新推荐文章于 2022-10-06 11:00:37 发布

hurenWeb

最新推荐文章于 2022-10-06 11:00:37 发布

阅读量575

点赞数

分类专栏： htmlCss

本文链接：https://blog.csdn.net/u014147022/article/details/54962775

版权

htmlCss 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

html技巧总结：

1. 显示代码：<xmp><a href="##">代码部分</a></xmp>

2. 表格：
table默认无边框，有间距，有边距
<table border="1" cellpadding="0" cellspacing="0"></table>
<caption>标题，位于表格上面居中显示</caption>
<th>表头，加粗和td同级</th>
<td colspan="2">跨行</td>
<td rowspan="2">跨列</td>
能不能css来解决，html页面保存整洁，研究css的时候再考虑下

3. <marquee>文字滚动标签</marquee>
marquee滚动效果

<!doctype html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>marquee滚动效果</title>
    <style>
        body { }
        .scr { width: 700px; height: 50px; border: 1px solid red; background-color: #0099FF; position: relative; overflow: hidden; }
        .content { width: 700px; height: 30px; background-color: #CCC; position: absolute; left: 100px; top: 0; }
    </style>
</head>
<body>
<div class="scr">
    <div class="content" id="content">我是滚动的内容呢我是滚动的内容呢我是滚动的内的内容呢我是滚动的内容呢</div>
    <!--marquee direction="left" behavior="scroll" scrollamount="2" scrolldelay="40" loop="100" width="700" height="30" bgcolor="#0099FF">
    “薪火相传——传统村落守护者”颁奖仪式在松举行
    </marquee-->
</div>
<script>
    window.onload = function () {
        var obj = document.getElementById("content");
        var lefta = 690;
        var time01 = setInterval(function () {
            lefta -= 2;
            obj.style.left = lefta + "px";
            //alert(obj.style.left);
            if (lefta <= 0 - 700) {
                lefta = 700;
            }
        }, 30)
    }
</script>
<!--重要属性：
    1.滚动方向direction（包括4个值：up、 down、 left和 right）
    语法：<marquee direction="滚动方向">...</marquee>
    2.滚动方式behavior（scroll:循环滚动，默认效果； slide:只滚动一次就停止； alternate:来回交替进行滚动）
    语法：<marquee behavior="滚动方式">...</marquee>
    3.滚动速度scrollamount（滚动速度是设置每次滚动时移动的长度，以像素为单位）
    语法：<marquee scrollamount="5">...</marquee>
    4.滚动延迟scrolldelay（设置滚动的时间间隔，单位是毫秒）
    语法：<marquee scrolldelay="100">...</marquee>
    5.滚动循环loop（默认值是-1，滚动会不断的循环下去）
    语法：<marquee loop="2">...</marquee>
    6.滚动范围width、height
    7.滚动背景颜色bgcolor
    8.空白空间hspace、vspace
-->
</body>
</html>

hurenWeb

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html技巧总结

html技巧总结：1. 显示代码：代码部分2. 表格：table默认无边框，有间距，有边距标题，位于表格上面居中显示表头，加粗和td同级跨行跨列能不能css来解决，html页面保存整洁，研究css的时候再考虑下3. 文字滚动标签marquee滚动效果 marquee滚动效果 body { } .scr
复制链接

扫一扫

专栏目录