Scribd
Upload
3 views2 pages

HTML Beginners Tutorial

The document outlines a beginner's class on HTML and programming concepts, including definitions of programming, computer programs, and coding. It explains the structure of HTML and provides a basic template for creating a webpage, along with examples of classwork assignments. The tutorial emphasizes the difference between frontend and backend in app functionality.

Uploaded by

michelakerele
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
3 views2 pages

HTML Beginners Tutorial

The document outlines a beginner's class on HTML and programming concepts, including definitions of programming, computer programs, and coding. It explains the structure of HTML and provides a basic template for creating a webpage, along with examples of classwork assignments. The tutorial emphasizes the difference between frontend and backend in app functionality.

Uploaded by

michelakerele
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

HTML Beginners Class — WhatsApp Tutorial Pack

1) WHAT IS PROGRAMMING?

Programming means giving instructions to a computer so it can do what you want.

2) WHAT ARE COMPUTER PROGRAMS?

Programs are sets of instructions written for computers (WhatsApp, Instagram, Games, etc.)

3) WHAT IS CODING?

Coding is writing instructions using languages like HTML, CSS, JavaScript, Python, etc.

4) HOW DO APPS WORK?

FRONTEND: What you see (buttons, colors, layout).

BACKEND: What you don’t see (saving data, login, processing).

5) WHAT IS HTML?

HTML is the structure or skeleton of a webpage.

6) BASIC HTML STRUCTURE:

<!DOCTYPE html>

<html>

<head>

<title>My First Page</title>

</head>

<body>

<h1>Hello World</h1>

<p>This is my first webpage.</p>

</body>

</html>
7) BACKGROUND COLOR (style tag):

<style>

body { background-color: lightblue; }

</style>

8) CLASSWORK

- Intro page with name, description, background color, emojis.

- Profile card with name, age, hobby.

- Simple school webpage.

- Fake chat interface.

You might also like