Summary

Get an overview of what we have covered so far in this chapter.

We'll cover the following...

That’s it for this chapter! Here are a few conclusions and a summary of what we’ve learned.

HTML

  • HTML elements flow on a web page (web document), like the words flow on a novel page.

  • This is what a normal document flow looks like:

Press + to interact
-----------------
| ------------> |
| ------------> |
| ------------> |
| ------------> |
| ------------> |
-----------------
  • Normal document flow means that elements flow: top to bottom and left to right

Here’s a diagram of the normal document flow we’d have with only divs:

Press + to interact
-----------------------------
| <div>..............</div> |
| <div>..............</div> |
| <div>..............</div> |
| <div>..............</div> |
| <div>..............</div> |
| <div>..............</div> |
| <div>..............</div> |
| <div>..............</div> |
-----------------------------
...
Access this course and 1400+ top-rated courses and projects.