HTML 颜色值及脚本

颜色值

颜色值由十六进制来表示红、绿、蓝(RGB)。

每个颜色的最低值为0(十六进制为00),最高值为255(十六进制为FF)。

十六进制值的写法为#号后跟三个或六个十六进制字符。

三位数表示法为:#RGB,转换为6位数表示为:#RRGGBB

插入一段脚本:

<!DOCTYPE html>
<html>
<body>

<script脚本>
document文件.write("姚小小!")
</script> 

</body>
</html>

效果

noscript标签:只有在浏览器不支持脚本或者禁用脚本时,才会显示 <noscript> 元素中的内容;

JavaScript事件响应:

<!DOCTYPE html>
<html>
<body>

<h1>My First JavaScript</h1>

<p id="demo">
JavaScript can react to events. Like the click of a button.
</p>

<script>
function myFunction()
{
document.getElementById使用方法("demo").innerHTML="Hello JavaScript!";
}
</script>

<button type="button" onclick="myFunction()">Click Me!</button>

</body>
</html> 

效果;点击按钮即可变换字幕

JavaScript处理 HTML 样式:

<!DOCTYPE html>
<html>
<body>

<h1>我的第一段 JavaScript</h1>

<p id="demo">
JavaScript 能改变 HTML 元素的样式。
</p>

<script>
function myFunction()
{
x=document.getElementById("demo") // 找到元素
x.style.color="#ff0000";          // 改变样式
}
</script>

<button type="button" onclick="myFunction()">点击这里</button>

</body>
</html>    

效果:

 

转载于:https://www.cnblogs.com/yxmm/p/HTML.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值