2 Building Your First Web Page

 

This chapter covers

  • Learning the basic page structure and elements
  • Learning the most common text elements and styles
  • Making a page easier to read with headings
  • Creating links to other web pages

Many of the modern technologies that we have to learn—whether it’s building spreadsheets with Microsoft Excel, enhancing images with Adobe Photoshop, or maintaining a music collection with Apple Music—require us to master complex features bristling with settings and plagued by unintuitive interfaces. So, it’s with great pleasure that we come across technologies such as HTML and CSS that have no complicated tools, settings, or interfaces to figure out. In fact, they have no interfaces at all. They’re mere text—a blissfully simple symphony of letters and numbers and symbols. They’re simple, yes, but not unsophisticated. With HTML tags and CSS properties, you can build a web page that reflects who you are, shows off your creativity, and announces to the world, “Yes, I built this!”

That’s why, after the brief introduction in Chapter 1, you get your HTML and CSS education off to a proper start here in Chapter 2 by building your first web page. You learn the underlying structure that’s common to all pages, as well as all the standard text elements, and you learn how to add headings and links. If you’ve got something to say, you learn how to say it with HTML and CSS.

Lesson 2.1:   Introducing HTML Tags

Covers: HTML tags

Adding HTML Tag Attributes

Lesson 2.2:   Introducing CSS Properties

Getting Your Web Page Off the Ground

Lesson 2.3:   Laying Down the Basic Page Structure

Lesson 2.4:   Adding a Title

Lesson 2.5:   Adding Some Text

Learning the Most Common Text Elements

Lesson 2.6:   Marking Important Text

Lesson 2.7:   Formatting Keywords

Lesson 2.8:   Emphasizing Text

Lesson 2.9:   Formatting Alternative Text

Lesson 2.10: Quoting Text

Lesson 2.11: Working with Headings

Lesson 2.12: Crafting Links

Summary