HTML简记

• 表格
  table>tr*N（阿拉伯数字）>td*N{默认文本}

• form表单
  1、接收用户输入
  2、 表单是由容器和控件组成。一个表单一般应该包含用户填写信息的输入框、按钮等，这些输入框、按钮叫做控件，表单就是容器，它能够容纳各种各样的控件

  
  image.png

image.png
image.png

• 表单元素
  1、文本框
  

  image.png
  2、密码框
  image.png
  3、提交按钮
  点击按钮，提交数据给服务器
  value：显示的文本信息
  image.png

• 块元素和行内元素（内联元素）
  HTML5出现之前，经常把元素按照块元素和内联元素来区分。在HTML5中，元素不再按照这种方式来区分，而是按照内容模型来区分，分为元数据型（metadata content）、区块型（sectioning content）、标题型（heading content）、文档流型（flow content）、语句型（phrasing content）、内嵌型（embedded content）、交互型（interactive content）。元素不属于任何一个类型，被称为穿透的，元素可能属于不止一个类别，成为混合的。
  对元素充分熟悉后可参考如下地址：
  https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/Content_categories
  

  image.png
  虽然到了HTML5版本，元素分类更细致了，但是这对初学者并不友好，所以我们仍然按照块元素和内联元素做区分，这对我们的布局起到了至关重要的作用
  内联元素和块级元素的区别：

块级元素	内联元素
块元素会在页面中独占一行（自上向下垂直排列）	行内元素不会独占页面中的一行，只占自身的大小
可以设置width、height属性	行内元素（即内联元素）设置width、height属性无效
一般块级元素可以包含行内元素和其他块级元素	一般内联元素包含内联元素不包含块级元素

image.png

• HTML5新增标签

在HTML5出现之前，我们一般采用DIV+CSS布局我们的页面。但是这样的布局方式不仅使我们的文档结构不够清晰，而且不利于搜索引擎爬虫对我们网页的爬取。为了解决上述缺点，HTML5新增了很多新的语义化标签。
div容器元素，也是页面中见到的最多的元素(很多网站为了兼容老版本浏览器依然采用div，即HTML)

1. <header></header> 头部
2. <nav></nav> 导航
3. <section></section> 定义文档中的节，比如章节、页眉、页脚
4. <aside></aside> 侧边栏
5. <footer></footer> 脚部
6. <article></article> 代表一个独立的、完整的相关内容块，例如一篇完整的论坛帖子，一篇博客文章，一个用户评论等。