Fix the code

What is wrong with the following code?

<html>
  <head>
    <h1>Page 1</h1>
  </head>
  <body>
    <title>Badminton!</title>
    <paragraph>
      Badminton is an old sport, originating in France.
      Originally only played by wealthy landowners
      it eventually made it into mainstream sport.
    </paragraph>
    <paragraph>
      This website is all about badminton.
    <paragraph>
  </body>
</html>

Fix the code

What is wrong with the following code?

<html>
  <head>
    <h1>Page 1</h1>
  </head>
  <body>
    <title>Badminton!</title>
    <paragraph>
      Badminton is an old sport, originating in France.
      Originally only played by wealthy landowners
      it eventually made it into mainstream sport.
    </paragraph>
    <paragraph>
      This website is all about badminton.
    <paragraph>
  </body>
</html>

More HTML revision

Learning Intentions

  • To write HTML – the code needed to make websites
  • Understand why we learn HTML

Success Criteria

  • To develop a simple webpage using just HTML
  • Understand even more HTML tags

Why are we doing this?

  • We need to ensure that we are ready to move on to more advanced stuff in web development by revising over what we may already know and remember.
  • National 5 is a step up from S3 in web development.

HTML tags

  • Pages are made up of tags:

What is HTML?

  • The following are examples of HTML:

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
</ul>
<ol>
  <li>Item 1</li>
  <li>Item 2</li>
</ol>
<img src="picture1.jpg" alt="Picture 1">

What is HTML?

  • The following is also an example of HTML:

<p>Welcome to my website!</p>
<a href="page2.html">Click here</a>
<table>
  <tr>
    <td>Title 1</td>
    <td>Title 2</td>
  </tr>
  <tr>
    <td>Data 1</td>
    <td>Data 2</td>
  </tr>
</table>

Task

  1. We are going to create a very simple website with some information about the ourselves using HTML. Your webpage should include:

      a) Two or more pages

      b)At least three images

      c)Links between each page

      d)A list of favourite things

 

Extension: try and add a video from YouTube using the embed code.

Plenary

  1. Write the opening tags for the following elements:

      a) Image

      b) List item

      c) Unordered list

      d) Table row

      e) Table data

      f) Link

Plenary

  1. Write the opening tags for the following elements:

      a) Image - <img>

      b) List item - <li>

      c) Unordered list - <ul>

      d) Table row - <tr>

      e) Table data - <td>

      f) Link - <a>

JB
4 Web Design and Development : 2.1 More HTML revision
© J Balfour
Tools