HTML Document Flow

In this HTML tutorial we'll take a look at document flow to better understand the default behavior of elements, and why they render the way they do. Software required: Adobe Edge Code, Google Chrome.
Course info
Rating
(229)
Level
Beginner
Updated
Oct 31, 2014
Duration
43m
Table of contents
Description
Course info
Rating
(229)
Level
Beginner
Updated
Oct 31, 2014
Duration
43m
Description

In this HTML tutorial we'll take a look at document flow to better understand the default behavior of elements, and why they render the way they do. When you want to start creating fancy layouts with HTML and CSS, it can be confusing to understand why certain changes are happening, and why some changes you make do nothing at all. By understanding Document Flow, you'll be empowered to make better decisions when writing HTML, and be able to write more efficient CSS that uses the default behavior of elements to your advantage. This HTML training assumes a basic understanding of HTML and CSS. Software required: Adobe Edge Code, Google Chrome.

About the author
About the author

Susan is a web design author for Pluralsight. Growing up, Susan was both a passionate artist as well as a computer tech aficionado. When she discovered the world of web development, she found that she could meld those two passions together into something amazing. Soon after, Susan began devoting herself to building beautiful and functional web content for businesses and nonprofits. It was through those experiences Susan developed a fluency for web coding languages.

More from the author
Semantic HTML
Intermediate
1h 22m
Jul 19, 2019
UX Design Creating Wireframes
Intermediate
1h 29m
Jan 3, 2018
WordPress Custom Theme Development
Intermediate
2h 18m
Aug 17, 2016
More courses by Susan Simkins
Section Introduction Transcripts
Section Introduction Transcripts

Introduction and Project Overview
Hi. I'm Susan with Digital Tutors and this is HTML Document Flow. When you start to create fancy layouts with HTML and CSS, it can be really confusing to understand why certain changes are happening and why some things you do make nothing happen at all. By understanding document flow, you'll be empowered to make better decisions when writing HTML and be able to write more efficient CSS that uses the default behavior of elements to your advantage. In this course we'll take a look at document flow to understand the default behavior of elements and why they render the way they do. So let's get started in our next lesson and take a look at what document flow means.