導航:首頁 > 萬維百科 > 網頁a之間的距離怎麼設計

網頁a之間的距離怎麼設計

 發布時間：2020-09-29 18:53:54

1、網頁設計，比如現在有一個鏈接<a href="http://www.baidu.com" target="_blank">百度</a>如何設置

可以用js實現
<SCRIPT LANGUAGE="javascript">
window.open ('http://www.baidu.com', '百度', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
</SCRIPT>

2、<a></a>代表什麼網頁設計

是鏈接標簽，點擊可以鏈接到目標地址
如<a href="www.baidu.com">百度</a>

3、網頁設計中如何鏈接到上一級文件夾中的文件？

像這樣就可以了
<a href="../abc.html">文字</a> 這是上級目錄中的文件abc.html
如果是上級目錄的一個文件夾user裡面的abc.html，則用<a href="../user/abc.html">文字</a>

4、在網頁設計中<a>與<p>有什麼區別又分別是什麼意思？

<a>的意思是超鏈接，<p>的意思是段落。兩者區別如下；

一、指代不同

1、<p>：標簽定義段落。p 元素會自動在其前後創建一些空白。

2、<a>：a標簽定義超鏈接，用於從一個頁面鏈接到另一個頁面。


二、特性不同

1、<p>：瀏覽器會自動添加p段落後的這些空間，也可以在樣式表中規定。

2、<a>：a元素最重要的屬性是 href 屬性，通過使用 href 屬性，創建指向另外一個文檔的鏈接（或超鏈接）通過使用 name 或 id 屬性，創建一個文檔內部的書簽（也就是說，可以創建指向文檔片段的鏈接）<a> 元素最重要的屬性是 href 屬性，指定鏈接的目標。

三、用法不同

1、<p>：<p>這是段落中的文本。</p>所有主流瀏覽器都支持 <p> 標簽。

2、<a>：<a href="url">Link text</a>href 屬性規定鏈接的目標。開始標簽和結束標簽之間的文字被作為超級鏈接來顯示。


5、網頁設計中的<a>有固定表現格式嗎？

網頁設計中當然有固定的格式，這是非常方便的，你叫照搬照抄公式就可以。

6、網頁設計中的<a href="http://www.hao123.com">fif</a>

<a href="#">文字</a>是鏈接的意思
# 鏈接指向的網址
文字就是你點擊它就會進入那個網址

7、網頁設計怎麼單獨的設計多種a:hover？

因為css無法選擇父元素，但是能選擇兄弟元素，所以我們沒必要那麼死板，可以讓方框和字體作為兄弟節點，讓字體懸浮在方框上就行了。想要單獨給某個a設置hover，可以直接利用該a的id，或者用父元素的後代選擇器nth-child()，不過不推薦

<!DOCTYPE html>

<html>


<head>

<meta charset="UTF-8">

<title>icon</title>

<style type="text/css">

a {

text-decoration: none;

}


#box {

width: 306px;

height:306px;

position: relative;

overflow: hidden;

} 

#icon{

width: 300px;

height: 300px;

position: absolute;

border: 1px solid black;

}

#icon:hover{

border: 3px solid red;

}

#icon img{

width: 200px;

height: 200px;

border: 1px solid orange;

border-radius: 100px;

margin-left:50px;

margin-top: 20px;

}

#txt{

width: 300px;

display: block;

position: absolute;

bottom: 5px;

text-align: center;

cursor: pointer;

z-index: 100;

}

#txt:hover{

color: green;

}

#txt:hover + #icon{

border: 3px solid green;

}

</style>


</head>


<body>


<div id="box">

<a id="txt">請放進來</a>

<a id="icon"><img src=""/></a>

</div>


</body>


</html>

8、請教一個網頁設計問題：怎樣在A頁面點擊某鏈接後跳轉到B頁面指定的位置？

在B頁面標題處添加錨點鏈接就好啦，關於錨點的鏈接知識，你可以進一步去學習

9、在設計用div+css設計網頁時 菜單菜單，欄之間的空隙怎麼都不平均 怎麼來實現

<style>
*{margin:0;padding: 0;}
.nav{ background:#000; color:#fff; height:30px; line-height:30px;}
.nav li{ float:left;}
.nav li a{ display:block; padding:0 15px; color:#fff; text-decoration:none;}
.nav li a:hover{ background:#fff; color:#000;}
</style>
<div class="nav">
<ul>
<li><a href="#">導航欄目</a></li>
<li><a href="#">欄目</a></li>
<li><a href="#">三欄目</a></li>
<li><a href="#">四個航欄目</a></li>
<li><a href="#">導航欄目</a></li>
<li><a href="#">導航欄目</a></li>
<li><a href="#">導航欄目</a></li>
<li><a href="#">導航欄目</a></li>
<li><a href="#">導航欄目</a></li>
</ul>
</div>

你好，做導航建議用li來做.如果文字都是一樣多的可以固定寬度 不一樣的直接用 padding屬性實現就好了  如果用margin的話容易不兼容瀏覽器

上現代碼有詳細說明 你看一下 就明白怎麼回事了

希望可以幫到你、

有不明白的可以聯系我哦~~

望採納  謝謝~~

10、html css 網頁設計 a:link ,a:visited,a:hover, 怎麼 添加行內樣式

a:link，a:visited，a:hover，貌似不可以用行內樣式表示哦。

可以用內部樣式：

<style>
    a:link {color:blue}
    a:visited{color:red} 
    a:hover {color:yellow}
</style>

也可以用css文件中的外部樣式：

<link rel="stylesheet" type="text/css" href="test.css"></link>
test.css文件里：
    a:link {color:blue}
    a:visited{color:red} 
    a:hover {color:yellow}

但是貌似不可以用行內樣式的。

如果一定要用，可以這樣的方式來：

<a href="javascript:void(0);" onmouseover="this.style.color='yellow';" onmouseout="this.style.color='blue';" onclick="this.style.color='red';">鏈接</a>

其中，onmouseout對應的a:link，onclick對應的a:visited，onmouseover對應的a:hover

與網頁a之間的距離怎麼設計相關的知識