Mission 1 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> […]
Mission 1 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>
Mission 1 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
Mission 1 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>My First Webpage with CSS!!</h1> <hr> <p>This is my first webpage written with CSS!</p> <p>The CSS on this page will make this text
What you will learn: Reminder of what HTML is Understand the limitations of HTML Understand how to use CSS to improve a webpage’s appearance Start Here: Video Overview Continue Here: Detailed Exploration Introduction In a previous unit of work, we learnt how HTML allows us to write webpages. Using tags, we can inform the browser
Concept Exploration Read More »
What you will learn: Reminder of what CSS is and how it works Understand how to change the background of the page using CSS Understand how to alter the look of images using CSS code Start Here: Video Overview Continue Here: Detailed Exploration Introduction As we saw previously, CSS is a web language which allows
Concept Exploration Read More »
What you will learn: Reminder of what CSS is and how it works Understand what DIV tags are used for Understand how to apply different CSS code to different divisions Start Here: Video Overview Continue Here: Detailed Exploration Introduction When we use CSS code to style (for example) an <h1> tag, the style will be
Concept Exploration Read More »
What you will learn: Reminder of what CSS is and how it works Reminder on what DIV tags are used for Reminder on how to add divisions into a webpage Understand how to apply different CSS code to different divisions in order to add a structured layout to the webpage Start Here: Video Overview Continue
Concept Exploration Read More »
