Topics - Video Tutorials & Practice Problems

<v ->In lesson four, we are going to dip our toes</v> into learning about styling content. The real styling lessons will start in part two but before we get there, we are first going to use a method of applying styles called inline styling, where the code for visual styling is applied directly to elements. We start by covering basic functions like changing the color or size of text. Then we'll learn how to float an image. So that text flows around it and also apply margins to create a boundary between the text and the image. Positioning and spacing images inside of text is a handy skill to have when creating a page that mixes text and images which describes most internet content. We'll also learn how to use margins and a new concept called padding to create a rudimentary page layout for our content. Lesson four wraps up by moving the inline styles into an internal style sheet on our HTML pages. Then we'll move all of those styles off the pages and into a single external file that we can link to on each page. The result is to change a difficult to maintain HTML page with style scattered everywhere to a cleaner HTML file and a separate style file. Such separate files are the most common way to organize cascading style sheets which are the main subject of part two.