html网页特效方法+说明资源-CSDN文库

3星 · 超过75%的资源需积分: 9 78 浏览量 2013-09-17 12:57:06 上传评论 2 收藏 133KB DOC 举报

HTML，即超文本标记语言（HyperText Markup Language），是用于创建网页的标准标记语言。它可以用于构建网页结构，并通过内嵌CSS和JavaScript实现更多的视觉效果和交互功能。在本篇文章中，我们将探讨一些基本的HTML特效及其用法。 1. **贴图**：使用`<img>`标签可以插入图像，例如`<img src="图片地址">`，其中`src`属性指定了图像的URL。 2. **添加链接**： `<a>`标签用于创建超链接，如`<a href="所要连接的相关地址">写上你想写的字</a>`，`href`属性定义了链接的目标地址。 3. **新窗口打开链接**：添加`target="_blank"`属性可以使链接在新窗口或标签页中打开，例如`<a href="相关地址" target="_blank">写上要写的字</a>`。 4. **消除链接下划线**：使用`style="text-decoration:none"`可以去掉链接的下划线，如`<a href="相关地址" style="text-decoration:none">写上你想写的字</a>`。 5. **移动字体（走马灯）**： `<marquee>`标签可以创建滚动文字效果，例如`<marquee>写上你想写的字</marquee>`。 6. **字体样式**： - **加粗**：`<b>`标签，如`<b>写上你想写的字</b>`。 - **斜体**：`<i>`标签，如`<i>写上你想写的字</i>`。 - **下划线**：`<u>`标签，如`<u>写上你想写的字</u>`。 - **删除线**：`<s>`标签，如`<s>写上你想写的字</s>`。 - **字体大小**：`<h1>`到`<h6>`标签，分别代表不同级别的标题，`<h1>`最大，`<h6>`最小。 - **颜色**：`<font>`标签的`color`属性，如`<font color="#value">写上你想写的字</font>`，`value`取值范围从000000到ffffff（16进制）。 7. **背景音乐**：可以使用`<embed>`标签插入背景音乐，如`<embed src=音乐地址 width=300 height=45 type=audio/mpeg autostart="false">`，`autostart`属性控制音乐是否自动播放。 8. **Flash动画**：同样使用`<embed>`标签插入Flash对象，如`<embed src="flash 地址" width="宽度" height="高度">`。 9. **影视文件**： `<img>`标签的`dynsrc`属性可以加载视频或动态内容，如`<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>`，`start`属性控制何时开始播放。 10. **换行**：使用`<br>`标签进行换行。 11. **段落**： `<p>`标签定义段落，如`<p>段落</p>`。 12. **原始文字样式**： `<pre>`标签保留其内部的空白字符，如`<pre>正文</pre>`。 13. **帖子背景**： - **更换背景**：`<body background="背景图片地址">`。 - **固定背景**：`<body background="背景图片地址" bodybgproperties=fixed>`。 - **自定义颜色**：`<body bgcolor="#value">`，`value`取自颜色代码。 14. **帖子背景音乐**：使用`<bgsound>`标签添加背景音乐，如`<bgsound="背景音乐地址" loop=infinite>`，`loop`属性控制循环播放。 15. **贴网页**： `iframe`标签可以嵌入其他网页，如`<iframe src="相关地址" width="宽度" height="高度"></iframe>`。 16. **忽视右键**：通过`oncontextmenu`事件处理函数可以禁用右键菜单，如`<body oncontextmenu="return false">`。 17. **弹出窗口**： `window.open()`方法可以打开新的浏览器窗口，参数包括文件路径、窗口名称、窗口属性等，例如： ```html <a href="#" onclick="javascript:window.open(文件路径/文件名,newwindow, toolbar=no,scrollbars=yes,resizable=no,top=0,left=0, width=400,height=300);">文字或图片</a> ``` 这里的`newwindow`是窗口名，其他属性如`width`、`height`等定义窗口尺寸和位置。以上只是HTML的一些基础特效，实际中还可以结合CSS和JavaScript实现更复杂的交互和视觉效果。随着技术的发展，现代Web开发已经倾向于使用更先进的框架如React、Vue.js等，它们提供了更强大的组件化和交互功能，但了解基础的HTML特效仍然是理解和学习这些现代技术的重要基础。

资源推荐

资源详情

资源评论