Y8 T1W1 Lesson 2: HTML Tags

Basic Structure

of HTML Code:

Part 1

What do you need in a HTML code?

First, we need to learn about HTML tags.

HTML tags are usually written in pair.

The first is opening tag, and the second is closing tag.

<tag>

This is what HTML opening tag looks like.

It's used to "turn on" our instruction to the computer.

The keyword of the tag is in between angle brackets symbol.

</tag>

This is what HTML closing tag looks like.

It's used to "turn off" our instruction to the computer.

A slash symbol is added after the first angle bracket.

<font></font>

If the keyword of the tag is "font".

<meta></meta>

If the keyword of the tag is "meta".

Open Ended

Write in Zoom chat:

the correct HTML tag if the keyword of the tag is "html".

Open Ended

Write in Zoom chat:

the correct HTML tag if the keyword of the tag is "head".

Open Ended

Write in Zoom chat:

the correct HTML tag if the keyword of the tag is "title".

Open Ended

Write in Zoom chat:

the correct HTML tag if the keyword of the tag is "body".

Not all HTML tags are in pair.

Though most HTML tags are written in pair,

there are some HTML tags that are written alone (not in pair).

Open Ended

Research and answer: what are the names of…

(1) HTML tag that comes in pair, (2) HTML tag that comes alone

<tag>Insert Text Here</tag>

Container Tags need to be opened and then closed.

Container Tags can change the formatting

of the text inserted between them.

<tag>

Empty Tags just needs to be opened.

It does not need to be closed.

Empty Tags can insert an element to a web page.

e.g. inserting a text break or an image.

Multiple Choice

<img>

• Container Tag

• Empty Tag

Multiple Choice

<center></center>

• Container Tag

• Empty Tag

Multiple Choice

<justify></justify>

• Container Tag

• Empty Tag

Multiple Choice

<br>

• Container Tag

• Empty Tag