| A | B |
| <html>...</html> | Begins and ends the web page. |
| <head>...</head> | Begins and ends the head section. |
| <title>...</title> | place a title on the top of your browser. |
| <body>...</body> | begin and end the body of your web page. |
| <p>... </p> | skips an extra line at the end of the paragraph. |
| <br> | breaks the line and goes to the next line. |
| <img src="..."> | displays an image from the identified location. |
| <h1>...</h1> | create a level 1 heading |
| <u>...</u> | underline the text that is between them. |
| <strong>...</strong> | make text that is between them bold. |
| <em>...</em> | italisize the text that is between them. |
| <ul>...</ul> | indent and creates a bulleted list. |
| <ol>...</ol> | indents and creates a numbered list |
| <li>...</li> | creates the bullet or number in a list |
| <h2>...</h2> | create a level 1 heading |
| <main>...</main> | contains the primary content of a webpage in a section |
| <artlice>...</article> | an individual stand-alone section of a webpage; usually contains a story or blog post |
| <header>...</header> | contains the logo and top info of a webpage |
| <footer>...</footer> | contact and resource info on a webpage; usually found at bottom |
| <nav>...</nav> | contains the links for navigating the website |
| <aside>...</aside> | an individual stand-alone section with info relating to the main content of the page |
| <div id="wrapper">...</dv> | tag added to control the overall width/margins of page contents |