前端学习笔记(HTML)

- 日理万妓 2022-03-10 07:14 353阅读 0赞
  1. <!DOCTYPE html>
  2. <!-- HTML中的文件由标签构成 这是声明标签,用于声明文件的类型 -->
  3. <!-- 1、HTML的基本结构 一个HTML文件由一系列标签元素构成,标签可以分为两种: 单标签:<标签名 属性1="值1" 属性2="值2" 。。。 /> 双标签:<标签名>属性1="值1" ... </标签名> -->
  4. <html lang="en">
  5. <!-- html标签,是一个网页中最基础的标签,网页里面所有的表现都欠套在html中-->
  6. <head>
  7. <!-- head标签,html中嵌套的第一个标签,定义网页的头部信息,一般是不显示在网页中的 比如:标题、样式、脚本、配置文件、基地址等信息 -->
  8. <meta charset="UTF-8">
  9. <title>Document</title>
  10. <!-- title标签的内容一般显示在浏览器的标题中 -->
  11. </head>
  12. <body>
  13. <!-- body标签:这里的内容主要是显示在浏览器的主页中 -->
  14. <!-- 2、文本类标签 这类标签狐妖适用于处理文本内容的 -->
  15. <!-- 1)标题:共六级 -->
  16. <h1 align="center">一级标题</h1>
  17. <h2 align="right">二级标题</h2>
  18. <h3>三级标题</h3>
  19. <!-- 2)段落 <br> 换行 一个空格 三个空格=一个文字 <strong>加粗</strong> 或者 <b></b> <em>斜体</em> <sup>上标</sub> <sub>下标</sub> -->
  20. <p align="center">
  21. 123456!<br/>
  22. <strong>1234</strong>11111<em>哈哈哈哈哈哈哈哈哈啊哈哈哈啊哈 !</em>
  23. </p>
  24. <p><code>Hi girl! Are you free tonight?</code></p>
  25. <hr width="400px" align="center">
  26. x<sup>2</sup> + 2x + 1 = 0 <br>
  27. x<sub>1</sub> + x<sub>2</sub> = -1
  28. <!-- 3、字体 <font></font> 属性: face:字体,"楷体"、"隶书"、"宋体"等,前提浏览器支持 size:字号(1-7) color:颜色 <strong>加粗</strong> 或者 <b></b> <strike></strike>:删除线 <u></u>:下划线 <code></code>:针对于英文字母 -->
  29. <font face="隶书" size="4" color="red">Pasdas!</font>
  30. </body>
  31. </html>

网页显示如下:

在这里插入图片描述

发表评论

表情:
评论列表 (有 0 条评论,353人围观)

还没有评论,来说两句吧...

相关阅读