Gather Workshops Logo

HTML Basics

Marking up your content

Headings

Add <h1> and </h1> tags to make the Alpacas heading big and bold.

<h1>Alpacas</h1>

<h1> says "start the heading here"

</h1> says "end the heading here"

Subheadings

Now use <h2> tags to make Alpaca Hair and Habitat big.

<h2>Alpaca Hair</h2>

h1 is the biggest heading
h2 is the second biggest heading
h3 is the third biggest heading

h6 is the smallest heading

Paragraphs

Now use <p> tags to split up your paragraphs.

<p>
An alpaca is a domesticated species of 
South American camelid. It resembles a 
small llama in appearance.
</p>

Put a <p> before each paragraph,
and a </p> after each paragraph.

Image Tags

Add an img tag to the very bottom of your code:

<img src="#" height="100">

src stands for "source"
Replace the # with a link to an image online.

height is the height of the image
This is optional, it is the height in pixels.

Image Source

Find an image online, and copy the link to it.

Replace the # as the src value, using paste:

<img src="http://place.com/photo.jpg" height="100">

Find and add at least 2 more images.

Loading...