| Link | Start End | End Tag |
|---|---|---|
| Header | <h1> | </h1> |
| Paragraphs | <p> | </p> |
| Break | <br> | </br> |
| Links | <a href="link"> | </a> |
| Images | <img> | |
| Lines | <hr> | |
| Body | <body> | </bodya> |
| HTML | <html> | </html> |
| Head | <head> | </head> |
| Title | <title> | </title> |
| Blocks | <div> | </div> |
| Tables | <th><table><tr><td> | </th></table></tr></td> |
| Lists | <ol><ul><li> | </ol></ul></li> |
| Comments | <!--; | --> |
HTML is the main document type that we will be using this unit and the syntax basically encompasses the entire page
start: <html>
Add everything you need in your page in between these two tags
end: </html>
This entire page!
Basically the entire page
This is the main head and it has stuff in it the controls the entire rest of th epage like colors and titles
start: <head>
Between the start and end, add different titles, fonts, color modifiers, etc... if you don't want to put them in a CSS file.
end: </head>
Sets the title of the page
Whatever it looks like
Sets the title of the page so that it can be referenced later.
start: <title>
Whatever you want the title to be
end: </title>
Naming your page based on its contents
N/A
The body is what encompasses the entire code of the page.
start: <body>
EVERYTHING
end: </body>
Making a body about monkeys with a blue background
Page Appearance
Adds nice, large(or small) text that is bolded which can be used to separate sections or make something easier to locate.
start:<h#>
Name of heading(# is the size)
end:</h#>
The above text is a heading
Most of the text in an html page
start: <p>
paragraph text
end: </p>
<p>This is an example paragraph</p>
This is an example paragraph
Can break or enter the text in a paragraph
<br>
This is an <br> example paragraph
This is an
example paragraph
Creates a line that can be used for splitting off parts
<hr>
<hr>This will be crossed out
Can be used in the code to make note of things
<!-- and -->
<!This is the comments part-->
these add hyperlinks to other pages or parts of the page.
start: <a href="Desired-Link">
What the link should look like
end: </a>
<a href="google.com">Google</a>
Puts images into the page
<img>
<img src=https://pbs.twimg.com/profile_images/839721704163155970/LI_TRk1z_400x400.jpg%gt;
Creates a list of objects
start: <ol><ul><li>
end: </ol></ul></li>
Creates a table of sorted informtaion
start:<th><table><tr><td>
end: </th></table></tr></td>>/p>
See table below
See table below
The officially divide the page into designated parts
<div>
</div>
Dividing a part to style it only
N/A