前端开发学习笔记-3-html

三、框架【iframe】

<iframe src="URL"> </iframe>

例如:

<iframe loading="lazy" src="demo_iframe.htm" width="200" height="200frameborder="0"></iframe>

<p><a href="https://www.runoob.com" target="iframe_a" rel="noopener">RUNOOB.COM</a></p>

 

四、颜色【十六进制、RGB/RGBa】

 

rgba(255,255,0,0.5) ,a代表透明【0-1】

 

五、Javascript

引入脚本

<body>

<script>
document.write("Hello World!");

document.write("<h1>这是一个标题</h1>");
</script>

<noscript>抱歉,你的浏览器不支持 JavaScript!</noscript>

 

</body>

案例:

<p id="demo">
JavaScript 可以触发事件,就像按钮点击。</p>

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

<button type="button" onclick="myFunction()">点我</button>

 

 

 

 

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

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

 

 

 

posted @ 2022-06-15 17:31  兮佑皇叔  阅读(31)  评论(0)    收藏  举报