| Name | Start Tag | End Tag | Example |
|---|---|---|---|
| HTML Tag | <html> | </html> | <html>..</html> |
| Header | <body>/td> | </body> | <body>..</body> |
| Title | <title> | </title> | <title>This is the title </title> |
| Body | <body> | </body> | <body>..</body |
| Heading | <hx> | </hx> | <h1>..</h1> |
| Paragraphs | <p> | </p> | <p>This is a paragraph</p> |
| Breaks | <br> | N/A | <p>Hello <br> Bye</p> |
| Lines | <hr> | N/A | hr |
| Comments | <!-- | --> | <!-- Please do not show these things in the browser :) --> |
| Links | <a href=...> | </a> | Google |
| Images | <img src=".. | "alt=...> | = |
| Lists | <u1>..<li> | </u1> | =<ul>
<li>Banana</li>
<li>Apple</li>
<li>Orange</li>
</ul>
|
| Tables | <table> | </table> | |
The html tag signifies that from this point on, the code will be in html.
The html goes within the <> and the end goes into </>
<html>
The header is the area that signify the metadata, which includes the document title,
character set, styles, links, scripts.
These elements are then left within the header. The header starts off with <body>
and then ends with </body>
<head> </head>
The title element allows you to name you page somehting.
The titles is contained within the brackets and then is contains the
name in between.
<title> </title>
The Body tag signifies the Middle Portion of your code
The Body element starts with <body> and end with >/body>
<body> </body>
The Heading tag signifies a title of your code
The Heading element starts with <hx> and ends with </hx> where x represents
a number and the larger the number, the smaller the heading
<h1> </h1>
The paragraph element is the the main portion body of the text
The Paragraph element starts with <p> and ends with </p>
<p> </p>
The break element allows you to basically press enter on a word processer.
The breaks are just inserted when you want to skip to the next line with <br>
<br>
The line element allows you to draw a line to separate things
The line is just used when you want to split something. You just type <hr>
<hr>
The Comment element allows you to write a message without displaying it on the webpage
<!-- >
<!-- -->
The Link element allows you to Link someone to some webpage
<a href=> </a>
<a href=https://www.google.com> </a>
The Image element allows you to import pictures into your website
<img src="..." alt=>
<img src="../Images/Links.PNG" alt=Links-Screenshot>
The List element allows you to show a set of data in your website as a list whether
it is numbered or not
<o1> <li> </li> <o1>
<ul>
<li>Banana</li>
<li>Apple</li>
<li>Orange</li>
</ul>
The Tables element allows you to show a set of data in a Table
<> <li> </li> <o1>
<<table style="width:100%">
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Percentage</th>
</tr>
<tr>
<td>Marshall</td>
<td>Davtyan</td>
<td>61</td>
</tr>
<tr>
</tr>
</table>
The Block element allows you to space code out and to change styles of text
<div>...</div>
=<divclass=blueverdana>
<hello
</div>
