博客列表 >1208作业

1208作业

世纪天城
世纪天城原创
2020年12月11日 20:48:43399浏览
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. <!-- h1是标题标签 作用为划分页面结构的 并分为h1 h2 h3 h4 h5 h6 六个级 数值越大层级越小-->
  11. <h1>h1标题与段落</h1>
  12. <h2>h2标题与段落</h2>
  13. <h3>h3标题与段落</h3>
  14. <h4>h4标题与段落</h4>
  15. <h5>h5标题与段落</h5>
  16. <h6>h6标题与段落</h6>
  17. <p> p标签段落标签</p>
  18. <p>h1是标题标签 作用为划分页面结构的 并分为h1 h2 h3 h4 h5 h6 六个级 数值越大层级越小</p>
  19. <!--<style> 标签用于为 HTML 文档定义样式信息。在 style 中,您可以规定在浏览器中如何呈现 HTML 文档。type 属性是必需的,定义 style 元素的内容。唯一可能的值是 "text/css"。style 元素位于 head 部分中。--> -->
  20. <style>
  21. p{
  22. color: darksalmon;
  23. }
  24. </style>
  25. <!-- <script> 标签用于定义客户端脚本,比如 JavaScript。script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。必需的 type 属性规定脚本的 MIME 类型。JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。 -->
  26. <script>
  27. // alert('111');
  28. </script>
  29. <!-- a标签未链接标签 -->
  30. <!-- target为窗口打开模式 -->
  31. <!-- _self为当前页打开 当没有设置 target时默认为 _self当前页-->
  32. <!-- _blank为新窗口打开 -->
  33. <a href="1.html" target="_self">a标签链接标签</a>
  34. <a href="1.html" target="_blank">a标签链接标签</a>
  35. <!-- 在指定窗口打开target="iframe中的name值" -->
  36. <hr/>
  37. <a href="https://j.map.baidu.com/3a/h" target="abc">在指定窗口打开</a>
  38. <iframe srcdoc="点击我打开地图" name="abc" style="width: 500px;height: 300px;"></iframe>
  39. <!-- 锚点跳转 可实现在当前页面进行跳转 -->
  40. <hr/>
  41. img图像标签
  42. <img src="123.jpg" alt="" style="width: 200px; ">
  43. <hr/>
  44. <a href="#abc">跳转到底部</a>
  45. <div id="abc" style="margin-top: 200px;">我是底部</div>
  46. <br>
  47. <a href="#">返回顶部</a>
  48. </body>
  49. </html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议