HTML Tutorial

1. Headings and Paragraphs

<h1>Heading Content</h1>

<h2>Heading Content</h2>

<h3>Heading Content</h3>

<h4>Heading Content</h4>

<h5>Heading Content</h5>

<h6>Heading Content</h6>

<p>Heading Content</p>

2. Text Formatting

<b>bold</b>

<i>italic</i>

<s>strike through</s>

<u>underlined</u>

<strong>bold</strong>

<strike>strike through</strike>

<em>italic</em>

3. Links

<a href="https://example.com">Link Name</a>

4. Images

<img src="https://example.com/image.png" alt="Alternative Text" />

5. Buttons

<button>Click Me!</button>

6. Lists

<ul>

<li>List Item 1</li>

<li>List Item 2</li>

<li>List Item 3</li>

</ul>

<ol>

<li>List Item 1</li>

<li>List Item 2</li>

<li>List Item 3</li>

</ol>

7. Media

<audio controls autoplay src="https://example.com/audio.mp3"></audio>

<video controls autoplay src="https://example.com/video.mp4"></video>

8. Containers

<div></div>

<nav></nav>

<header></header>

<footer></footer>

<article></article>

<section></section>

<aside></aside>

<details></details>

<figcaption></figcaption>

<figure></figure>

<main></main>

<mark></mark>

<summary></summary>

<time></time>

<body></body>

9. Other

<style></style>

<script></script>

<script src="https://example.com/script.js"></script>

<link href="https://example.com/style.css" rel="stylesheet" />

<link href="https://example.com/favicon.ico" rel="shortcut icon" />

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<meta name="description" content="Site Description" />

<meta name="keywords" content="kw1,kw2" />

<noscript>This Will Be Visible When The User Has Javascript Turned Off</noscript>

HTML Boilerplate

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<meta name="description" content="Site Description" />

<meta name="keywords" content="kw1,kw2" />

<title>Title</title>

</head>

<body></body>

</html>

Made By Theodore Kakagis