Marks up text to indicate how it should be displayed
Uses tags
Very forgiving, bad syntax still works
# Structure
1. doctype
2. html
3. head
4. body
# Special File Names
- `index.html`, `index.html`, `index.php`
# Tags
## Basics
$
\underbrace{\texttt{<h1>}}_\text{start tag}\texttt{Hello World}\underbrace{\texttt{</h1>}}_\text{end tag}
$
Self-closing tag
$
\texttt{<img }\underbrace{\texttt{src="img.png"}}_\text{attribute}\texttt{/>}
$
Different tags have different attribute options (see docs)
Special characters
## Head
Basic head:
```html
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colored Markers</title>
</head>
```
## Anchor
### Absolute Link
$
\texttt{<a href="https://mywebsite.com">This is my site.</a}
$
Used to access different folders/servers
### Relative Link
$
\texttt{<a href="home.html">Homepage</a>}
$
Access items in working folder
## List
### Unordered
```html
<ul>
<li><p>Item 1</p></li>
<li><p>Item 2</p></li>
</ul>
```
## Tables
```html
<table>
<!--Create row-->
<tr>
<!--Fill headerrow-->
<th>Make</th>
<th>Model</th>
<th>Mileage</th>
</tr>
<tr>
<td>Mazda</td>
<td>3</td>
<td>145398</td>
```
# Comments
```html
<!--This is a commment-->
```
[[Margin]]