write the HTML markup.

Complete the following:

1. Using your editor, open the ms_euler_txt.html file from the html01 case2 folder. Enter your name

and the date in the comment section of the file, and save it as ms_euler.html .

2. Add the following to the document head:

a. Set the character encoding of the file to utf-8 .

b. Add the following search keywords: math , Euler , pi , and geometry .

c. Set the title of the document to Leonhard Euler (1707-1783) .

d. Link the document to the ms_base.css and ms_layout.css style sheet files.

3. Add a header , article , aside , nav , and footer element to the document body.

4. Within the body header, insert an inline image for the ms_logo.png file with the alternate text

Math Strings .

5. Go to the ms_pages.txt file in your text editor and copy the text of the main article (located in the

first section of the file), including the title. Then, go to the ms_euler.html file in your HTML editor

and paste the copied text into the article element.

6. Within the article element, make the following markup changes:

a. Mark the text Leonhard Euler (1707-1783) as an h1 heading.

b. Mark the three paragraphs of the article content using the p element.

c. In the first paragraph, mark the names Leonhard Euler and Jean Bernoulli as strong text. Mark

the phrase 800 different books and papers as emphasized text.

d. In the second paragraph mark the works Introductio in analysin infinitorum (1748) and

Lettres une princesse dAllemagne (1768-1772) as citations. Insert the character using the

character reference à .

e. In the third paragraph, mark the mathematical symbols e and using the var (variable)

element. Insert the character by replacing [pi] with the π character reference.

7. Return to the ms_pages.txt in your text editor and copy the text of the second section containing

information about Eulers Equation, the most beautiful equation in math. Then, go to the

ms_euler.html file in your HTML editor and paste the copied text into the aside element.

8. Within the aside element, add the following markup:

a. Mark the title The Most Beautiful Equation in Math? as an h1 heading.

b. Mark the two equations in the pasted text using the code element. Mark the three other text

groups as paragraphs.

c. Throughout the text of the aside element, mark x , i , e , xi , and pi using the var element,

replacing [pi] from the pasted text with the character reference π .

d. Use the sup element in the following equations to mark xi and i as superscripts:

cos(x ) + i sin(x ) = exi

ei + 1 = 0

e. Mark the text The Mathematical Intelligencer as a citation.

9. Return to the ms_pages.txt file in your text editor and copy the text of the third section listing

more ways to learn about Euler. Then, go to the ms_euler.html file in your HTML editor and paste

the copied text into the nav element.

10. Within the nav element, add the following markup:

a. Mark the title Learn more about Euler as an h1 heading.

b. Mark the four Euler websites as an unordered list.

c. Change the text of the Euler websites to hypertext links pointing to the following URLs:

Euler at Wikipedia linked to http://en.wikipedia.org/wiki/Leonhard_Euler

The Euler Archive linked to http://eulerarchive.maa.org/

Euler at Biography.com linked to http://www.biography.com/people/leonhard-euler-21342391

Euler at Famous Scientists linked to http://www.famousscientists.org/leonhard-euler

HTML 78 HTML and CSS | Tutorial 1 Getting Started with HTML5

11. Within the footer element, insert the text Math Strings: A Site for Educators and Researchers .

12. Save your changes to the file and open the ms_euler.html file in your browser. Verify that the

equations in the sidebar match the ones shown in Figure 1-47 and that all occurrences of the

[pi] character have been replaced with . Click the four links in the navigation list and verify that

your browser opens the websites.