HTML and CSS HTML is used for the content of web pages CSS is used for the style of the web pages You are going to learn how they can be combined to create web pages that can easily be updated with an improved Today You will : Use an IDE (I ntegrated D evelopment Environment ) Create a web page using divisions Use CSS to control the look of the web page Test and update your webpage Jsfiddle.net Create an account using your schooladdress (we can not help you recover passwords if you use your ownaccount) Create a new Fiddle Hide the Side bar Ctrl + Alt + Start your web page with this html Then Click Save What you should see Your Web Page Your HTML Add some CSS Then Click update Add a Division Then Click update Add CSS Then test it to see the changes Add the CSS for the Paragraph Tag IDs If you could only add CSS to then you would not be able to have more than one style for a paragraph or division. can have IDs so that you can make them look different the html for adding an ID is id= followed by the class name CSS for an ID The CSS for a ID starts with # and the ID name (case sensitive) #Side Remember to update Add a second division Click to update Setting up the ID Extension : tiny.cc/bhs-color Your page should look like this Add the positioning data DIV inside a DIV SETTING UP THE CLASS Adding and Image Setting up the ID Your finished web page Share your finished web page on the forum Extension See what else you can add to your webpage Add extra text to the main area Add hyperlinks Change the image Put an image in the div in a div Add borders to the divisions Add a menu