HTML Lesson 3
Task 1 Write all of this in your powerpoint: Write out what HTML is, what it stands for in 4 bullet points Find out what are HTML Tags? Write 3 bullet points Write out the headers in the picture below into a notepad document Add them to a new notepad document Save this as Headers.htm Take a screenshot of both the internet page and notepad Describe what the following tags do: <p> <br> <body>
Task 2 Find the song lyrics to your favourite song. Copy and paste these into a new notepad document Save your notepad as the song title.htm Add the appropriate HTML Tags (<p>, <br>, headings, HTML, BODY) Save it as a .htm file and take a screenshot and add it to your powerpoint. Don’t forget to add start tags and end tags otherwise it will not work.
Title tag Heading Tags New break on each line A break between each paragraph to make a space
Task 3 Take a screenshot of both your song lyrics in your notepad document and on the internet Use the following HTML to change the alignment of your song. Add it into the Body tag or in a p tag. <Center> </Center> Take a screenshot of this and add it to your powerpoint
Exercise 1: Formatting Text <HTML> <HEAD> <TITLE>Text Format</TITLE> </HEAD> <BODY> <H1>Different Text Format</H1> <P> This text is in bold </P> <P> This text is underline </P> This text is in italic <BR> This text is strike <BR> This text is centred<BR> This text is bold and italic<BR> </BODY> </HTML> Research on the internet how to change the text: Bold Underlined Italics Striked through Centred Create a new notepad document and add these to the following text on the right Do not forget to save your document (Save as…) Format.htm
Screen-shot this and add this to your Powerpoint Open the file on the internet (find where you saved it in your documents - your page should display something that looks similar to the page below. Screen-shot this and add this to your Powerpoint
Exercise 2: Colours Copy the text on the right into a new notepad Save this as Colours.htm Open it up in the internet – what happens?? Take a screenshot of both the notepad and the internet page and add it to your powerpoint Write down what happened when you opened it up <HTML> <HEAD> <TITLE>Colour</TITLE> </HEAD> <BODY TEXT="white" BGCOLOR=“blue”> <H1>Colours</H1> <P>The background colour of this page is blue. </P> <P>The text colour on this page is white. </P> </BODY> </HTML>
How to change specific lines to specific colours? Look Up How to change specific lines to specific colours? Screenshot this and add it to your powerpoint Challenge! Add a colour background to your song notepad Add different coloured text to your song