导航:首页 > 万维百科 > html网页设计固定在页尾

html网页设计固定在页尾

 发布时间：2020-12-27 05:58:09

1、制作网页如何做出“返回顶部”图标并固定在页面右下的位置？

<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8>
<title>SCROLL</title>
<style type="text/css">
</style>
<script type="text/javascript">
var goToWhere = function (where)
    {
    var me = this;
    clearInterval (me.interval);
    me.site = [];
    var dom = !/.*chrome.*/i.test (navigator.userAgent) ? document.documentElement : document.body;
    var height = !!where ? dom.scrollHeight : 0;
    me.interval = setInterval (function ()
    {
    var speed = (height - dom.scrollTop) / 16;
    if (speed == me.site[0])
    {
    clearInterval (me.interval);
    return null;
    }
    dom.scrollTop += speed;
    me.site.unshift (speed);
    }, 16);
    };
</script>
</head>
<body>
<div style="height: 1000px; text-align: center; font-size: 200px; font-weight: bold;">5</div>
<div style="height: 1000px; text-align: center; font-size: 200px; font-weight: bold;">4</div>
<div style="height: 1000px; text-align: center; font-size: 200px; font-weight: bold;">3</div>
<div style="height: 1000px; text-align: center; font-size: 200px; font-weight: bold;">2</div>
<div style="height: 1000px; text-align: center; font-size: 200px; font-weight: bold;">1</div>
<div style="height: 1000px; text-align: center; font-size: 200px; font-weight: bold;">0</div>
<div id="back-up" onclick="goToWhere(0)"
style="border: 1px solid red; height: 100px; width: 15px; position: fixed; cursor: pointer; right: 10px; bottom: 150px;">返回顶部</div>
<div id="back-up" onclick="goToWhere(1)"
style="border: 1px solid red; height: 100px; width: 15px; position: fixed; cursor: pointer; right: 10px; bottom: 30px;">返回底部</div>
</body>
</html>

2、网页制作：如何实现把某一个DIV固定在页面的某个地方

使用绝对定位可以事项这个功能，即position： position:absolute; 然后在设置DIV相对与父容器的位置，例如下面专这个例子实现属将DIV定位在浏览器的左上角 <style type="text/css"> #top { width：400px； height：400px; background-color:#ff0000; position:absolute; left:0px; top:0px; } </style> <body> <div id="top" > </div> </body>

3、制作了一个htmL网页如何在底部添加版权？格式是怎样？

先插入表格，在表格内设置即可，最基本格式为：
©
+空格
+
年
+
空格
+
版权所有者

4、HTML网页设计中的将本页“设为主页”的代码是怎样的啊？

<a href=# onClick="this.style.behavior=’url(#default#homepage)’;this.setHomePage
(’http://www.aaa.com');">将本站设为首页</a>
<script language="JavaScript">
function bookmarkit(){window.external.addFavorite(’http://www.aaa.com',’’)}
if (document.all)document.write(’<a href="#" onClick="bookmarkit()">将本站加入收藏夹</a>’)
</script>

使用方法：

怎样使用特效代码？
只要把这些代码复制、粘贴到你的网页源代码中，保存，再在浏览器中打开，你就会看到效果了！
怎样在我的网页中插入代码？
使用DreamWeaver：
在编辑状态下按F10即弹出源代码窗口，将特效代码粘贴进去即可。
使用FrontPage：
点击编辑窗口左下角的“HTML”选项卡即出现源代码窗口，将特效代码粘贴进去即可。
使用“记事本”等编辑器：
直接用这些编辑器打开网页文件，出现的就是源代码，将特效代码粘贴进去即可。

在什么地方插入代码？
一般来说，在网页源代码的<body>与</body>之间的任何地方插入代码都可以（除非特别指明，例如要求插入到<head>与</head>之间）。提示：在<td>与</td>之间插入代码，一般不会出错。
该怎样修改代码？
插入代码之后，把代码中的文字替换成你自己的内容即可。
注意：为避免出错，请不要改动除中文文字之外的代码，否则程序可能会不能运行！

5、HTML网页设计:如果链接到另一页的指定位置

这是用记事本的做法

书签链接
建立书签基本语法：

<A name="bookmark_name">文字</a>
链接页面中的书签基本语法：

<A href="#bookmark_name">文字</a>
例子:

<HTML>
<HEAD>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML;CHARSET=big5">
<TITLE>例子</TITLE>
</HEAD>
<BODY>
<A HREF="#DW">Dreamweaver MX</A>
<A HREF="#FL">Flash MX</A>
<A HREF="#FW">Fireworks MX</A>

<A NAME="DW"><H3>Dreamweaver MX</H3></A>
<P>
<A NAME="FL"><H3>FLASH MX</H3></A>
<P>
<A NAME="FW"><H3>Fireworks MX</H3></A>
</BODY>
</HTML>

6、怎么制作一个固定大小的html页面

1、如图，我们对div设置固定宽度和高度。

2、图像预览效果如下所示。

3、然后在div里面插入一张图片，如图。

4、插入图片后，在预览中看到的效果，明显图片已经将父级的背景尺寸给盖住了，图片偏大了。

5、然后这个时候，将图片的宽度设置为何父级一样的宽度，代码就是width:100%;这里的100%会自动跟随父级的宽度选择。

6、这时候回到浏览器中，可以看到图片的宽度和父级div的宽度一致了，然后修改的就是高度的范围了。

7、如果也将图片的高度设置为父级的100%，那么图形就会发生形变，所以在这里需要将父级的高度去掉，这样子集的高度就自动化了。

8、很多时候，将图片在框中显示的时候，在底部会出现一个小边框，这时候将图片设置为display:block;转为块状就可以了。

7、html网页设计中，怎样让一个页面打开时下面的内容自动在最上面显示？

用绝对定位，相对于浏览器居上，层叠在最上面就可以解决了！

8、网页设计中怎么在页面中设置一个滚动条

css属性 overflow-y:auto; DIV里面的内容超过DIV的高度，右边就会自动出现滚动条

1、用一个div，定制成图中的宽度和高度
2、然后再把div的样式设成overflow-y:scroll，当div里的文字超出那个高度的时候，滚动条就出来了。
例如：<div style="width:100px; height:100px; overflow:auto; border:1px solid #000000;"><img src="" style="width:300px; height:300px;"></div>

9、Html网页制作中第二页怎么做```

和第一页一样的制作啊，然后通过超链接指过去就行了。

肯定用相对地址啊，你把网页都发过去，怎么会看不到呢

与html网页设计固定在页尾相关的知识