導航:首頁 > 萬維百科 > 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網頁設計固定在頁尾相關的知識