HTML in Content and Lorem Ipsum

This week’s CMSC 2 topic will concentrate more on the HTML tags that can be used to manipulate
content in a webpage.

For a thorough list of HTML tags and their respective attributes, you can refer to
http://www.w3schools.com/tags/default.asp.

For a list of ASCII and symbol representations in HTML, you can refer to
http://w3schools.com/tags/ref_ascii.asp, http://w3schools.com/tags/ref_entities.asp,
http://w3schools.com/tags/ref_symbols.asp.

For a style reference, http://www.w3schools.com/css/css_reference.asp.

Avoid the following deprecated tags: applet , basefont, center, font, isindex, menu, s (strikethrough),
strike (another tag for strikethrough), u (underline), xmp (preformatted text)

Emphasize the use of specific tags for specialized forms of data (e.g., use the address tag for
addresses, the blockquote tag for long quotations, and so on).

What is Lorem Ipsum?

• Standard dummy text since the 1500’s
• Came from Cicero’s de Finibus Bonorum et Malorum (“The Extremes of Good and Evil”)
written in 45 BC
• Used because it looks like readable English; replaces sections of a webpages under
construction that will only read “Content here.”
• Go to http://www.lipsum.com/ for more information on Lorem Ipsum and to generate
paragraphs of Lorem Ipsum to be used in your exercise.
Exercise 8: HTML in Content and Lorem Ipsum

Instructions: Create a new file and save it as yoursurname.html. Take note of the following requirements in the creation of
your HTML page. Remember to use the appropriate HTML tags to properly represent your data.

1. The title of your HTML page should be “HTML in Content and Lorem Ipsum.” (remove the double quotes).
2. Greet the visitors of your webpage with a welcoming message as a heading. Any welcoming message will do.
3. Use Lorem Ipsum to generate 10 paragraphs of text. Intersperse three (3) images of your choice with the text.
4. Between the 6th and 7th paragraphs, insert a long quotation of your choice.
5. Create a list of your favourite food, music artists, movies, and books. Rank your list in ascending order. Your list
should look like this:
Favorites
• Food
1. Ice Cream
2. Steak
• Music Artists
1. Incubus
2. Rammstein
6. Include a table of your weekly schedule from Monday to Friday, 7:00am – 7:00pm.
7. Include your contact information at the very bottom of the page. Your name, a link to send an email to you, your
permanent address, and your phone number should be present.

Exercise 8: HTML in Content and Lorem Ipsum

Instructions: Create a new file and save it as yoursurname.html. Take note of the following requirements in the creation of
your HTML page. Remember to use the appropriate HTML tags to properly represent your data.

1. The title of your HTML page should be “HTML in Content and Lorem Ipsum.” (remove the double quotes).
2. Greet the visitors of your webpage with a welcoming message as a heading. Any welcoming message will do.
3. Use Lorem Ipsum to generate 10 paragraphs of text. Intersperse three (3) images of your choice with the text.
4. Between the 6th and 7th paragraphs, insert a long quotation of your choice.
5. Create a list of your favourite food, music artists, movies, and books. Rank your list in ascending order. Your list
should look like this:
Favorites
• Food
3. Ice Cream
4. Steak
• Music Artists
3. Incubus
4. Rammstein
6. Include a table of your weekly schedule from Monday to Friday, 7:00am – 7:00pm.
7. Include your contact information at the very bottom of the page. Your name, a link to send an email to you, your
permanent address, and your phone number should be present.