Benjamin Lu

everyday is cool

What FrontPage Was Doing Behind the Scenes

A visual editor makes it easy to change a page and see the result right away. Looking at the source of the same page answers a different question. What did the editor write to make that change happen?

To recreate the exercise, make a page with a heading, a paragraph, and a link. Open its HTML source and match each item on the screen with a tag. Change the link text without changing its address, then compare the source before and after. The words between the tags change. The address in the href attribute stays the same.

<a href="about.html">More about this site</a>

That one line is a good introduction to reading generated HTML. Find the part you recognize first, then trace the attributes that control what it does. The next time an editor produces something unexpected, you have somewhere to look.