导航:首页 > 万维百科 > 网页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之间的距离怎么设计相关的知识