SlideShare a Scribd company logo
Getting Started
with HTML
Lesson 1
By: Hector Tejada
Objectives:
   • You will learn the basics the basics of
     html
   html
Requirements:

   • Notepad
Step 1




First you will need to open up notepad you
can do this by going to start->all programs-
>accessories->notepad
Step 2



Once you have notepad open click on
format and then on word warp. This will
make it easier on you.
Step 3



Start typing in <html>.HTML stands for hyper
text markup language. This is known as a
tag <>. The html tag is essential. Then press
enter Always press enter after you done
with a line. It makes the coding neater and
easier to find mistakes or areas you want to
edit later.
Step 4


Once you have done that type in the head
tag. The head tag is <head>.
Step 5



Next step is to type <title> “the name of
your page"</title>. That is the title tag.The
forward-slash is important because it states
the end of the tag
Step 6



Alright next you type </head>. It is
important to make sure you put this after
the title tag
Step 7




Next is the body tag. This is the body tag
<body>. The body tag is where you type in
the things you want on your website.
Step 8




If you want to make paragraphs. You will
need to use the <p> tag.
Step 9




After you have everything you want in the
body you will need to use the end tag. The
end consist of the regular tag with a slash.
For example </body>
Step 10




This is an important step. After you are done
with the body you will need to end the html.
To do this you will need to use the </html>
tag.
Step 9




After you have everything you want in the
body you will need to use the end tag. The
end consist of the regular tag with a slash.
For example </body>
Conclusion
You should be able to:

•   Make a title
•   Make a body
•   Make paragraphs
•   Use tags properly
•   Know the difference between a end tag
    and a regular tag
Assessment

Now its time for a review. I want you to
create a basic website using what you
have learn.

Requirements:
 Must be a fully functions website
 Must have paragraphs

More Related Content

