Skip to content

Instantly share code, notes, and snippets.

@14sprouj
Created June 15, 2018 11:09
Show Gist options
  • Save 14sprouj/165bce8e9a395f2486149c366a22c837 to your computer and use it in GitHub Desktop.
Save 14sprouj/165bce8e9a395f2486149c366a22c837 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<title>All HTML Tags</title>
<style>table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
</style>
</head>
<body>
<h1>These are all the tags you can use with HTML</h1>
In Chrome press F12 to see all the code.
<br>
<p>
<a href="file:///C:/Users/Sprouse/Dropbox%20(Personal)/Coding/HTML/HTML%20all%20tags.html">Download the code here</a> or go to the bottom of the page.
<br>
This is Normal Text. Just type this.
</p><table style="width:90%">
<tbody><tr>
<th>HTML Tag</th>
<th>Result</th>
<th>Description</th>
</tr>
<tr>
<td>&lt; h1 &gt; &lt; / h1 &gt;</td>
<td><h1>Header 1</h1></td>
<td>Biggest heading</td>
</tr>
<tr>
<td>&lt; h2 &gt; &lt; / h2 &gt;</td>
<td><h2>Header 2</h2></td>
<td>2<sup>nd</sup> biggest heading</td>
</tr>
<tr>
<td>&lt; h3 &gt; &lt; / h3 &gt;</td>
<td><h3>Header 3</h3></td>
<td>3<sup>rd</sup> biggest heading</td>
</tr>
<tr>
<td>&lt; h4 &gt; &lt; / h4 &gt;</td>
<td><h4>Header 4</h4></td>
<td>4<sup>th</sup> biggest heading</td>
</tr>
<tr>
<td>&lt; h5 &gt; &lt; / h5 &gt;</td>
<td><h5>Header 5</h5></td>
<td>5<sup>th</sup> biggest heading</td>
</tr>
<tr>
<td>&lt; h6 &gt; &lt; / h6 &gt;</td>
<td><h6>Header 6</h6></td>
<td>6<sup>th</sup> biggest heading</td>
</tr>
<tr>
<td>&lt; b &gt; &lt; / b &gt;</td>
<td><b>Bold</b></td>
<td>B</td>
</tr>
<tr>
<td>&lt; i &gt; &lt; / i &gt;</td>
<td><i>Italics</i></td>
<td></td>
</tr>
<tr>
<td>&lt; u &gt; &lt; / u &gt;</td>
<td><u>Underline</u></td>
<td></td>
</tr>
<tr>
<td>&lt; sup &gt; &lt; / sup &gt;</td>
<td><sup>Superscript</sup> Normal</td>
<td></td>
</tr>
<tr>
<td>&lt; sub &gt; &lt; / sub &gt;</td>
<td><sub>Subscript</sub> Normal</td>
<td></td>
</tr>
<tr>
<td>&lt; a href="link" &gt; text &lt; / a &gt;</td>
<td><a href="">Hyperlink</a></td>
<td></td>
</tr>
</tbody></table>
<p></p>
<hr>
<a href="https://www.w3schools.com/default.asp">Link to w3schools</a>
<a href="https://www.w3schools.com/default.asp"><img src="../w3schools.jpg" alt="W3Schools.com Logo"></a>
Click the image to go to the website.
<hr>
<h1>Form</h1>
<form>
First name:<br>
<input type="text" name="firstname" value="Mickey"><br>
Last name:<br>
<input type="text" name="lastname" value="Mouse"><br><br>
<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other<br>
<form action="/action_page.php">
<input type="submit" value="Submit">
</form>
<hr>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment