Scribd
Upload
14 views5 pages

5C. GUIDE 1 SMT 1

This worksheet introduces students to the basics of HTML programming, covering essential components such as document structure, elements, attributes, and the HEAD and BODY sections. It explains the use of tags for titles, paragraphs, and headings, along with a practical example of starting a project on CODEPEN.IO. The document is designed for a 5th-grade computer class on July 22, 2024.

Uploaded by

sinyoman.supartha
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
14 views5 pages

5C. GUIDE 1 SMT 1

This worksheet introduces students to the basics of HTML programming, covering essential components such as document structure, elements, attributes, and the HEAD and BODY sections. It explains the use of tags for titles, paragraphs, and headings, along with a practical example of starting a project on CODEPEN.IO. The document is designed for a 5th-grade computer class on July 22, 2024.

Uploaded by

sinyoman.supartha
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

WORKSHEET 1

SUBJECT : Class / Smt : 5 C / I (First ) Teacher

Day / Date : Monday, July 22 2024


Parent

COMPUTER Name/ No : ............................................................./ ......

LEARNING OBJECTIVES
3.1 Students understand the basics of the HTML Programming Language

THE BASIC OF HTML PROGRAMMING LANGUAGE

I. HTML Basic
All HTML documents are declared with document type <!DOCTYPE html> starting
<html> ending with </html>. In the HTML document there is a section that will be
displayed in a web browser starting with <body> and closing with </body>.Here's
an example of basic HTML:
II. HTML Elements
The second basic HTML is elements, elements consist of a start tag and an end tag with
content in the middle of the tag. Roughly implementing it like this <tagname> This is the
</tagname> tag. Examples as below:

III. HTML Atributes


Attributes in HTML have functions to provide additional information about the elements present
in HTML. All elements in HTML have attributes that are in the start tag usually followed by
quotation marks ( “ “ ).
IV. HEAD
The HEAD section is the head section of HTML. It starts with the <head> tag and ends with
</head>. In the HEAD section, it is usually used to write tags that will be read by the machine.
Such as: Meta tags for SEO, <title> tags for titles, Where to write CSS and Javascript code,
and others

V. BODY
The BODY section is the section that will be displayed on the web browser. The writing beginsof
the <body> tag and closed with </body>. This is where we will write a lot of content with various
tags. Currently we just fill it with <p> tag. <p> Tagsis the tag used to create paragraphs.

VI. “ TITLE “
Title to show the title of a page. Usually this title attribute begins with the opening attribute
<title> TITLE </title>.
VII. Paragraphs
Tags in paragraphs are defined by opening <p> and closing </p>. Example

VIII. Headings
Headings are defined as text sizes with <h1> to <h6> tags. For H1 is usually used for headings,
H2 for subtitles and other headings follow . The smaller the number, the bigger the size and vice
versa. Example :
IX. First example project :
a. Open CODEPEN.IO via your laptop/smartphone browser

You might also like