1. Engineering
  2. Computer Science
  3. quotcreate a new web application named tutorialsquot poemhtml open a...

Question: quotcreate a new web application named tutorialsquot poemhtml open a...

Question details

"Create a new web application, named Tutorials."  

Poem.html

  1. Open a text editor, like Notepad or vi.
  2. Add the standard HTML tags: html, head, title, body.
  3. Add the tags for validating the page: DOCTYPE, meta for content-type.
  4. Add a poem in the body of the page; have at least 4 lines in the poem.
  5. Save the file with the .html extension.
  6. Open a web browser.
  7. From the File menu, open the file you just saved.
    1. You will notice that there is only one line of text that contains all the lines of the poem.
    2. Resize the browser until you see the line of the poem wrap to the next line.
    3. This demonstrates how word wrap works.
  8. Re-edit the poem file.
    1. Add many spaces between some of the words.
    2. Add many blank lines between two of the lines.
  9. In the browser, reload the file.
    1. All the text will be on one line.
    2. You will only see one space between all the words.
    3. This demonstrates how browsers compress all white space into a single space.
  10. Re-edit the poem file.
    1. Add a p tag at the start of the first line (this is required in order for the page to contain valid HTML).
    2. Add the br tag at the start of the second line.
    3. Add the p tag at the start of the third line.
  11. In the browser, reload the file.
    1. You will see that the second line is directly below the first line.
    2. You will see that the third line has at least one blank line between it and the second line.
    3. This demonstrates that new line characters must be added to the file with mark up.
  12. Go to w3c.org and validate that the page contains valid HTML.

SimpleForm.html

  1. Open a text editor, like Notepad or vi.
  2. Add the standard HTML tags: html, head, title, body.
  3. Add the tags for validating the page: DOCTYPE, meta for content-type.
  4. Add a form to the body of the page.
    1. Add a paragraph of text that explains that the page is for entering data.
    2. Add an text input element and a submit button in the form.
  5. Open the file in a browser.
    1. Enter some text in the text element.
    2. Click the submit button.
    3. Notice that the form data has been added to the end of the URL in the location box of the browser.
Solution by an expert tutor
Blurred Solution
This question has been solved
Subscribe to see this solution