HTML cheat sheet



Headings are defined with the <h1> to <h6> tags.

<h1> defines the most important heading. <h6> defines the least important heading.


To create a heading:


<h1>The headline goes here</h1>


Always be sure to use open and close tags with headlings.


Paragraphs and line breaks


<p>A paragraph goes here. Don’t forget to close it. </p>




Those are line breaks. No need for closing these — each one breaks the copy to the next line.




<strong>Bolds he type</strong>

<em>italicizes the type</em>


Inserting links, images and videos



HTML links are hyperlinks; when you click on the link it takes you to a new URL. Hyperlinking is introduced by an <a> tag:


<a href=”URL goes here”>This is the type that will show up and have the hyperlink</a> then after you close with a </a> there is no more hyperlinked text



If you want to include an IMAGE in your document, be sure you are linking to an image somewhere in the internet and that it has a “location” — it cannot be on your desktop because that is not on the Web. It needs to be published somewhere.


<img src=”thisisanimage.jpg” alt=”This describes the image for screen readers”>Now there will be an image inserted right before this text. No need to close the tag —  an image tag needs no close.



<video width=”320″ height=”240″ controls>

 <source src=”movie.mp4″ type=”video/mp4″>

 <source src=”movie.ogg” type=”video/ogg”>

Your browser does not support the video tag.



The controls attribute adds video controls, like play, pause, and volume.

It is a good idea to always include width and height attributes. If height and width are not set, the page might flicker while the video loads.

The <source> element allows you to specify alternative video files which the browser may choose from. The browser will use the first recognized format.

The text between the <video> and </video> tags will only be displayed in browsers that do not support the <video>element.


%d bloggers like this: