Learning Web Design, 4th Edition

Chapter 5. Marking Up Text

IN THIS CHAPTER

• Choosing the best element for your content

• Paragraphs

• Lists

• Organizing Page Content

• The Inline Element Roundup

• Generic Elements (div and span)

• Some Special Characters

Once your content is ready to go (you proofread it, right?) and you’ve added the markup to structure the document (html, head, title, and body), you are ready to identify the elements in the content. This chapter introduces the elements you have to choose from for marking up text content. There probably aren’t as many of them as you might think, and really just a handful that you’ll use with regularity. That said, this chapter is a big one and covers a lot of ground.

As we begin our tour of elements, I want to reiterate how important it is to choose elements semantically—that is, in a way that most accurately describes the content’s meaning. If you don’t like how it looks, change it with a style sheet. A semantically marked-up document ensures your content is available and accessible in the widest range of browsing environments, from desktop computers and mobile devices to assistive screen readers. It also allows non-human readers, such as search engine indexing programs, to correctly parse your content and make decisions about the relative importance of elements on the page.

With these principles in mind, it is time to meet the HTML text elements, starting with the most basic element of them all, the humble paragraph.

Important Note

I will be teaching markup according to the HTML5 standard ...