10
Exercise 1 HTML Basics

Exercise 1

  • Upload
    jam

  • View
    10

  • Download
    0

Embed Size (px)

DESCRIPTION

Exercise 1. HTML Basics. Code out the basic structure for your document Save it as exercise1.html Preview it in your browser. . Create a paragraph of text If you are not a fast typist, you can copy a paragraph of filler text from http://www.lipsum.com/ - PowerPoint PPT Presentation

Citation preview

Page 1: Exercise 1

Exercise 1

HTML Basics

Page 2: Exercise 1

Code out the basic structure for your document

Save it as exercise1.html Preview it in your browser.

Page 3: Exercise 1

Create a paragraph of text If you are not a fast typist, you can copy a

paragraph of filler text from http://www.lipsum.com/

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam

convallis. In egestas turpis id magna. Sed at tellus. Aliquam

ullamcorper libero. Pellentesque lorem magna, vehicula vitae,

viverra at, sollicitudin eu, pede. Curabitur diam libero, luctus

pellentesque, malesuada a, molestie et, ante.

Page 4: Exercise 1

Add a Header to your paragraph, that is a different color and style (feel free to use html or css)

This is a HeaderLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam

convallis. In egestas turpis id magna. Sed at tellus. Aliquam

ullamcorper libero. Pellentesque lorem magna, vehicula vitae,

viverra at, sollicitudin eu, pede. Curabitur diam libero, luctus

pellentesque, malesuada a, molestie et, ante.

Page 5: Exercise 1

Create a list of your 5 favorite foods or movies or books or TVshows.

• Ice Cream • Cake • Pie • Pastries • Dessert

Page 6: Exercise 1

Create a link to a web site (any site you like)

Visit this site.

Page 7: Exercise 1

Insert an image (from the web) You can find images at

http://dgl.microsoft.com (use photos)

Page 8: Exercise 1

Make an image a link to a web site

Page 9: Exercise 1

Create this table Pick any colors Size does not have to exact

1 2

3 4

Page 10: Exercise 1

Create this table Set the table width to about 90% of the page