Scribd
Upload
4 views

HTML introduction and basics

The document provides an introduction to HTML, defining it as the standard coding language for creating web pages. It explains the concept of tags, their structure, and the basic components of an HTML document, including the <html>, <head>, and <body> sections. Additionally, it offers resources for further learning and encourages practice using Notepad++.

Uploaded by

vx446srppx
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
4 views

HTML introduction and basics

The document provides an introduction to HTML, defining it as the standard coding language for creating web pages. It explains the concept of tags, their structure, and the basic components of an HTML document, including the <html>, <head>, and <body> sections. Additionally, it offers resources for further learning and encourages practice using Notepad++.

Uploaded by

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

HTML

Introduction &
Basics
Miss Wellington
Lesson Objectives
• Define HTML
• Explain the concepts of tags
• How to use tags to structure content on a webpage
• Discuss the basic structure of HTML document
Define HTML
• HTML- Hypertext Markup Language (a type of coding
language) it is the standard language used to create
web pages.
• To create our website & webpage we must use a text
editor (NotePad++)
• A collection of pages found under a single
What is a website and domain name.
a web page? • When you create a HTML page in
Notepad, then run that document in
Chrome then that page will be a webpage.
• E.G.: My first webages.html
Concept of Tags:
Tags in HTML are used to define elements that structure and
format the content of a web page.
They are enclosed within angle brackets (< >) and come in
pairs: an opening tag and a closing tag.
The opening tag contains the name of the HTML element,
and the closing tag has the same name preceded by a
forward slash (</).
Tags tell the web browser how to display the content they
surround.
When you OPEN a tag, you MUST close
it
• Open - <html>
• Closed - </html>
Other examples:
• <h1>……</h1>
• <body>……</body>
• <title>…….</title>
Basic Structure of an HTML Document:
An HTML document follows a specific structure to ensure proper rendering in web
browsers. It includes the following main components:
• <!DOCTYPE html>: This declaration specifies the version of HTML that the
document is written in. In HTML5, the declaration is simply <!DOCTYPE html>.
• <html>: The <html> element serves as the root of the HTML document. All other
elements are contained within it. It has two main sections: <head> and <body>.
• <head>: The <head> section contains meta-information about the document,
such as the title of the page, character encoding, and links to external resources
like stylesheets and scripts. It doesn't directly display content on the webpage.
• <body>: The <body> section contains the visible content of the webpage that
users see and interact with. This is where you place headings, paragraphs, images,
links, and other elements.
What you can use to make HTML
easier!!!
• W3Schools.com (basics of html)
• For different text and colours that work on
html:
Hostinger tutorials “The 20 Best HTML Fonts to
Use in 2023”
HTML colour codes: https://htmlcolorcodes.com/
Practice time-
open notepad++ and type in the following
code:

You might also like