CSS 按钮链接到另一个页面怎么写?

作者&投稿:雷杰 (若有异议请与网页底部的电邮联系)
HTML中怎么写能可以 点一个按钮然后跳转另一个页面~


按钮标签本身并不能添加超链接
所以我们需要给按钮标签外围加上一个a标签.
如果需要跳转到别的网站地址,可以直接填入需要跳转的地址即可.
点击跳转到百度
需要跳转到站内链接可以用下面这段代码
点击跳转到百度
参考资料:
百度百科

建设网站时,经常会遇到需要跳转页面的情况,例如我们的网站分中英文版本,网站程序索引页不是直接放在根目录下,而是分别放在“en”和“cn“目录中区分中英版本。
打开网站时,想直接跳转到en目录访问英文版,则需要使用跳转代码跳转后方可以访问。通过html代码跳转页面的详细步骤:
1、打开Dreamweaver,新建html页面;



2、创建成功后,会显示默认html网页模板代码;


3、在中加入这样一行代码:


4、其中,数值0.1是代表跳转时间为0.1秒,我们可以根据需求修改跳转时间的长短;“/en”代表要跳转到的目标目录;


5、以上步骤完成后,Ctrl+S保存网页,文件名命名为“index“,保存类型为“html”;


6、这样我们就保存了一个index.html的网页文件,将此文件通过FTP软件上传至服务器网站根目录下,输入域名打开网站,即可自动跳转到“en”目录。

1、在DW中实现效果:打开DW编辑器,在body中输入编辑按钮代码:如下

<button id="feedback" type="button" style="margin-right:30px; ">草稿</button>

2、给按钮加一个超链接,链接到另一个页面最简单的方法就是用a标签给包含进去;如下


3、效果实现页面:

点击后:



明明都会,为啥都不写全?
<button id="feedback" onclick="window.location.href='1.htm'" style="margin-right:30px; ">草稿</button>

type 属性就不需要了,因为本来就是普通按钮,你只需要更换“1.htm” 网址就可以了

<button onclick='window.location.href=网址'></a>

<button onclick='window.location.href=网址'>

onClick="window.location.href='b.htm' "


河东区18496922422: css 按钮怎么链接 -
麻柳珠贝: 要么就把连接弄成按钮样式的 要么就用JS添加单击事件,让页面跳转 要么就把按钮放到form里,利用form的action实现跳转.

河东区18496922422: 如何链接到其他页面的CSS定义? -
麻柳珠贝: 在别的页面里的css是提取不出来的,只有把css单独做成一个css文件,通过这句话来读取这个外部css文件才能实现这种方式是做网站推荐使用的方式,如果把css直接写到页面里,将来修改起来会很麻烦,单独做成一个文件,在不同页面调用,这样以后修改的话只需要修改这个外部css文件就可以了.不知道是不是你要的,还是你有些其他的想法?如果你有其他想法,说出你的具体想法,我帮你分析下看看有没有办法解决,我要保证我的采纳率,请尊重我的劳动

河东区18496922422: HTML中怎么写能可以 点一个按钮然后跳转另一个页面 -
麻柳珠贝: 可以用html中的a标签(xxx.html就是要跳转的链接): <a href="xxx.html">跳转链接</a>可以用js进行跳转: <button onclick="window.location.href='xxx.html'">点击跳转</button>以上两种方式达到的效果是一样的.

河东区18496922422: 如何在CSS按钮中加链接 -
麻柳珠贝: <input type="button" onclick="location.href='index.htm'"> index.htm改成你的页面就行.

河东区18496922422: div+css链接弹出新页面 -
麻柳珠贝: aaaa

河东区18496922422: 如何将完整的CSS代码嵌入到另一个页面 -
麻柳珠贝: 呵,这个问题是有由于CSS的相互影响,解决的有多各种第一种是用框架布局 ,原理是:框架是将代码执行完再导入页面,就不会相互影响,请不要用这个指令(先导入再执行代码,会影响) 第二种是 在别人的样式加个唯一的ID 再用 @incude ...>导入 如下 别人的样式 : #kkkkkk #page{} #kkkkkk #main{} #kkkkkk #left{}

河东区18496922422: 如何实现单击按钮跳转到另一个页面 -
麻柳珠贝: 在网页中button按钮不具备a标签的属性,如果要给button 按钮增加跳转事件可以在的确onclick事件上点击跳转js来实现.1.本地跳转function add(){window.location.href="add.do?method=add"; //你需要跳转的地址}function add(){...

河东区18496922422: 怎么利用CSS样式实现点击一个超链接时,使得要链接的页面与该超链接在同一页面 知道的 麻烦您详细解答 谢 -
麻柳珠贝: 这个...单独依靠CSS是无法实现的 需要结合javascript才可能实现 如果你了解过AJAX的话就有思路了,比如一些页面下面会有诸如“载入更多”的按钮,点击的话就会有新的数据填充到当前页面中.

河东区18496922422: 如何把网页和div+CSS链接起来 -
麻柳珠贝: 以链接的形式调用外部CSS文件 <Head> <link rel="stylesheet" type="text/css" href="Css.css" /> </Head>或者直接将CSS写在页面中 <Head> <style type="text/css"> <!-- body { font-family: "宋体"; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; text-decoration: none; }--> </style>

河东区18496922422: div+css问题,点击图片中的某一部分 连接到另一个页面 -
麻柳珠贝: 就是个超链接,用css控制,把默认链接文字隐藏掉,链接设置成块级元素,给宽高,然后马上入会那几个字是张背景图片

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网