September 2001
Intermediate to advanced
640 pages
31h 42m
English
Content preview from Web Design in a Nutshell, 2nd EditionBecome 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,
O’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.I 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.I’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.I'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.
Image Basics
Before jumping into the finer points of the
<img> tag, let’s back up and consider
general graphics usage issues.
Inline Graphic Uses
Graphic files can be used in a number of ways on the Web. Images may
be used as background tiles (added with the
background attribute in the
<body> tag as noted in Chapter 9). You can also create a link to a graphic file
that displays either in the browser window or in a helper application
if it is in a format that cannot be displayed by the browser.
This
chapter focuses on inline images, graphics that are displayed in the
browser window as part of the flow of the contents of the document.
Inline images are placed on the page with the
<img> tag. The overwhelming majority of
graphics on the Web are used as inline images, including banners,
buttons, logos, and so on. Graphics can serve a variety of functions:
- As a simple graphic
A graphic can be used on a web page much as it is used in print—as a static image that adds decoration or information, such as a company logo or an illustration.
- As a link
A graphic can also be used to link to another document as an alternative to text links. Linked graphics are discussed later in this chapter.
- As an imagemap
An imagemap is a single graphic with multiple “hotspots” that link to other documents. There is nothing special about the graphic itself; it is an ordinary inline image. Special coding and map files link pointer coordinates with their respective URLs. The
usemaporismapattribute within ...
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
O’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.
I 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.
I’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.
I'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.