本文总结自由人民邮电出版社出版的《HTML、CSS、Javascript网页制作》。

总结进行学习，并分享给同样编写HTML5的朋友。

1：背景音乐的添加
<embed src="yinyue.mid " width="300" height="200" autostart=true controls="middleconsole">
2:每隔一定时间的自动刷新网页
在head标签里加入
<meta http-equiv="refresh" content="10";url=http://自己的url“>
3:让网站自动跳转到另一页 -----???与上面有何异同？
<meta http-equiv="refresh"
4：一个网站的不同页面播放同一个声音文件
当访问一个网站的首页时，听到一段背景音乐，当链接至其他页时，音乐就停止了。如何让声音不断呢？需要建立一个上下框架结构的网页，把声音文件放在下框架里，并把下框架的宽度设置为1像素，而上框架里是页面内容，当访问者离开站点首页时，因下框架内容未变，声音不会断。注意:1:把框架的边框设置为0；2：隐藏声音文件的播放页面，然后把上下两个框架的背景音乐设置为相同。
5：清除页面的框架结构
在链接属性中加入targrt="_top"，
<a href="https://www.baidu.com/",target="_top">清楚页面中的框架结构</a>
6:让浏览器正确显示word格式文件
<meta http-equiv="content-type"content="application/msword">
7:利用水平线制作垂直线
插入水平线：<hr size="1"> 让它垂直：<hr size="200" width="1">

8:去除页面四周的空白
在<body>里加入"leftmargin="0""topmargin="0"",为了适应浏览器，最好在加上"marginheight="0"marginwidth="0""。
9：去除浏览器的滚动条
去除浏览器的滚动条:<body scroll=no>
去除水平滚动条：<body style="overflow-x:hidden">
去除竖直滚动条：<body style="overflow-y:hidden">

HTML5 网页制作技巧的更多相关文章

  1. HTML5网页制作教程:HTML5块级链接

    网页制作Webjx文章简介:Web 标准中处处充满了打脸行为,这条规则现在已经失效了!在那篇文章发布一个月后,HTML5doctor 发表了 “Block-level” links in HTML5, ...

  2. HTML5网页制作好好玩啊

    ---恢复内容开始--- 这两天在看HTML5,由于学习的需要,所以要学的,嗯,这个整人还是很有意思的(但是超超是好人,从不干坏事) 现在请欣赏一下我的代码和图片吧!(想整人的小伙伴可以自己copy来 ...

  3. HTML5网页制作（3）

    今天,就开始嵌入图片以及创建图片分区的学习吧! 这两张图片其实是我用HTML5写的(纯粹当做笔记来记了),以上就是今天要学的一些内容 下面是我今天敲的代码:  [冒泡]林北的爸爸 2019/4/29  ...

  4. 网页制作技巧:iframe自适应高度

    转自:http://www.enet.com.cn/article/2012/0620/A20120620126237.shtml 通过Google搜索iframe 自适应高度,结果5W多条,搜索if ...

  5. html+css+javascript网页制作技巧总结1

    (一)div.元素居中中显示方法: 1.宽度要有实际值或百分比值 2.margin:0px auto; 文本内容居中显示的方法: 1.text-align:center; 2.line-height: ...

  6. HTML5 页面制作工具

    https://www.zhihu.com/question/30087283 HTML5 页面制作工具 免费的基于 HTML 5 的 Web Apps 生成器工具网站     81 235 初页 制 ...

  7. HTML、CSS、JavaScript网页制作从入门到精通 (刘西杰) pdf扫描版彩色版​

    html.css.JavaScript网页制作从入门到精通中从基础知识开始讲起,如html的基本标记.文字与段落标记.表格标记.超链接标记……同时介绍了目前流行的web标准与css网页布局实例,以及基 ...

  8. IT兄弟连 HTML5教程 HTML5的学习线路图 第一阶段学习网页制作

    学习HTML5技术可并不是简单学会几个新增的标签而已,HTML5现在可以说是前端所有技术的代名词.需要学习的语言和工具不仅多,对于刚接触他们的新人会感觉很乱.另外,前端开发也会细分很多个开发岗位,不同 ...

  9. 推荐21款最佳 HTML5 网页游戏

    尽管 HTML5 的完全实现还有很长的路要走,但 HTML5 正在改变 Web,未来 HTML5 将把 Web 带入一个更加成熟和开放的应用平台.现在,越来越多的人尝试用 HTML5 来制作网页游戏等 ...

随机推荐

  1. Java学习日报9.30

    ********************************** double类型精度问题 ********************************** 1 package test; 2 ...

  2. 1.第一个QT程序

    第一个QT程序 应用程序类QApplication 窗口类MyWidget 进入事件循环 a.exec() 头文件 mywidget.h QApplication 文件Demo_pro 我怎么知道我用 ...

  3. LInux学习笔记之常用命令

    以下命令主要是平时用到的命令,对于一些经常用到的,就收集资料,归纳一下. 指令目录: 1.yum命令: 2.wget命令: 3.tar命令: 4../configure,make,make insta ...

  4. 笔记本使用网线连接可以进行ftp下载，但是通过wifi连接只能登陆不能下载的问题。

    环境: (1)服务器为阿里云服务器,有公网ip,有内网ip,公网和内网已经做了相关端口的映射,ftp服务器为FileZilla,ftp服务器被动模式已开启,防火墙已关闭 (2)ftp客户端为java写 ...

  5. Beta冲刺——第六天

    这个作业属于哪个课程 https://edu.cnblogs.com/campus/fzzcxy/2018SE1 这个作业要求在哪里 https://edu.cnblogs.com/campus/fz ...

  6. mysql 应用 持续更新

    1.安装方法 贴出,my.ini # MySQL Server Instance Configuration File # -------------------------------------- ...

  7. 2021升级版微服务教程4—Nacos 服务注册和发现

    2021升级版SpringCloud教程从入门到实战精通「H版&alibaba&链路追踪&日志&事务&锁」 默认文件1610014380163 教程全目录「含视 ...

  8. PostgreSQL WAL日志详解

    wal日志即write ahead log预写式日志,简称wal日志.wal日志可以说是PostgreSQL中十分重要的部分,相当于oracle中的redo日志. 当数据库中数据发生变更时:chang ...

  9. zabbix v3.0安装部署【转】

    关于zabbix及相关服务软件版本: Linux:oracle linux 6.5 nginx:1.9.15 MySQL:5.5.49 PHP:5.5.35 一.安装nginx: 安装依赖包: yum ...

  10. 【SpringMVC】SpringMVC 响应数据

    SpringMVC 响应数据 文章源码 返回值分类 返回值是字符串 Controller 方法返回字符串可以指定逻辑视图的名称,通过视图解析器解析为物理视图的地址. @Controller @Requ ...