The HTML images and links

It’s time to add the images and links to our page:

  • We replace the placeholder text for our logo, in the ‘logo’ div, with our image of the pokeball
  • A link each name in the list of the friends of Ash in our ‘nav’ div, to an external page
  • A replace the placeholder text for the picture of Ash and Pikachu in the ‘my_pic” div
  • We’ll also create a couple of links from within the text blurb, in the ‘my_text’ div

The following is the resulting script:

The following is our complete and final html page:

Our web page with all the content, i.e., text, images, and links.

We now have all the content of the final webpage but it is not organized correctly: the images are too large and in the wrong place, as it is the text and the navigation links. Likewise, there is no color. All of these are elements of style, not of content, and thus, we will address them with CSS, not with HTML.

And… Believe it or not, we are done with the content. Next week we will tackle CSS.