Chinese, Simplified subtitles

← Inline Vs Block - Web Development

Get Embed Code
4 Languages

Showing Revision 1 created 07/27/2016 by Udacity Robot.

  1. 关于 标签和 标签还有最后一点需要说明
  2. 现在就展示给你 我们把整个文本再变回一行
  3. 更新一下 文本又变成了一行
  4. 如果我们把 标签放在文本中间
  5. 其实就不需要在 HTML 中添加换行符了
  6. 点击 Update(更新)后
  7. 无论 HTML 是什么格式 文本都会换行
  8. 这里我们可以随意设置格式 添加很多空格
  9. 点击更新后 效果都是一样的
  10. 在这个例子中 所有这些很多空格都变成了一个空格
  11. 所有这些新出现的行也变成了一个单一的空格
  12. 这个文本空格确实是很烦人…… 你明白我的意思
  13. 为什么会有两种不同的方法来进行换行呢?
  14. 为什么既有 标签又有 标签呢?
  15. 这是因为 标签被称为内联元素
  16. 而 标签被称为块元素
  17. 标签实际上就是结束一行
  18. 这里有一些文本
  19. 当我们在文本中间插入一个 标签时
  20. 从本质上讲 就是表示这一行在这里结束 这些文本转到下一行
  21. 而 标签的功能则不同
  22. 标签实际上是创建一个看不见的文本框
  23. 像这样的 HTML 就是创建了一个文本框
  24. 与仅仅呈现出文本和空格的方式不同
  25. 这样做呈现出的结果是这样的
  26. 两行文本 在这行文本外面有一个看不见的文本框
  27. 这就是 标签产生的效果
  28. 它创建出了这个看不见的文本框
  29. 这个看不见的文本框有高度 宽度
  30. 而内联元素只有文本
  31. 因此这里的例子大多数是这样的 仅有两行文本
  32. 有一些新出现的行 再没有其他特别的东西了
  33. 内联元素与块元素的区别
  34. 将在本课程后续章节中进行讲解
  35. 目前重要的是要知道两者是有差别的
  36. 它们有不同的行为方式
  37. 到目前为止 除了 标签之外 我们所学的其他所有元素都是内联元素
  38. 内联元素有 标签 标签
  39. 标签也是内联元素 我们之前看到过 Hipmunk 图片如何出现在文本中间
  40. 那是因为 是内联元素
  41. 目前为止 我们学过的唯一的块元素是 标签