S3 HTML Structure and
Formatting
Learning Intentions
At the end of the lesson I will be able to:
 Learn basic HTML formatting
 Create a web page and be able to make changes to text
formatting
HTML Formatting
 Although a web browser can read text, it struggles with
basic formatting like spacing and bold
 We have to use HTML tags to tell the browser how the text
should look and where the text should be positioned on
the webpage
Paragraphs and Line Breaks
 Paragraph is defined in HTML with the <p> </p> tag
<p> This is a paragraph </p> This is a paragraph
<p> This is another paragraph </p> This is another paragraph
Paragraphs and Line Breaks
 Line break is a tag which is inserted into the text to spilt a sentence
 This is line 1 <br> This text is now on line 2:
This is line 1
This text is now on line 2
 The line break tag is the only tag which has no end tag because
it comes in the middle of the text.
Headings
 HTML headings are defined with the <h1> to <h6> tags:
Other Text Formatting
Task 1
Task 2
Task 3

S3 HTML Structure and Formatting

  • 1.
    S3 HTML Structureand Formatting
  • 2.
    Learning Intentions At theend of the lesson I will be able to:  Learn basic HTML formatting  Create a web page and be able to make changes to text formatting
  • 3.
    HTML Formatting  Althougha web browser can read text, it struggles with basic formatting like spacing and bold  We have to use HTML tags to tell the browser how the text should look and where the text should be positioned on the webpage
  • 4.
    Paragraphs and LineBreaks  Paragraph is defined in HTML with the <p> </p> tag <p> This is a paragraph </p> This is a paragraph <p> This is another paragraph </p> This is another paragraph
  • 5.
    Paragraphs and LineBreaks  Line break is a tag which is inserted into the text to spilt a sentence  This is line 1 <br> This text is now on line 2: This is line 1 This text is now on line 2  The line break tag is the only tag which has no end tag because it comes in the middle of the text.
  • 6.
    Headings  HTML headingsare defined with the <h1> to <h6> tags:
  • 7.
  • 8.
  • 9.
  • 10.