Web Programming with HTML5, CSS, and JavaScript

7.1 Introduction

In the previous chapter, you learned about images, but only the basics. Specifically, you learned about their formats and how to display them. In this chapter, you’ll learn how to do additional things with images, such as position them. By default, images are displayed inline, which means that they are positioned in the normal left-to-right, top-down flow of their web page host. As an alternative, you can position them at the left or the right of the web page. If you want an icon image to appear in the tab at the top of the browser window, you can do that. Or, if you want to display an image within a frame within the browser window—yep, you can do that too. In this chapter, you’ll learn how to do those things, plus you’ll ...