提交学习笔记专用
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

84 lines
2.4 KiB

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>HTML学习2</title>
  8. </head>
  9. <body>
  10. <!--iframe-->
  11. <iframe src="http://127.0.0.1:5500/%E5%90%B4%E5%85%89%E6%85%A7%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/10.29/study1.html"
  12. name="iframe_a"width="500" height="500" frameborder="0">study1</iframe>
  13. <!--使用 iframe 作为链接的目标-->
  14. <p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>
  15. <!--框架-->
  16. <h1>我的第一个 Emoji</h1>
  17. <p style="font-size:48px">&#128512;</p>
  18. <!--URL-->
  19. <!--
  20. http 超文本传输协议 以 http:// 开头的普通网页。不加密。
  21. https 安全超文本传输协议 以 https:// 开头的安全网页。加密。
  22. ftp 文件传输协议 以 ftp:// 用于将文件下载或上传至网站。
  23. ftps 安全文件传输协议 以 ftps:// 开头的安全文件传输协议。加密。
  24. file 本地文件 以 file:// 开头的本地文件。
  25. -->
  26. <!--表单-->
  27. <!--form-->
  28. <form action="action_page.php" method="GET" target="_blank" accept-charset="UTF-8"
  29. ectype="application/x-www-form-urlencoded" autocomplete="off" novalidate>
  30. <fieldset><!--元素组合表单中的相关数据-->
  31. <legend>Personal information:</legend><!--为 <fieldset> 元素定义标题-->
  32. First name:<br>
  33. <input type="text" name="firstname">
  34. <br>
  35. Last name:<br>
  36. <input type="text" name="lastname">
  37. <br><br>
  38. <input type="submit" value="Submit"></fieldset>
  39. </form>
  40. <!--单选按钮-->
  41. <form>
  42. <input type="radio" name="sex" value="male" checked>Male
  43. <br>
  44. <input type="radio" name="sex" value="female">Female
  45. </form>
  46. <!--复选框-->
  47. <form>
  48. <input type="checkbox" name="vehicle" value="Bike"> I have a bike
  49. <br>
  50. <input type="checkbox" name="vehicle" value="Car" checked> I have a car
  51. </form>
  52. <!--Action-->
  53. <form action="action_page.php" method="GET"></form>
  54. <form action="action_page.php" method="POST"></form>
  55. <!--POST 的安全性更好,因为在页面地址栏中被提交的数据是不可见的
  56. GET的URL 的长度受到限制(2048 个字符)-->
  57. <!--target属性-->
  58. <form action="/action_page.php" target="_blank"></form>
  59. <!--_blank:新的 _self:当前 _parent:父框架
  60. _top:在窗口的整个 body 中 framename:在命名的 iframe 中-->
  61. </body>
  62. </html>