<!DOCTYPE HTML>
is the tag to let the web browser know this is an html document
<head>
tag contains meta data <meta>, and title
<body>
tag contains the contents of the html document
Tags that go under the body tag<header>
<nav>
navigational elements<main>
contains the main context of the webpage<article>
is for articles
<section>
#Sections usually used for articles, usually have headers <h#> in sections<aside>
# Side notes, doesn't actually move whatever to the side<footer>
# Bottom of the webpage
<img width="px#" height="px#" src="/path/to/img or url" atl="path/url alt image"/>
- Or set only width or height and it will keep the same aspect ratio
- Or use % instead of pixel number
## Lists
#Unordered list ul, list item li
#ol instead of ul ordered list, will display numbers
<ul>
<li>item</li>
<li>item</li>
</ul>
#description list, description term, dd descript
<dl>
<dt>Thing</dt>s
<dd>it's y</dd>
</dl>
## Tables, tr table row, td table data (is like column), th table header, thead table head, tbody table body, thead and tbody don't change the looks
<table>
<thead>
<baption>list of numbers</caption>
<tr>
<th>one</td>
<th>two</td>
</tr>
</thead>'
<tbody>
<tr>
<td colspan="2">one</td>
<td>two</td>
</tr>
</tbody>
</table>
## Container
block vs inline elements
a block element