Level 2

HTML and CSS Lesson 4 – Main Task

1. Copy and paste this code into the online HTML editor below, click the ‘save progress’ button and then render the webpage. <html> <head>         <style>         </style> </head> <body>         <div id=”header”>             <h1>The Solar System</h1>         </div>         <div id=”nav”>               Mercury<br>               Venus<br>               Earth<br>               Mars<br>             Jupiter<br>             Saturn<br>            

HTML and CSS Lesson 4 – Main Task Read More »

HTML and CSS Lesson 3 – Main Task

1. Copy and paste this code into the online HTML editor below, click the ‘save progress’ button and then render the webpage. <html> <head> </head> <body>      <h1>Cheese</h1>      <hr>      <p>Cheese is a lovely food – yum yum.</p>      <img src=”https://static.toiimg.com/thumb/82065684.cms?resizemode=4&width=1200″ height=”200px”> <h1>Biscuits</h1>      <hr>      <p>Cheese goes very well with biscuits.</p>      <img

HTML and CSS Lesson 3 – Main Task Read More »

HTML and CSS Lesson 2 – Main Task

1. Copy and paste this code into the online HTML editor below, click the ‘save progress’ button and then render the webpage. <html> <head> </head> <body>      <h1>Planet Earth</h1>      <hr>      <p>This is our home!</p>      <img src=”http://ichef.bbci.co.uk/images/ic/480×270/p01l49tk.jpg” alt=””> </body> </html> 2. Then complete the steps below to style the webpage using CSS: 1.

HTML and CSS Lesson 2 – Main Task Read More »

Scroll to Top