Skip to main content

Print preview

Paper size
Additional printing options
Print headers
Print footers

Worksheet 13.7 Group Work: HTML Basics

It is best to use a POGIL approach with the following. In POGIL students work in groups on activities and each member has an assigned role. For more information see https://cspogil.org/Home.

Note 13.7.1.

If you work in a group, have only one member of the group fill in the answers on this page. You will be able to share your answers with the group at the bottom of the page.
Learning Objectives
Students will know and be able to do the following.
Content Objectives:
Process Objectives:
  • Identify start and end tags
  • Fix incorrect HTML
  • Put HTML tags in order
  • Describe relationships between tags (parent, child, sibling)
HTML stands for Hyper Text Markup Language. It is used to create web pages. HTML describes the elements of the webpage such as the title, paragraphs, images, and links. For more information on HTML see the tutorial at https://www.w3schools.com/html/.
HTML uses tags to describe the elements of the document. Tags are enclosed in “<” and “>”.

Note 13.7.2.

HTML is not a programming language. It is a markup language for describing documents.

Activity 13.7.1.

Click on the “Render” button to see the resulting web page.
Try adding a h2 and h3 header to the HTML above after the paragraph.

Activity 13.7.2.

What happens to the text as the header level increases (h1, h2, h3)?
The first tag, <!DOCTYPE html>, indicates that this is an HTML document. While it is best to include this tag, the page will typically display fine even if you don’t include it.
The html tag is the root (start) tag for the document.
The head tag contains meta information about the document such as the title.
The body tag contains the items that will be displayed.
The h1 tag is for a first-level (most important) header. There are additional types of headers: h2, h3, etc.
The p tag indicates a paragraph of text.

Activity 13.7.3.

Start and End Tags

Most HTML elements have start tags and end tags. The page is started with the start tag <html> and ends with the end tag </html>. Indentation isn’t required, but makes it easier to read the HTML.

List Tags

You can include both ordered (numbered) and unordered (bulleted) lists in HTML.

Tag Relationships: Parent, Child, Sibling

The HTML tag has two children tags: <head> and <body>. The head contains meta information about the page including the page title. The body contains the elements that are displayed in the page such as the headers and paragraphs.
If you worked in a group, you can copy the answers from this page to the other group members. Select the group members below and click the button to share the answers.
You have attempted of activities on this page.
The Submit Group button will submit the answer for each each question on this page for each member of your group. It also logs you as the official group submitter.
PrevTopNext