Html Snippets - William Clarkson

Blank html page

Description:Blank HTML Basic Page Template

Example:

!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

</body>
</html>

Link Javascript

Description:link a JavaScript File to HTML

Example:

<script type="text/javascript" src="js/main.js"></script>

Link Css

Description:Link a css file to your html

Example:

<link rel="stylesheet" type="text/css" href="style.css">

Paragraph Tags

Description:

Example:

<p>Content Here</p>

Div Tags

Description:Divider tags

Example:

<div></div>

span tags

Description:span tags are similar to div tags but keeps everything on the same line

Example:

<span></span>

Unordered List

Description:displays a list of items with bullet points

Example:

Apples
Peaches
Grapes

<ul>
<li>Apples</li>
<li>Peaches</li>
<li>Grapes</li>
</ul>

Ordered list

Description:displays a list of items with numbers

Example:

Apples
Peaches
Grapes

<ol>
<li>Apples</li>
<li>Peaches</li>
<li>Grapes</li>
</ol>

Image Tag

Description:Displays an Image

Example:

<img decoding="async" src="images/pic1.jpg" />

Add a link

Description:Adds a link to the page

Example:

<a href="https://google.com/" target="_blank">Click here</a>

Heading Tag

Description:Adds a heading tag

Example:

<h1>content title</h1>

Sample Text

Description:sample text for testing

Example:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer maximus rutrum lectus, sit amet auctor nunc mattis in. Maecenas id sapien pharetra, sagittis nisl sit amet, ullamcorper ipsum. Aliquam sem augue, fermentum sit amet rutrum eu, egestas ac arcu. Nullam id risus ut eros rutrum euismod ac sit amet nibh. Vestibulum sollicitudin lacinia nibh. In sed volutpat nisi, ut sollicitudin ante. Etiam sit amet quam quam. Nulla facilisi. Donec tempus iaculis maximus. Maecenas tincidunt risus non mi gravida cursus. Sed ante mauris, ultrices sit amet ultricies sed, molestie nec nisl. Etiam elit erat, accumsan vitae urna sit amet, posuere scelerisque.

Text Input

Description:adds an input field to the page

Example:

<input type="text" name="myname">

Basic Form

Description:Adds a form to the page

Example:

<form action="/action_page.php">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="Submit">
</form>