HTML

This reference manual is extremely WIP and will be updated over time.

Base structure:

<!DOCTYPE html>

<html>

</html>

General Reference


<!-- Comments are done like so -->

<h1>Header 1</h1>

<h2>Header 2</h2>

<h3>Header 3</h3>

<h4>Header 4</h4>

<h5>Header 5</h5>

<h6>Header 6</h6>

<br> <!-- Line Break -->

<hr> <!-- Thematic Break, shows up often as a horizontal line too--> 

<ul> <!-- Unordered List -->

	<li>List Element</li>
	<li>List Element</li>
	<li>List Element</li>

	<ol> <!-- Ordered List -->

		<li>List Element</li>
		<li>List Element</li>
		<li>List Element</li>

	</ol>

</ul>

Header Reference:

<head>

	<title></title>

	<style></style>

	<link> <!-- For linking external resources, stylesheets, etc -->

	<meta> <!-- For adding metadata into pages (likely won't be rendered normally) -->

	<script></script>

	<base>

</head>

Title

<title>My Website</title>

Sets the title for the page. Title is shown:

  1. in the browser tab
  2. as the title when the page is added to favorites/bookmarks
  3. When the page appears in search engines

The title can only be text.

Style Block

<head>
	<style>
		h1 {
			color:blue;
		}
		
		h2{
			color:red;
		}
	</style>
</head>

Creates a space to put CSS styling.

<link rel="stylesheet" href="stylesheet.css">

Creates a link between the current page/document and an external source.

Can link to:

  1. Stylesheets
  2. Favicons (icon shown in browser tab)
  3. etc.

See here for more params.

Linking Favicons:

Use this converter

Further Reference: