Lists HTML provides several ways to display lists of information: unordered lists: bulleted lists (like this one) ordered lists: numbered lists, procedures, formal outlines definition lists: lists of terms and definitions Lists are different from anything we’ve covered so far, because generating a list requires at least two elements working […]

Lists in HTML

Images Once you understand links, adding images is straightforward. Images are a little different than the HTML headings and paragraphs that we’ve seen so far. An image is actually a separate file that you embed in your web page using the img element. Let’s see how this works: Example 2.15. […]

Images in HTML

Links Without hyperlinks, the Web wouldn’t be “the Web”. This section explains how to create links to other websites (external links) and links within your own website (internal links). The a Element The anchor element, a, creates links. Here’s an example: Example 2.12. External Links <p> A link to <a […]

Links in HTML

Headings So far we’ve covered paragraphs and line breaks… but in a long document, we probably want more structure than that. How do we create section headings? The h Elements There are six levels of heading elements: h1, h2, h3, h4, h5, and h6. These block elements tell the browser […]

Headings in HTML

Chapter 2: Markup Basics This chapter covers some of the basic HTML elements and attributes in a systematic way. Each section displays one or more short webpages, which we will alter several times to demonstrate how various elements work. Before proceeding, you should be comfortable with the idea of saving […]

Chapter 2. Markup Basics of pocket HTML