Scribd
Upload
338 views

Lab Exercise 2

This document outlines a series of HTML lab exercises for students to complete, including: 1. Creating basic webpages that print text to the screen and set page titles. 2. Formatting text on webpages using styles like fonts, sizes, colors. 3. Adding text formatting like numbered and bulleted lists, paragraphs, headings. 4. Adding links that jump to different parts of the page or open in new windows. 5. Inserting and styling images on pages with borders, sizes and links. The exercises are meant to teach HTML basics like formatting text, adding links and images. Students are instructed to include comments in their code for each exercise.

Uploaded by

khairitkr
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
338 views

Lab Exercise 2

This document outlines a series of HTML lab exercises for students to complete, including: 1. Creating basic webpages that print text to the screen and set page titles. 2. Formatting text on webpages using styles like fonts, sizes, colors. 3. Adding text formatting like numbered and bulleted lists, paragraphs, headings. 4. Adding links that jump to different parts of the page or open in new windows. 5. Inserting and styling images on pages with borders, sizes and links. The exercises are meant to teach HTML basics like formatting text, adding links and images. Students are instructed to include comments in their code for each exercise.

Uploaded by

khairitkr
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 3

ITD 20703 - Internet Programming HTML (Lab Exercise 2)

Basics exercises
1. 2. 3. Create a webpage that prints your name to the screen. Create a webpage that prints the numbers 1 - 10 to the screen. Create a webpage and set its title to "This is a webpage".

4. Create a webpage that prints the message "When was this webpage created? Check page's title for the answer." to the screen, and set the title of the page to the current date.

5. Create a webpage that prints any text of your choosing to the screen, do not include a head section in the code.

NOTE: Include comments in every exercise.

Text exercises
1. 2. color. 3. Create a webpage that prints your name to the screen in green. Create a webpage that prints to the screen the numbers 1 - 10, each number being a different Create a webpage that prints your name to the screen in a Comic Sans MS font.

4. Create a webpage that prints to the screen a paragraph with 4 - 5 sentences. Each sentence in the paragraph should be a different font. 5. Create a webpage that prints to the screen a description of a book. Include within the description the title of the book as well as its author. Within the description, names or titles should be underlined, adjectives should be italicized and bolded. 6. Create a webpage that prints your name to the screen, with every letter being a different heading size.

hmmm S22011

ITD 20703 - Internet Programming HTML (Lab Exercise 2)


Text formatting exercises 1. 2.
Create a webpage that outputs the squares of the numbers 1 - 10. Print each number on a separate line, next to it the number 2 superscripted, an equal sign and the result. (Example: 102 = 100) Create a webpage that prints to the screen 10 names, each separated by two lines. The list should be alphabetized, and to do this place a subscripted number next to each name based on where it will go in the alphabetized list. (Example: Alan1). Print first, the unalphabetized list with a subscript number next to each name, then the alphabetized list. Both lists should have a <h1> level heading.

3.

Create a webpage that prints to the screen two paragraphs that are both indented using the &nbsp; command. 4. Create a webpage that prints to the screen two lists of your choosing. One list should be an ordered list. The other list should be an unordered list. 5. Create a webpage that prints a heading of your choosing followed by a horizontal line whose width is 100%. Below the horizontal line print a paragraph relating to the text in the heading. 6. 7. 8. Create a webpage that displays preformatted text of your choosing. (hint: use the <pre> tag) Create a webpage that deletes and inserts text of your choosing. Create a webpage with a definition list with 5 items.

9. Create a webpage that prints to the screen two addresses in the same format used on the front of envelopes (senders address in top right corner, receivers address in the center). 10. Create a webpage that prints to the screen ten acronyms and abbreviations of your choosing, each separated by two lines. Specify the data that the abbreviations and acronyms represent.

Link exercises
1. Create a page that links to various search engines (google, yahoo, altavista, lycos, etc).

2. Create a page that links to five different pages on different websites that should all open in a new window. 3. Create a page with a link at the top of it that when clicked will jump all the way to the bottom of the page. 4. Create a page with a link at the bottom of it that when clicked will jump all the way to the top of the page. 5. Create a page with a link at the top of it that when clicked will jump all the way to the bottom of the page. At the bottom of the page there should be a link to jump back to to the top of the page.

hmmm S22011

ITD 20703 - Internet Programming HTML (Lab Exercise 2)


Image exercises
1. Create a page with five different images. Skip two lines between each image. Each image should have a title. 2. 3. Create a page with an image that has a border of size 2, a width of 200, and a height of 200. Create a page with an image that when clicked will link to a search engine of your choice.

4. Create a page with an image that when clicked will link to itself and will display the image in the browser by itself.

NOTE: Include the alt attribute in every <img> tag.

hmmm S22011

You might also like