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.