Changing a link color in five HTML files makes it easy to miss the sixth. A shared stylesheet lets each page load its colors and fonts from the same file. Save this as site.css next to two HTML pages: body { background: #f8f6ef; color: #252525; font-family: Verdana, Arial, sans-serif; } … Continue reading →

A table gives the browser rows and columns to work with. In an early website layout, those cells could hold the site menu and the main article. You can see how the arrangement worked with a small historical reconstruction. <table width="100%" border="1"> <tr> <td width="160" valign="top"> <a href="index.html">Home</a><br> <a href="about.html">About</a> … Continue reading →

Suppose a homepage and its photo work when you open them on your own computer. After uploading the site, the page loads but the image is gone. Start by checking what address the HTML tells the browser to request. site/ index.html photos/ garden.jpg With this folder layout, the homepage can … Continue reading →

A homepage can start as two files in one folder. This exercise recreates that setup using the structure of an HTML 4.01 page. Save this as index.html in a new folder: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>My Home Page</title> </head> <body> … Continue reading →

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, … Continue reading →