- We replace the placeholder text for our logo, in the ‘logo’ div, with our image of the pokeball
- We link each name in the list of the friends of Ash in our ‘nav’ div, to an external page
- We replace the placeholder text in the ‘my_pic” div with the picture of Ash and Pikachu
- Finally, in the ‘my_text’ div, we’ll create a few links from within the text blurb
The following is the resulting script; we insert the images in the webpage using the image tags in lines 17 and 43, which are high-lighted:
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<a href="http://bulbapedia.bulbagarden.net/wiki/Team_Rocket">Team Rocket</a>
<p>Hello, my name is Ash Ketchum and I want to be a pokemon master. I am 10-years old and am from <a href="http://bulbapedia.bulbagarden.net/wiki/Pallet_Town">Pallet town</a>, and my goal is to become a Pokemon Master.</p>
<p>My best friend is the first pokemon I ever got, <a = href="http://bulbapedia.bulbagarden.net/wiki/Pikachu_%28Pok%C3%A9mon%29">Pikachu</a>. Professor Oak gave it to me. After Pikachu, I cached Caterpie, an insect pokemon that Misty hated. Oh, yes; Misty is my friend too; at the beginning she was following me because I broke her bike; it was an accident. But now I think she just likes to hang with Brock and me. Brock was a trainer at a pokemon gym but we decided to travel together; he wants to be a pokemon breeder</p>
<p>I have had many pokemons. Caterpie evolved into Metapod which was really cool, and Metapod evolved into Butterfree, a flying pokemon that fell in love with a pink Butterfree and left. But since then I have had tons of pokemons including Bulbasaur, Charmander, Squirtle, Pidgeotto, Charmelon (when Charmander evolved), and many more.</p>
<p>If you want to battle me, send me a note. Pikachu and I are always ready for a match.</p>
Copyright © Ash Ketchum and Pikachu, 2014
The following is our complete and final content-only html page:
We now have all the content of the final webpage; it is not organized correctly, though: the images are too large and in the wrong place, as it is the text, and the navigation links. Likewise, there is no color in the background. 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.