其他常用属性

这篇博客介绍了HTML中body标签的部分属性,如文本颜色、链接颜色以及背景颜色等,并展示了如何使用这些属性来定制网页样式。同时,文章讲解了常用的HTML转义字符,如空格、小于号和大于号等的表示方式。此外,还详细探讨了即将淘汰的marquee标签,用于创建跑马灯(弹幕)效果,包括direction、scrolldelay等属性的使用,以及如何通过JavaScript控制其行为。

目录

1.部分属性

2.常用的一些转换码

3.跑马灯(弹幕):marquee标签


1.部分属性

body标签中的部分属性
文本颜色text
超链接文本颜色link
访问过后连接的文本颜色vlink
激活链接时文本的颜色alink
背景颜色bgcolor
背景图片--一般不用图片做背景background

注意:当背景颜色和背景图片同时存在的时后需注意优先级

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body text="red" link="blue" alink="pink" vlink="green" bgcolor="yellow">
	<a href="http://www.baidu.com.cn">点击我</a>
</body>
</html>

点击之前的超链接和背景颜色

 点击时的超链接颜色

 点击超链接之后的颜色-------背景颜色没变但是黄色背景看不清超链接变化后的颜色所以背景颜色被删除

2.常用的一些转换码

&nbsp;<!--空格-->
    &lt;<!--小于-->
    &gt;<!--大于-->
    &yen;<!--货币符号-->
    &quot;<!--引号"-->
    &copy;<!--©-->
    &reg;<!--®-->
    &plusmn;<!--±-->
    &permil;<!--‰-->
    &divide;<!--÷-->

3.跑马灯(弹幕):marquee标签

marquee标签--------接近淘汰,默认的方向是从右往左

direction属性的取值
right从左往右
left从右往左
up从下往上
down从上往下
behavior属性的取值
来回滚动--默认scroll
只滚一次slide
往返滚aliternate

scrollamount ------- 表示运动的速度 值正整数 默认6 数值越大滚动的速度越快

loop ------- 表示循环的次数 值正整数 默认无限次循环

scrolldelay ------- 表示停顿的时间 ,值正整数 默认值是0 单位是毫秒

bgcolor ---- 滚动区域的背景颜色height\width------ 设置滚动的区域的大小

hspace \vspace --------设置元素到边界的水平和垂直的距离

onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动

onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动

简单的一个跑马灯代码

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>第四天</title>
</head>
<body text="blue" link="green" alink="pink" vlink="red" bacolor="blue" bgcolor="pink"><a href="https://www.baidu.com/" target="_blank">点击</a>
    <p>一般&nbsp;<!--空格-->
    &lt;<!--小于-->
    &gt;<!--大于-->
    &yen;<!--货币符号-->
    &quot;<!--引号"-->
    &copy;<!--©-->
    &reg;<!--®-->
    &plusmn;<!--±-->
    &permil;<!--‰-->
    &divide;<!--÷-->
    <marquee direction="down" scrolldelay="200">弹幕</marquee>
    <marquee direction="right" bgcolor="red">66666666</marquee>
    <marquee behavior="scroll" height="20" width="20">66666666</marquee>
    <marquee behavior="alternate" hspace="200" vspace="200">000000</marquee>
    </p>
</body>
</html>

代码运行结果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值