• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > 网页常用代码 比较基础的东西

网页常用代码 比较基础的东西

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含网页,常用代码等相关知识,佚名 希望在学习及工作中可以帮助到您
◆加入收藏夹
说 明 点击即可把你的网站添加到浏览器的收藏菜单下
代 码 <span style="CURSOR: hand" onClick="window.external.addFavorite('http://www.jb51.net','微课江湖')" title="微课江湖">收藏本站</span>

 

◆设为首页
说 明 点击即可把你的网站设置为浏览器的起始页
代 码 <span onclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';
this.setHomePage('http://www.jb51.net');" style="CURSOR: hand">设为首页</span>

 

◆去掉超链接的下划线
说 明 有时候看着那超链接的下划线挺讨厌的,把下面这段代码放到网页源代码<head>与</head>之间,下划线就无影无踪啦!
注意,网页的<body>标签里不能再有link之类的属性,否则本效果会失效!
代 码 <style TYPE="text/css">
<!--
A:link{text-decoration:none}
A:visited{text-decoration:none}
A:hover {color: #ff00ff;text-decoration:underline}
-->
</style>

 

◆自动刷新网页
说 明 自动刷新网页
在HTML的与之间加入下面这段代码,则在5分钟之后正在浏览的页面将会自动变为target.html这一页。代码中300为刷新的延迟时间,以秒为单位。targer.html为你想转向的目标页,若为本页则为自动刷新本页。
代 码 <meta http-equiv="refresh" content="300; url=target.html">

 

◆刷新本页
说 明 点击即可刷新本页。
代 码 <a href="javascript:location.reload()" target="_self">刷新</a>

 

◆返回到上一页
说 明 点击即可返回到上一页面。
代 码 <a href="javascript:history.back(-1)">返回上一页</a>

 

◆跳出小窗口
说 明 在打开有下面这段代码的页面时将会跳出一个468x60大小的小窗口。“window.html”为跳出的小窗口里所要显示的网页。toolbar、status、menubar、scrollbars、设置小窗口的工具栏、状态栏、菜单栏及滚动条的有无,resizable设置是否可让浏览者改变小窗口大小,width、height设置小窗口的宽度以及高度。(不过这样的小窗口一般是不受欢迎的哦!)
代 码 <script language="JavaScript">
window.open("window.html","www_helpor_net","toolbar=no, status=no,menubar=no, scrollbars=no,resizable=no,width=468,height=60,left=200,top=50");
</script>

 

◆自动关闭窗口
说 明 在网页源代码中加入下面的代码,则该窗口将在20秒钟之后自动关闭!这与跳出式小窗口配合使用是再好不过啦!代码中“i=20”表示关闭的延迟时间为20秒,可任意修改。
代 码 <script language="javascript">
<!--
function clock(){i=i-1
document.title="本窗口将在"+i+"秒后自动关闭!";
if(i>0)setTimeout("clock();",1000);
else self.close();}
var i=20
clock();
//-->
</script>

 

您可能想查找下面的文章:

  • 浅谈Html网页表格结构化标记的应用
  • HTML基础必看---表单,图片热点,网页划区和拼接详解
  • 移动端网页大小自适应的实现方法
  • 在网页上调用桌面exe程序的简单方法
  • Adobe Brackets 简单使用图文教程
  • 网站不允许直接复制页面内容或信息的解除方法
  • html网页中meta viewport属性说明
  • 网页嵌入百度地图和使用百度地图api自定义地图的详细步骤
  • html文档基本结构(制作网页基础知识)
  • html网页插入图片、加入地图索引示例讲解

相关文章

  • 2017-08-05form的OnSubmit和input type=image使用介绍
  • 2017-08-05html 标签 dl dt dd使用说明
  • 2017-08-05网页制作中使用规范的HTML代码的几点
  • 2017-08-055个酷炫、实用的HTML标签和属性介绍
  • 2017-08-05html a 链接标签title属性换行鼠标悬停提示内容的换行效果
  • 2017-08-05用按钮触发事件的方式实现背景色的闪烁效果
  • 2017-08-05HTML教程:图片大小对齐间隔边框属性修改方法介绍
  • 2017-08-05DD DT DL标签使用示例
  • 2017-08-05HTML的结束标签问题与w3c标准
  • 2017-08-05网页制作初学者:学用HTML的超链接A标记

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 设置table中的宽度不随文字改变让其固定
    • input标签里面的name与value的区别
    • 谈html mailto(电子邮件)实际应用
    • HTML和CSS在Flash中的应用
    • html中锚点的应用
    • 网页html 特殊符号 html特殊字符对照表
    • html网页中meta viewport属性说明
    • iframe子页面操作父页面并实现屏蔽页面弹出层效果
    • Nofollow标签的写法以及nofollow使用介绍
    • 使用整洁的HTML标记构建页面

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有