QD1-P19 HTML 总结

本节简单总结：《前端学习笔记1》专题前18篇文章关于HTML的内容。

下一节开始学习CSS了。HTML还是挺易学的，比Linux命令容易。

本节视频

www.bilibili.com/video/BV1n64y1U7oj?p=19

‍

在前面18节中，我们了解了HTML的基础知识：

• P1

  • 介绍了B站学习HTML的视频
  • 介绍了本笔记和学习的动力
  • 了解了HTML、SS、JS之间的关系

• P2

  • 介绍了HBuilderX编辑器
  • 了解了HTML主要内容，也是视频教程的主要内容大致有哪些

• P3了解了

  • HTML网页的基础结构
  • HTML注释
  • 如何在浏览器中查看网页源代码

P4~P18学习了HTML常用标签：

• 标题标签：H1、H2、H3、H4、H5和H6

• 水平线标签：hr

• 段落标签：p

• 换行标签：br

• 列表标签

  • 无需列表：ul
  • 有序列表：ol
  • 列表项：li

• 容器（布局）标签：div和span

• 格式化标签

  • font标签：字体的大小、颜色、face
  • pre标签：定义预格式文本
  • 粗体标签：b
  • 突出显示标签：strong
  • 斜体标签：i
  • 下划线标签：u
  • 中划线（删除线）标签：dev或s
  • 上标标签：sup
  • 下标标签：sub

• 超链接标签：a

• 图片标签：img

• 表格标签：table

• 表单标签：form

• 输入标签：input

  • 输入框：type="text"
  • 密码框：type="password"
  • 单选框：type="radio"
  • 复选框：type="checkbox"
  • 文件选择框：type="file"
  • 隐藏框：type="hidden"
  • 普通按钮：type="button"
  • 提交按钮：type="submit"
  • 重置按钮：type="reset"
  • 日期选框：type="date"

• 文本框标签：textarea

• 【标签】标签：label

• 按钮标签：button

  • 默认为提交按钮
  • 普通按钮
  • 提交按钮
  • 重置按钮
  • 弹窗按钮

• 下拉框标签：selectoption标签

• 常用字符实体

  • ​&lt​：<
  • ​&gt​：>
  • ​&copy​：©
  • ​nbsp​：空格

• 标签分类

  • 块级
  • 行级

在前面的文章中提供了很多完整的HTML示例代码，你可以复制粘贴，尝试运行和实践。

在文章中使用GIF录制了代码运行的效果。

‍