HTML InClass Exercise

Screen Shot 2016-03-28 at 5.26.25 PM

Today your assignment is to complete an in class html exercise, that will be practice for your HTML examination.  To get started load up the folder we worked in last class to complete the contact form. You are going to be adding a new HTML file. To complete the exercise your file needs to contain the following elements.

  • A link to your contact page.
  • A link to the bootstrap.css file
  • A section tag with a .main class applied to it with the following elements inside of it
    • A heading One
    • An Unordered list with atlas two list items.
    • A paragraph tag
    • An Image tag
  • A form Tag with the following elements inside of it
    • A Label and corresponding Input Tag
    • Another Label and corresponding Input Tag
    • A Label and a Text Area
    • A Submit Button

For this assignment you don’t have to worry about adding any additional css formatting to your page.

Getting Started


 First install the  New Html5 Document Extension ( scroll down to the one at the bottom )Screen Shot 2016-03-28 at 5.17.04 PM

Select the File > New Hhtml5

Screen Shot 2016-03-28 at 5.17.21 PM


Now Select Save as

Screen Shot 2016-03-28 at 5.17.29 PM


 

Name it exercise.html

Screen Shot 2016-03-28 at 5.17.53 PM


 

 Next Add the Title “HTML Exercise” to the <title> tag

Screen Shot 2016-03-28 at 5.18.50 PM


 

Now start adding your content to the page, don’t forget to make sure it’s inside the body tag.

Screen Shot 2016-03-28 at 6.23.11 PM


 

Also Don’t forget to add a Link to exercise.html to your index.html file


When you have completed all the above steps use the file manager in cPannel to upload exercise.html and your updated copy of index.html

 

Leave a Reply