complete the lab screenshot the answers ❑ Open Notepad (usually located in the Accessories folder) and type in the following code: o ▪ ▪ ▪ ▪ o ❑ Save this file as la3-1.html ❑ Open the file in Internet Explorer. What can you see on the page? ❑ What can you see at the very top of the page next to the IE logo? Adapted from the University of Ballarat ❑ Leave your browser window open. Update your HTML code with the following line - place the code between and : o [your name]’s hand-coded webpage ▪ [your name] should contain your own name ❑ Save the file again and view it in your browser (you may have to refresh the page to see any changes). ❑ What has changed? .............................................................................................................................................................................. ❑ Add the following code between the two “body” tags: o Lab 3 exercise ❑ Save the file again and view it in your browser (you may have to refresh the page to see any changes). ❑ What happened? ❑ Add the following code between the “h1” tags: o creating HTML pages ❑ Save the file again and view it in your browser (you may have to refresh the page to see any changes). ❑ What happened? ❑ Next, we will use three different tags that do not require a closing tag in HTML and earlier versions , and . ❑ First which stands for “paragraph”: add the following code and text, after the “h3” tags: o o A flea and a fly in a flue o Were caught, so what could they do? o Said the fly, "Let us flee." o "Let us fly," said the flea. o So they flew through a flaw in the flue. o -Anonymous o ❑ Save the file again and view it in your browser (you may have to refresh the page to see any changes). ❑ Compare the text you typed with the text that is shown in the browser and write down what the difference(s) is/are. ❑ Next, which stands for “break”: place a tag at the end of each line of text AFTER the tag. ❑ Save the file again and view it in your browser. Explain what the visual difference is between and .
complete the lab
screenshot the answers
❑ Open Notepad (usually located in the Accessories folder) and type in the following code:
o <html>
▪ <head>
▪ </head>
▪ <body>
▪ </body>
o </html>
❑ Save this file as la3-1.html
❑ Open the file in Internet Explorer. What can you see on the page?
❑ What can you see at the very top of the page next to the IE logo?
Adapted from the University of Ballarat
❑ Leave your browser window open. Update your HTML code with the following line - place the code between
<head> and </head>:
o <title>[your name]’s hand-coded webpage </title>
▪ [your name] should contain your own name
❑ Save the file again and view it in your browser (you may have to refresh the page to see any changes).
❑ What has changed?
..............................................................................................................................................................................
❑ Add the following code between the two “body” tags:
o <h1> Lab 3 exercise</h1>
❑ Save the file again and view it in your browser (you may have to refresh the page to see any changes).
❑ What happened?
❑ Add the following code between the “h1” tags:
o <h3>creating HTML pages</h3>
❑ Save the file again and view it in your browser (you may have to refresh the page to see any changes).
❑ What happened?
❑ Next, we will use three different tags that do not require a closing tag in HTML and earlier versions <p>,
<br> and <img>.
❑ First <p> which stands for “paragraph”: add the following code and text, after the “h3” tags:
o <p>
o A flea and a fly in a flue
o Were caught, so what could they do?
o Said the fly, "Let us flee."
o "Let us fly," said the flea.
o So they flew through a flaw in the flue.
o -Anonymous
o <p>
❑ Save the file again and view it in your browser (you may have to refresh the page to see any changes).
❑ Compare the text you typed with the text that is shown in the browser and write down what the difference(s)
is/are.
❑ Next, <br> which stands for “break”: place a <br> tag at the end of each line of text AFTER the <p> tag.
❑ Save the file again and view it in your browser. Explain what the visual difference is between <p>
and <br>.
Step by step
Solved in 8 steps with 12 images