| Name | Start Tag | End Tag | Example |
|---|---|---|---|
| HTML | <html> | </html> | N/A |
| Heading | <h1>,<h2>,etc... | </h1>,</h2>,etc... | </h1>Hi People</h1> |
| Title | <title> | </title> | <title>My Page</title> |
| Comments | <!--> | <--> | <!-->This is where my comment about the table is<--> |
| Head | <head> | </head> | <head> <title>My Page</title> </head> |
| Links | <a | </a> | <a href= "https://www.youtube.com">Here is YT.</a> |
| Body | <body> | </body> | <body> <p>Here is the page info</p> </body> |
| Break | <br> | N/A | <p>Here is <br> a break </p> |
| Paragraph | <p> | </p> | <p>This is my writing </p> |
| Lines | <hr> | N/A | <p>This is my writing, and I have a line to split up the page. </p><hr> |
| Image | <img> | N/A | <img https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR8JRNZDY-wNJN08FqO6O74m9Sjs7ZdW_oyfJBlrbSNEww9acTZtA> |
| Lists | <ul> or <ul> | </ul> or </ol> | <ul> <li>list item<li>another one<li>a third </ul> |
| Tables | <table> | </table> | <table><tr><th>Heading Here</th><th>Last Heading</th> </tr></table> |
| Blocks | <div> | </div> | <div>Here is a seperate block. </div> |
This element is used at the start and the end of every html page. It is used to tell the computer that all of the code that is in between the html tag is html code and not other code.
<html> is put at the start and </html> is at the end.
You would use this on every single HTML document that you code. You would put it at the start after the doctype tag, and then at the very end of the code.
This element it not shown ever on the browser.
This element is used to put headers or titiles into your website. The element is placed around the start and end of sentences, and it can be varied to change the size of the words.
<h1> is put at the start of the sentence, and </h1> is at the end of the sentence. The 1 represents the size of the header, 1 is the biggest and 6 is the smallest.
You would use this whenever you want to create a title or header. You would surround the sentence you want to make into a header, like when you want to give a titile like 'Welcome to my page' onto your webpage
This element is used at the start of the code before the body. This code puts a titile on your web page onto the chrome tab of the page.
<title> is put at the start of the title and </title> is at the end.
You would use this on every single HTML document that you code. Because you want to know what the page is, you would want a name for it, and the title lets you see what it is called in the tab of the page.
If you look at the top of the page where the tab for it is, you will see the title is 'Look Here'
This element anywhere you want on the code. It is used to make notes on your code that you don't want to see on the webpage. They are useful if somone else is trying to understand what is happening in your code.
<!--> is put at the start of the comment and <--> is at the end.
You would use this element when you want to make notes on your code. It is important that you can keep track of what is going on in your code, so the comments can help you keep orgnaized.
As it is the point of the comments element, you can't see the comments on the webpage.
This element is used at the start of the code before the body. This code indicates that all of the information inbetween the syntax is all meta information about the page.
<head> is put at the start of the title and </head> is at the end.
You would use the head element on many pages you create. Because it is used to show all of the meta information about the page, it would be used when specific meta data that goes with this page is needed. So, you would have to use the element.
Because it is used to indicate things rather than show information on the page, it is not seen on your HTML page.
This element is used to show that the following code will be a link to another site or page. It is put before and after the url and the writing of what the Link says.
<a> is put at the start of the title and </a> is at the end.
You would use this element in many of your pages. You would use this when you want to link additional information about a topic on your page, when you want to link a video about the topic the page s about, or when you want to link your meme page on your page.
Links look like this. Here is YT.
This element is used on every HTML page. The body element is used to show that every item inside the syntax is going to be shown information on the page. All information that is outside of the body syntax will not show up on the page and is just styles of settings.
<body> is put at the start of the title and </body> is at the end.
You would use this element in all of the pages you create. It will always be used because people always want information on the pages they visit. The body syntax will be at the start and end of all the code you plan to show up on your webpage.
Because it is an indicator of information and not supposed to be shown, you don't see it on a HTML page.
This element is used whenever you want to put your text into multiple lines without making new lines of code. It is used by putting the syntax inbetween a section of writing. Ulike most ocde, you don't have to put a closing </br> at the end of the break.
<br> is put whenever you break the text into a new line.
You would use this when you want to section your writing differently on your page. For example, if you want to draw out a sentence and make it more epic.
Hello, this is a
BREAK
in what
I
am
writing.
This element is used whenever you want to put normal text into your writing. It is normal size text unlike headers and titles.
<p> is put at the front, and </p> is at the end.
You would use this when you want to write information in your page.
Hello, this is normal writing, and it is a paragraph.
This element is used to put a horizontal line all the way across the screen of your page.
<hr> is put where you want the line.
You would use this when you want to have a line seperating the information shown on your page.
Hello.
Like that line?
This element is used to put a picture or Gif into your page.
<img> is put around the image link.
You would use this when you want to have a im age in your page that helps show your point of the page.
This element is used to put lists of things with different styles on your page.
<ol> or <ul> is put to make an ordered or unordered list, and then <li> is put before each line in the list.
You would use this when you want to list information about the topic you are discussing on your page, and it would be useful if you wanted to list all of the types of donuts.
This element is used to put different types of tables into your page.
<table> is put at the start of the table, and then <tr> is put before each horizontal section of the table, and then <th> or <td> is used to put information in the table as a heading or as normal writing.
You would use this when you want to make a table about the statistics you gathered for a project.
| Burrito People | Nacho People |
|---|---|
| 99 | 87 |
This element is used to define a section in an HTML document, and t is used to group block elements to format them.
<div> is put at the start of the line, and </div> is put at the end of the line to make the block.
You would use this when you want to style only one section of your page differently than the rest.
That is pretty cool, and it is the only time I used style in HTML instead of my CSS page.