Page Header

Go to the document body and insert a header element containing the following:

An inline image from the mp_logo.png file with the alternate text Mobile Panini. Mark the image as a hypertext link pointing to the mp_index.html file.

A navigation list containing an unordered list with the following list items: Home, Menu, Events, and Catering. Link the items to the mp_index.html, mp_menu.html, mp_events.html, and mp_catering.html files respectively.

Page Footer

Below theheader element insert an article element. Below the article element, insert a footer element containing the following text: Mobile Panini - 31 West Avenue, Charlotte NC 28204 - 704-555-2188.

Article

Go to the mp_pages.txt file, this file contains the text content of the four pages in the Mobile Panini website. Copy the text of the Welcome section, which will be used in the home page of the website. Return to mp_index.html and paste the copied text into the article element.

Within the article element, do the following:

Mark the Welcome line as an h1 heading.

Below the h1 element, insert an inline image containing the mp_photo1.png file with an empty text string for the alternate text.

Mark the next five paragraphs as paragraphs using the p element. Within the first paragraph, mark the text Mobile Panini as strong text. Within the third paragraph mark the text Curbside Thai as emphasized text.

The fourth paragraph contains Mobile Paninis phone number. Mark the phone number as a telephone link and be sure to include the international code in the URL. Note that this number is fictional, so, if you have access to a mobile browser and want to test the link, you might want to replace this number with your phone number.

The fifth paragraph contains Mobile Paninis e-mail address. Mark the e-mail address as a hypertext link. Once again, note that this e-mail address is fictional, so, if you want to test this link, you will need to replace the Mobile Panini e-mail address with your e-mail address.

Build and Verify

Open the mp_index.html file and click the Build Website button at the bottom of screen. Verify that the layout and appearance of the page resemble that shown in Figure 1-45. If possible, test the telephone links and e-mail links to verify that they open the correct application.