1 / 10

Create a Basic HTML Document with Text, Lists, Images, and Links

In this exercise, you will learn the fundamentals of creating an HTML document. Begin by drafting a basic structure and saving it as "exercise1.html". Include a paragraph of text that can be sourced from the website http://www.lipsum.com/ for placeholder content. Style a header, create a list of your top five favorite foods, and incorporate a hyperlink to any website. Additionally, insert an image from the web, linking it to a site, and design a table with a width of 90% of the page, applying your choice of colors to enhance the visual appeal.

jam
Télécharger la présentation

Create a Basic HTML Document with Text, Lists, Images, and Links

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Exercise 1 HTML Basics

  2. Code out the basic structure for your document • Save it as exercise1.html • Preview it in your browser.

  3. 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.

  4. Add a Header to your paragraph, that is a different color and style (feel free to use html or css) This is a Header 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.

  5. Create a list of your 5 favorite foods or movies or books or TVshows. • Ice Cream • Cake • Pie • Pastries • Dessert

  6. Create a link to a web site (any site you like) Visit this site.

  7. Insert an image (from the web) • You can find images at http://dgl.microsoft.com (use photos)

  8. Make an image a link to a web site

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

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

More Related