HTML cheat sheet

Headings

 

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>

 

<br>

<br>

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

 

Formatting

 

<strong>Bolds he type</strong>

<em>italicizes the type</em>

 

Inserting links, images and videos

 

LINKING:

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

 

IMAGES:

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:

<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.

</video>

 

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.