Hypertext mark-up language (HTML) is a mark-up language used to create webpages and web applications.

• A mark-up language makes use of tags.

These are keywords that define the structure of a webpage and how the browser must display the content of the web page.

• The tags are not displayed.

• If a browser reads a tag it doesn’t understand it will ignore it.

• Without HTML tags a browser could not display text or load images.

• HTML tags usually have an opening tag with attributes and a closing tag that has a forward slash e.g. <p> Opening </p> Closing.

<p> This is the text to be displayed in a paragraph</p>

<p> This is another paragraph </p> 

<img src=“OALogo.gif” alt=”Omagh Academy Logo” width=”56” height=”76”> 

The image tag is used to insert an image into a webpage. Images are linked to the webpage and then inserted. There are two required attributes src and alt

• src is the URL of the image

• alt is the alternate text for the image. 

<a href=page2.html> Click here to see the next page </a> 

The anchor tag will link the user to page2.html when they click the text "Click here to see the next page"

Heading tags outline the importance of the information on the HTML page. H1 being the most important to H6 being the least important. For example the <h1></h1> tag will likely be the webpage title and <h2></h2> the subtitle etc. 

An unordered list is made up of bullet points which creates a list which looks like so:

<ul>

<li>List Item 1</li>

<li>List Item 2</li>

<li>List Item 3</li>

<li>List Item 4</li>

</ul>

• List Item 1

• List Item 2

• List Item 3

• List Item 4

Heading tags outline the importance of the information on the HTML page. H1 being the most important to H6 being the least important. For example the <h1></h1> tag will likely be the webpage title and <h2></h2> the subtitle etc. 

<ol>

<li>List Item 1</li>

<li>List Item 2</li>

<li>List Item 3</li>

<li>List Item 4</li>

</ol>

1. List Item 1

2. List Item 2

3. List Item 3

4. List Item 4

The <b></b> tag makes text Bold

The <strong></strong> tag makes text Bold/Strong

The <i></i> tag makes text Italic

The <em></em> tag makes text Italic/Emphasized 

The <u></u> tag makes text Underlined