The Daddy's HTML Cheat Sheet

Home . . CSS Cheat Sheet

Press ctrl+u on page to open html passed to the page, or press F12 to see developer tools.


Back To Top

Page Contents



External Links

Good sources of html help can be found here:

Other useful tools:


Back to contents


Headings & Paragraphs


This is h1

This is h2

This is h3

This is h4

This is h5
This is h6

Type in 'Lorem' and hit tab to create automated paragraph text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Back to contents


Lists & Tables

  1. List item 1
  2. List item 2
  3. List item 3
Name Email Age
Fred fred@gmail.com 65
Bob bob@gmail.com 53
George george@gmail.com 26

Back to contents


Forms & Buttons








Preferred Activity:


Personality:





Back to contents


Other Useful Stuff

The Scarf Monkey
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

The WWW is awesome

(cite) HTML crash course by Brad Traversy, (as well as code.org & freecodecamp.org)


Less than < & Greater than >, is how we use the special characters

			
To write code on screen: Note you cannot see the correct code through a browser. To see this code correctly, you need to copy the element from the developer tools, then paste into your editor.

	<html>
	  <head>
	    <title>My Title</title>
	  </head>

	  <body>
	    <p>Hello World!</p>
	  </body>
	</html>
			
		

Back to contents