今天第一节HTML学习!!!
代码:
实例
<!DOCTYPE html> <html> <!--head标签中的内容,是给浏览器看的,用户不感兴趣--> <head> <meta charset="UTF-8"> <title>我的第一个HTML页面</title> <style type="text/css"> div { width: 560px; height: 300px; /*border: 1px solid brown;*/ padding: 15px; /*background-color: blue;*/ background-image: url(images/1.jpg); background-size: 590px 330px; background-repeat: no-repeat; border-radius:20px; box-shadow: 8px 8px 10px brown; } .text{ color:#00f07f; line-height: 2em; text-indent: 2em; } </style> </head> <body> <div> <h2 style="color:red; text-align:center;font-size: 30px;" onmouseover="change(this)" onmouseout="old(this)">开心一刻</h2> <p>推销员在药店门前向过往的行人吆喝:“看看我这一头浓密乌黑的秀发,这是用了三个月防脱生发水的奇迹! ”秃顶的老张路过:“请问你以前秃到什么程度?”<br> <!--<p>推销员一边摘下假发一边说:“秃到一根头发都没有,你看,不骗你! ”</p>--> 推销员一边摘下假发一边说:“秃到一根头发都没有,你看,不骗你! ”</p> </div> <script type="text/javascript"> function change(element) { element.style.font-size = '40px' element.style.color = 'yellow' } function old(element){ element.style.font-size = "30px" element.style.color = "red" } </script> </body> </html>
运行实
例 »
点击 "运行实例" 按钮查看在线实例
手写代码: