Introduction

In the previous chapter, you may have been frustrated that our web pages only dealt with the page structure and didn't contain any actual content. In this chapter, we will look at the HTML elements, that are used for text-based page content. You are probably familiar with most of these elements from using word processing applications when writing documents. These HTML elements include elements such as headings, paragraphs, and lists.

As you are aware, when building web pages, the markup is only one aspect. We also need to style elements of the page. We will take a look at issues concerning the styling of these text-based elements. We will look into concerns such as cross-browser consistency. Finally, we will walk through some exercises on developing common web page components such as navigation bars and breadcrumbs.

Text and typography are very important as a visually appealing web page will ensure that a web user spends more time on it (as this may be good for business conversion).

A highly functional, fast, and efficient website may not attract users if the text/typography is of poor quality. Thus, these are crucial elements while designing a web page, and this chapter equips you with the necessary tool in HTML/CSS to create visually appealing and aesthetic web pages.