2_test.html 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <!-- 申明文档类型 html5 -->
  2. <!DOCTYPE html>
  3. <!-- html 超文本标记语言 标签 -->
  4. <!-- html标签
  5. 一般都是 <开始标签></结束标签>
  6. -->
  7. <!-- 根元素 根标签 html -->
  8. <html style="background:green">
  9. <!-- 头标签 一般用来给机器看的-->
  10. <head>
  11. <!-- 字符编码 防止页面乱码 -->
  12. <meta charset="UTF-8">
  13. <!-- description描述 keywords关键字-->
  14. <meta name="description" content="鲜花网,选花礼网(鲜花礼品网)-国内领先的鲜花网领先品牌,专注鲜花速递服务17年,销量居鲜花礼品网站首位!鲜花网可24小时预订鲜花,同城送花、异地送花服务,网上订花后最快1-3小时即可将鲜花快递上门,送花网站覆盖国内2000多城市!" />
  15. <meta name="keywords" content="花礼网Hua.com,鲜花礼品网,鲜花,鲜花网,鲜花快递,网上订花送花,网上订花,送花网站" />
  16. <!-- 标题 -->
  17. <title>淘宝网-淘!我喜欢</title>
  18. </head>
  19. <!-- body标签 用来展示给用户-->
  20. <body>
  21. 这是我的第一个网页 哈哈哈
  22. <!-- 标题 h1-h6 一个页面中只有一个h1-->
  23. <h1>我是标题1</h1>
  24. <h2>我是标题1</h2>
  25. <h3>我是标题1</h3>
  26. <h4>我是标题1</h4>
  27. <h5>我是标题1</h5>
  28. <h6>我是标题1</h6>
  29. <!-- 段落 -->
  30. <p>我是一段文字我是一段文字我是一段文我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字</p>
  31. <p>我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字</p>
  32. <!-- 图片 属性src =图片路径
  33. 绝对路径 固定不变
  34. 相对路径
  35. 下一级目录/
  36. 上一级目录../
  37. 常见图片格式
  38. jpg|jpeg 普通图片
  39. png 带有透明的图片
  40. gif动图
  41. -->
  42. <img src="https://img1.baidu.com/it/u=567782244,1695500002&fm=253&fmt=auto&app=138&f=JPEG?w=753&h=500" alt="">
  43. <!-- <img src="images/img01.jpeg" alt=""> -->
  44. <img src="../images/img01.jpeg" alt="">
  45. <img src="../images/taobao.png" alt="">
  46. <img src="../images/jd.gif" alt="">
  47. </body>
  48. </html>