PPTX
HTML Lesson 2
PPTX
HTML Lesson 1
PPTX
HTML Lesson 5
PPTX
HTML 5 Web Design
PPTX
Html introduction by ikram niaz
PDF
Intro to HTML (Kid's Class at TIY)
PPTX
Artistic Web Applications - Week3 - Part 2
PDF
Html for beginners
HTML Lesson 2
HTML Lesson 1
HTML Lesson 5
HTML 5 Web Design
Html introduction by ikram niaz
Intro to HTML (Kid's Class at TIY)
Artistic Web Applications - Week3 - Part 2
Html for beginners

What's hot (20)

PPTX
Basic HTML
PDF
What is HTML - An Introduction to HTML (Hypertext Markup Language)
PPTX
Html lesson1 5
PPTX
Week 4 Lecture Part 2
PPT
Introduction To HTML
PPTX
Week 4 Lecture Part 1
PPTX
HTML CSS and Web Development
PDF
Lesson 1: Introduction to HTML
PDF
How to update HTML files
PPTX
Internal
PDF
Html For Bloggers
PPT
Learning Html
PPTX
Learn html in 30mins
PPTX
Artistic Web Applications - Week3 - Part 1
PPTX
Web development basics
PPTX
Basic Webpage
PPTX
Web design 101
PPTX
Presentation
PPTX
Html review with notes
Basic HTML
What is HTML - An Introduction to HTML (Hypertext Markup Language)
Html lesson1 5
Week 4 Lecture Part 2
Introduction To HTML
Week 4 Lecture Part 1
HTML CSS and Web Development
Lesson 1: Introduction to HTML
How to update HTML files
Internal
Html For Bloggers
Learning Html
Learn html in 30mins
Artistic Web Applications - Week3 - Part 1
Web development basics
Basic Webpage
Web design 101
Presentation
Html review with notes
Ad

Viewers also liked (19)

PPT
Επιδράσεις στους ανηλίκους από τα Μέσα Μαζικής Επικοινωνίας & Ψυχαγωγίας
PDF
Modeljeans1
PPTX
DOCX
Certificates
PDF
Ndwa leadingwith love digital journal 2012
PPTX
тэкст
PDF
Kế hoạch sơ bộ Printshop ADSangtao
PDF
European legal issues for US enterprise
PPS
Invenții în pregătire
PDF
Timetable endo
PPTX
Constructivism
PDF
Fire mapping brochure
PPTX
Presentación
PPTX
Chapter 8, objective
PPTX
Αποκτήστε 1000 ευρώ ΚΑΘΕ μήνα με το πρόγραμμα των 8 εβδομάδων!
PPTX
Refactoring product model
PPT
Sales Pipeline...Evolve What and How You Sell
PPTX
Harlem shake
PDF
La respiracion
Επιδράσεις στους ανηλίκους από τα Μέσα Μαζικής Επικοινωνίας & Ψυχαγωγίας
Modeljeans1
Certificates
Ndwa leadingwith love digital journal 2012
тэкст
Kế hoạch sơ bộ Printshop ADSangtao
European legal issues for US enterprise
Invenții în pregătire
Timetable endo
Constructivism
Fire mapping brochure
Presentación
Chapter 8, objective
Αποκτήστε 1000 ευρώ ΚΑΘΕ μήνα με το πρόγραμμα των 8 εβδομάδων!
Refactoring product model
Sales Pipeline...Evolve What and How You Sell
Harlem shake
La respiracion
Ad

Similar to HTML Lesson 1 (20)

PPT
Coding in HTML- Web development(Structure of Html)
PPTX
Module 2-Introduction to HTML (Chapter 2).pptx
PDF
1- Learn HTML Fundamentals / Start in 5 Minutes
PDF
Html Tutorial
PDF
Html tutorial
PDF
Html tutorial
PDF
PPT
HTML Intermediate
PDF
Let me design
DOCX
Htmlnotes 150323102005-conversion-gate01
PPTX
How to Create a Simple Webpage Using Notepad.pptx
PDF
PPTX
Lesson 1
PPTX
Journey To The Front End World - Part1 - The Skeleton
KEY
Class1slides
PPTX
A109 base code html
PDF
Html introduction
PDF
Html - Tutorial
PPTX
Year 8 Lesson 1 HTML Introduction GCSE OCR Computer science
PPTX
UNIT 2 presentation for the subject ITWS-01.pptx
Coding in HTML- Web development(Structure of Html)
Module 2-Introduction to HTML (Chapter 2).pptx
1- Learn HTML Fundamentals / Start in 5 Minutes
Html Tutorial
Html tutorial
Html tutorial
HTML Intermediate
Let me design
Htmlnotes 150323102005-conversion-gate01
How to Create a Simple Webpage Using Notepad.pptx
Lesson 1
Journey To The Front End World - Part1 - The Skeleton
Class1slides
A109 base code html
Html introduction
Html - Tutorial
Year 8 Lesson 1 HTML Introduction GCSE OCR Computer science
UNIT 2 presentation for the subject ITWS-01.pptx

More from TonyC445 (11)

PPTX
Hector SFM 3
PPTX
Hector SFM 1
PPTX
Hector SFM 2
PPTX
SFM Lesson 3
PPTX
SFM Lesson 2
PPTX
SFM Lesson 1
PPTX
Photoshop Lesson 3
PPTX
HTML Lesson 2
PPTX
HTML Lesson 3
PPTX
Photoshop Lesson 2
PPTX
Photoshop Lesson 1
Hector SFM 3
Hector SFM 1
Hector SFM 2
SFM Lesson 3
SFM Lesson 2
SFM Lesson 1
Photoshop Lesson 3
HTML Lesson 2
HTML Lesson 3
Photoshop Lesson 2
Photoshop Lesson 1

Recently uploaded (20)

PDF
Classroom Observation Tools for Teachers
PPTX
master seminar digital applications in india
PPTX
Cell Structure & Organelles in detailed.
PDF
TR - Agricultural Crops Production NC III.pdf
PPTX
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PDF
Mark Klimek Lecture Notes_240423 revision books _173037.pdf
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PDF
Origin of periodic table-Mendeleev’s Periodic-Modern Periodic table
PDF
Insiders guide to clinical Medicine.pdf
PDF
Business Ethics Teaching Materials for college
PDF
Anesthesia in Laparoscopic Surgery in India
PPTX
Pharma ospi slides which help in ospi learning
PDF
Pre independence Education in Inndia.pdf
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PPTX
Cell Types and Its function , kingdom of life
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PPTX
Microbial diseases, their pathogenesis and prophylaxis
Classroom Observation Tools for Teachers
master seminar digital applications in india
Cell Structure & Organelles in detailed.
TR - Agricultural Crops Production NC III.pdf
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
human mycosis Human fungal infections are called human mycosis..pptx
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
Mark Klimek Lecture Notes_240423 revision books _173037.pdf
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
FourierSeries-QuestionsWithAnswers(Part-A).pdf
Origin of periodic table-Mendeleev’s Periodic-Modern Periodic table
Insiders guide to clinical Medicine.pdf
Business Ethics Teaching Materials for college
Anesthesia in Laparoscopic Surgery in India
Pharma ospi slides which help in ospi learning
Pre independence Education in Inndia.pdf
Supply Chain Operations Speaking Notes -ICLT Program
Cell Types and Its function , kingdom of life
Abdominal Access Techniques with Prof. Dr. R K Mishra
Microbial diseases, their pathogenesis and prophylaxis

HTML Lesson 1

  • 1. Getting Started with HTML Lesson 1 By: Hector Tejada
  • 2. Objectives: • You will learn the basics the basics of html html Requirements: • Notepad
  • 3. Step 1 First you will need to open up notepad you can do this by going to start->all programs- >accessories->notepad
  • 4. Step 2 Once you have notepad open click on format and then on word warp. This will make it easier on you.
  • 5. Step 3 Start typing in <html>.HTML stands for hyper text markup language. This is known as a tag <>. The html tag is essential. Then press enter Always press enter after you done with a line. It makes the coding neater and easier to find mistakes or areas you want to edit later.
  • 6. Step 4 Once you have done that type in the head tag. The head tag is <head>.
  • 7. Step 5 Next step is to type <title> “the name of your page"</title>. That is the title tag.The forward-slash is important because it states the end of the tag
  • 8. Step 6 Alright next you type </head>. It is important to make sure you put this after the title tag
  • 9. Step 7 Next is the body tag. This is the body tag <body>. The body tag is where you type in the things you want on your website.
  • 10. Step 8 If you want to make paragraphs. You will need to use the <p> tag.
  • 11. Step 9 After you have everything you want in the body you will need to use the end tag. The end consist of the regular tag with a slash. For example </body>
  • 12. Step 10 This is an important step. After you are done with the body you will need to end the html. To do this you will need to use the </html> tag.
  • 13. Step 9 After you have everything you want in the body you will need to use the end tag. The end consist of the regular tag with a slash. For example </body>
  • 14. Conclusion You should be able to: • Make a title • Make a body • Make paragraphs • Use tags properly • Know the difference between a end tag and a regular tag
  • 15. Assessment Now its time for a review. I want you to create a basic website using what you have learn. Requirements:  Must be a fully functions website  Must have paragraphs