html stands for Hyper Text Markup Language. This does mean that html is not actually a coding language but rather a mark up language. html is typically used for making websites. html uses a tag based system. here is an example of what I mean <123>FISH this is because html is actually just a way to display text. html is also commonly used with CSS another programming language. Here is a table of the most important tags that I know of. The void option decides whether or not you need 2 tags yes means that you just use one with nothing inside of it, and no means you need two and something in between. html is commonly used with CSS to style and make html look good.
| Category | Tag | Void | Use |
|---|---|---|---|
| Set-up/essential | meta | No | setting things up like encryption and display size |
| !DOCTYPE html | Yes | setting up the file to work as an html file | |
| head | No | sets up the area for set up code | |
| title | No | sets up the title of website that appears on the tab bar | |
| html | No | lets the file know that everything inside is written in html | |
| body | No | sets up the area for things you actually want to display on your website. | |
| style | No | Begins CSS programming language when you put it in head, where all CSS goes. | |
| headers | h1 | No | makes whatever text inside appear very large as a header, commonly used as header of the page |
| h2 | No | makes whatever text inside appear slightly less large as a header, commonly used as a subheader of the page | |
| h3 | No | makes whatever text inside appear slightly smaller then h2 as a header, not commonly used | |
| h4 | No | makes whatever text inside appear slightly smaller then h3 as a header, not commonly used | |
| h5 | No | makes whatever text inside appear slightly smaller then h4 as a header, not commonly used | |
| h6 | No | makes whatever text inside appear slightly smaller then h5 as a header, not commonly used | |
| text options | p | No | makes text format nicely into a paragraph form |
| a | No | makes text link to something else when clicked | |
| b | No | makes text be bolded | |
| i | No | makes text be italicized | |
| u | No | makes text be underlined | |
| spacing/seperation | br | Yes | adds a line break. |
| hr | Yes | Adds a horizontal line going across the screen, splitting it into 2 sections. | |
| images | img | Yes | adds an image source if you put img src= it can be either a url or file |
| lists | ol | No | stands for ordered list and can be used to make a numbered list |
| ul | No | stands for unordered list and can be used to make a bulleted list | |
| li | No | stands for list item and contains the items you actually want to be on the list | |
| tables | table | No | used to let everything inside know that it is a table |
| tr | No | lets everything inside know that it is in a specific line | |
| th | No | lets whatever inside know that it is in the top row and is a table header | |
| td | No | lets whatever inside know that it is data in a specific table cell |