HTML in Content and Lorem Ipsum | Html | Html Element

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 written in 45 BC

de Finibus Bonorum et Malorum

(“The Extremes of Good and Evil”)

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. 2. 3. 4. 5.

The title of your HTML page should be “HTML in Content and Lorem Ipsum.” (remove the double quotes). Greet the visitors of your webpage with a welcoming message as a heading. Any welcoming message will do. Use Lorem Ipsum to generate 10 paragraphs of text. Intersperse three (3) images of your choice with the text. Between the 6th and 7th paragraphs, insert a long quotation of your choice. 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 •

Music Artists 3. Incubus 4. Rammstein Include a table of your weekly schedule from Monday to Friday, 7:00am – 7:00pm. •

6.

Food 3. Ice Cream 4. Steak

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.