Working With Whitespace

00:00 In the next lesson, you’ll learn how to enhance your HTML document with content and structure.

00:06 The only markup that your HTML document has so far is the base skeleton of your website. Now it’s time to dive in deeper and structure some real content. To have something to work with you can follow along with adding the following text to your body, or add your own text.

00:22 Hello, World Wide Web. This is my first website. Enter, About me. I’m a Python programmer and a bug collector. Links. My favorite websites are: realpython.com, python.org, and pypi.org.

00:56 Now that you’ve added all this content with whitespace, you can open the website in your browser to see what it looks like.

01:03 It seems the browser didn’t recognize any whitespace at all. As a Python developer, you know that whitespace is a vital ingredient in writing beautiful Python code.

01:13 The indentation of your Python code makes a difference in how Python executes the code. Without any additional adjustments, browsers collapse multiple spaces, line breaks, or indentations to one space character.

01:27 To format your content differently, you must provide further information to the browser. You can head back over to your editor.

01:34 In the next lesson, you’ll learn how to add HTML content and structure.