Webpages are coded with a combination of three different languages: HTML, CSS and Javascript. The different languages can be located in different files. They can also all be combined in a single file with a .html extension.

The code for this webpage is located in a single .html file and is intended to introduce how to use various HTML tags and attributes. In a later lesson we will focus more on CSS and Javascript. Note that this file contains mostly HTML with a minimal amount of CSS code. There is NO Javascript code in this file. The CSS code appears in the style elements and style attributes found in this page.

style elements:
<style> css code goes here </style>

style attributes: e.g.
<div style="css code goes here">...<div> and
<span style="css code goes here">...<span>

To work with this code do the following:

• To see the "rendered page" in a browser, double click on the html filename.
• To edit this code, you must open up this file in a "text editor".
• You can also view this code in the browser by doing one of the following things.
  1. "view source": right click on a blank section of the page and choose "view source" (or something similar - the exact text of the menu choice may be different from browser to browser). This opens a simple view of the entire HTML file.
  2. "inspect": Right click on a any part of the page and choose "inspect" (or something similar - the exact text of the menu choice may be different from browser to browser). The inspect option opens the HTML in the "browser tools". These tools are used by software developers to help debug problems with the web page. The HTML will open to the exact HTML code that is used to "render" the portion of the page that you clicked on.