HTML Class 5

Link to Class 6     Class 4     Class 3     …     Class 1

Last week you have created some beautiful web pages for a seaside town. I was very pleased with some of the results. Please still submit your work if you have not already done so.

Check for feedback, a few of you have to add small components that were not yet included.

screen

How to Create Forms in HTML

Discover these HTML elements (use this W3Schools Link) by trying each in the TryIt Editor

  • Input Element (what does it do and how does it work?)
  • Create input text field
  • Create input password field (what are the differences to plain text fields?)
  • Create radio buttons
  • Create checkboxes
  • Create submit button.

Your Task:

Create a form for a student to enroll in a class. Create a minimum of 10 classes to pick from in a drop down list and cover each of the points above.

Include a title for the form in a Sans-Serif font and include a large image (sourced at morgueFile.com) that is related to Learning at an Institute.

See screen shots below regarding how to crop an image in morgueFile and copying the HTML code. The HTML code can be used in your HTML document.

Sourcing an image on morgueFile.com

Sourcing an image on morgueFile.com

Adjust the size of your image manually and click 'Finish'.

Adjust the size of your image manually and click ‘Finish’.

Screen shot 2013-03-21 at 9.39.52 AM

Insert the HTML into the TryIt Editor

Insert the HTML into the TryIt Editor

The cropped image is displayed.

The cropped image is displayed.