Skip to Content
Smashing Html5
book

Smashing Html5

by Bill Sanders
February 2011
Beginner
368 pages
8h 30m
English
Wiley
Content preview from Smashing Html5

Chapter 3: Text Tags and a Little CSS3

A Web page is unlike the kind of page you put in your word processor and start typing. Web pages are designed for computer screens of some sort — whether it’s a big desktop, a laptop, or even a mobile device. You’re not dealing with an 81⁄2-by-11-inch sheet of paper — you’re dealing with a far more dynamic viewing platform. So, the first thing you want to think about is how your page is going to look on a digital screen.

The Fundamentals

Before we get going on dealing with text on a Web page, we need to consider the fundamental elements of a Web page. They include three types of actions:

• Displaying text

• Loading and displaying graphics

• Linking to other pages

To display text, all you need to do is type it on the page in the <body> container. You can style it with the <h> tag as you know from previous chapters, but basic text requires only that it be in the body of a page.

Loading and displaying graphics uses the <img> tag with the following format:

<img src=”imageName.png”>

You can use only .jpg, .png, or .gif files with the img element. The src attribute refers to the source of the graphic. The img element has other attributes, but all you need to get an image on the page is the src attribute so that the file can be located.

Throughout the book, the term URL is often used to refer to a file’s location — no matter what type of file is involved. URL stands for Uniform Resource Locator and refers to a standard protocol for finding and ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

HTML5

HTML5

Matthew David
HTML5 Unleashed

HTML5 Unleashed

Simon Sarris
HTML5 Tag Structure

HTML5 Tag Structure

Matthew David
Introducing HTML5

Introducing HTML5

Bruce Lawson, Remy Sharp

Publisher Resources

ISBN: 9780470977347Purchase book