HTML学习笔记——frameset和marquee

1>frameset 效果如百Google度

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<!-- <frameset cols=‘400,*‘>
    <frame src="http://www.baidu.com"/>
    <frame src="http://www.sina.com"/>
</frameset> -->

<!-- <frameset rows=‘200,200,*‘>
    <frame src="http://www.baidu.com"/>
    <frame src="http://www.sina.com"/>
    <frame src="http://www.hao123.com"/>
</frameset> -->

<frameset rows=‘200,*‘>
    <frame src=‘http://www.hao123.com‘/>
    <frameset cols=‘500,*‘>
        <frame src=‘http://www.baidu.com‘/>
        <frame src=‘http://www.sina.com‘/>
    </frameset>
</frameset>

</html>

2>marquee标签 实现滚动效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>

    <!-- 从右往左不停滚动 -->
    <marquee>marquee标签</marquee>

    <!-- 从左往右不停滚动/滚动次数为2次 -->
    <marquee direction="right" loop=‘2‘>marquee标签</marquee>

    <!-- 从下往上不停滚动/背景颜色/高度宽度/鼠标停止 -->
    <marquee direction="up" bgcolor=‘grey‘ width=‘400‘ height=‘100‘ onmouseover=‘this.stop()‘ onmouseout=‘this.start()‘>marquee标签</marquee>

    <!-- 只滚动一次 -->
    <marquee behavior="slide">只滚动一次</marquee>

    <!-- 来回滚动 -->
    <marquee behavior="alternate">来回滚动</marquee>

    <!-- 10个像素/每1000毫秒 -->
    <marquee behavior="scroll" scrollamount=‘10‘ scrolldelay=‘1000‘>滚动</marquee>

</body>
</html>
时间: 2024-10-14 01:00:41

HTML学习笔记——frameset和marquee的相关文章

前端html与css学习笔记总结篇(超详细)

第一部分 HTML 第一章 职业规划和前景 职业方向规划定位: web前端开发工程师 web网站架构师 自己创业 转岗管理或其他 web前端开发的前景展望: 未来IT行业企业需求最多的人才 结合最新的html5抢占移动端的市场 自己创业做老板 随着互联网的普及web开发成为企业的宠儿和核心 web职业发展目标: 第一.梳理知识架构 负责内容的HTML 负责外观的css(层叠样式表) 负责行为的js ps切图 第二.分解目标(起步阶段.提升阶段.成型阶段) 起步阶段: 基本知识的掌握 常用工具的掌

HTML 学习笔记 day three

HTML学习笔记 Day three 7.2插入多媒体元素 插入音乐 语法结构:<embed  src=”音乐文件的路径”></embed> 属性: Autostart:他只有两个值,true或者false,前者表示一打开页面就会自动播放,后者要点击之后才会播放 注意:在goole chorm 里面这项功能已经没有用了,一打开页面他就会播放,即使设置了之后也不行,但是在IE里面还可以使用loop:他只有两个值,true或者false,前者表示循环播放,后者表示不循环播放hidden

W3School -- HTML4.01学习笔记

HTML不是一种编程语言而是一种标记语言,标记语言是一套标记标签,HTML使用标记标签来描述网页. 标签属性:有一对尖括号包含关键字组成,一般成对出现,第一个标签叫开始标签(开放标签),第二个标签叫结束标签(闭合标签). HTML文档 == 网页 ,HTML文档描述网页,文档包含HTML标签和文本. 成对出现的标签,如<a></a>,其中结束标签的"/"前面不能有空格等,否则标签不会被识别. HTML元素是指从开始标签到结束标签的所有代码.没有内容的元素被称为空

vector 学习笔记

vector 使用练习: /**************************************** * File Name: vector.cpp * Author: sky0917 * Created Time: 2014年04月27日 11:07:33 ****************************************/ #include <iostream> #include <vector> using namespace std; int main

Caliburn.Micro学习笔记(一)----引导类和命名匹配规则

Caliburn.Micro学习笔记(一)----引导类和命名匹配规则 用了几天时间看了一下开源框架Caliburn.Micro 这是他源码的地址http://caliburnmicro.codeplex.com/ 文档也写的很详细,自己在看它的文档和代码时写了一些demo和笔记,还有它实现的原理记录一下 学习Caliburn.Micro要有MEF和MVVM的基础 先说一下他的命名规则和引导类 以后我会把Caliburn.Micro的 Actions IResult,IHandle ICondu

jQuery学习笔记(一):入门

jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,使开

[原创]java WEB学习笔记93:Hibernate学习之路---Hibernate 缓存介绍,缓存级别,使用二级缓存的情况,二级缓存的架构集合缓存,二级缓存的并发策略,实现步骤,集合缓存,查询缓存,时间戳缓存

本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱好者,互联网技术发烧友 微博:伊直都在0221 QQ:951226918 -----------------------------------------------------------------------------------------------------------------

Activiti 学习笔记记录(三)

上一篇:Activiti 学习笔记记录(二) 导读:上一篇学习了bpmn 画图的常用图形标记.那如何用它们组成一个可用文件呢? 我们知道 bpmn 其实是一个xml 文件

HTML&CSS基础学习笔记8-预格式文本

<pre>标签的主要作用是预格式化文本.被包围在 pre 标签中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体. <pre>标签的一个常见应用就是用来表示计算机的源代码.当然你也可以在你需要在网页中预显示格式时使用它. 会使你的文本换行的标签(例如<h>.<p>)绝不能包含在 <pre> 所定义的块里.尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的. 更多学习内容,就在码芽网http://www.