SlideShare a Scribd company logo
1 of 15
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

What's hot

Html review with notes
Html review with notesHtml review with notes
Html review with notes
Tina Abbott
 

What's hot (20)

Basic HTML
Basic HTMLBasic HTML
Basic HTML
 
What is HTML - An Introduction to HTML (Hypertext Markup Language)
What is HTML - An Introduction to HTML (Hypertext Markup Language)What is HTML - An Introduction to HTML (Hypertext Markup Language)
What is HTML - An Introduction to HTML (Hypertext Markup Language)
 
Html lesson1 5
Html lesson1 5Html lesson1 5
Html lesson1 5
 
Week 4 Lecture Part 2
Week 4 Lecture Part 2Week 4 Lecture Part 2
Week 4 Lecture Part 2
 
Introduction To HTML
Introduction To HTMLIntroduction To HTML
Introduction To HTML
 
Week 4 Lecture Part 1
Week 4 Lecture Part 1Week 4 Lecture Part 1
Week 4 Lecture Part 1
 
HTML CSS and Web Development
HTML CSS and Web DevelopmentHTML CSS and Web Development
HTML CSS and Web Development
 
Lesson 1: Introduction to HTML
Lesson 1: Introduction to HTMLLesson 1: Introduction to HTML
Lesson 1: Introduction to HTML
 
Week 5 Lecture
Week 5 LectureWeek 5 Lecture
Week 5 Lecture
 
How to update HTML files
How to update HTML filesHow to update HTML files
How to update HTML files
 
Internal
InternalInternal
Internal
 
Html For Bloggers
Html For BloggersHtml For Bloggers
Html For Bloggers
 
Learning Html
Learning HtmlLearning Html
Learning Html
 
Learn html in 30mins
Learn html in 30minsLearn html in 30mins
Learn html in 30mins
 
Artistic Web Applications - Week3 - Part 1
Artistic Web Applications - Week3 - Part 1Artistic Web Applications - Week3 - Part 1
Artistic Web Applications - Week3 - Part 1
 
Web development basics
Web development basicsWeb development basics
Web development basics
 
Basic Webpage
Basic WebpageBasic Webpage
Basic Webpage
 
Web design 101
Web design 101Web design 101
Web design 101
 
Presentation
PresentationPresentation
Presentation
 
Html review with notes
Html review with notesHtml review with notes
Html review with notes
 

Viewers also liked

Modeljeans1
Modeljeans1Modeljeans1
Modeljeans1
yolimary
 
European legal issues for US enterprise
European legal issues for US enterpriseEuropean legal issues for US enterprise
European legal issues for US enterprise
Rob Blamires
 
Invenții în pregătire
Invenții în pregătireInvenții în pregătire
Invenții în pregătire
Frumoasa Verde
 
Fire mapping brochure
Fire mapping brochureFire mapping brochure
Fire mapping brochure
MazRio Sekayu
 

Viewers also liked (19)

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

Similar to HTML Lesson 1

HTML Intermediate
HTML IntermediateHTML Intermediate
HTML Intermediate
c525600
 
HYPER TEXT MARKUP LANGUAGE BASIC LESSONS
HYPER TEXT MARKUP LANGUAGE BASIC LESSONSHYPER TEXT MARKUP LANGUAGE BASIC LESSONS
HYPER TEXT MARKUP LANGUAGE BASIC LESSONS
divyajohnisg
 

Similar to HTML Lesson 1 (20)

1- Learn HTML Fundamentals / Start in 5 Minutes
1- Learn HTML Fundamentals / Start in 5 Minutes1- Learn HTML Fundamentals / Start in 5 Minutes
1- Learn HTML Fundamentals / Start in 5 Minutes
 
Html Tutorial
Html Tutorial Html Tutorial
Html Tutorial
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
HTML Intermediate
HTML IntermediateHTML Intermediate
HTML Intermediate
 
Let me design
Let me designLet me design
Let me design
 
Htmlnotes 150323102005-conversion-gate01
Htmlnotes 150323102005-conversion-gate01Htmlnotes 150323102005-conversion-gate01
Htmlnotes 150323102005-conversion-gate01
 
How to Create a Simple Webpage Using Notepad.pptx
How to Create a Simple Webpage Using Notepad.pptxHow to Create a Simple Webpage Using Notepad.pptx
How to Create a Simple Webpage Using Notepad.pptx
 
Notes4
Notes4Notes4
Notes4
 
Lesson 1
Lesson 1Lesson 1
Lesson 1
 
Journey To The Front End World - Part1 - The Skeleton
Journey To The Front End World - Part1 - The SkeletonJourney To The Front End World - Part1 - The Skeleton
Journey To The Front End World - Part1 - The Skeleton
 
Class1slides
Class1slidesClass1slides
Class1slides
 
A109 base code html
A109 base code   htmlA109 base code   html
A109 base code html
 
Html introduction
Html introductionHtml introduction
Html introduction
 
Html - Tutorial
Html - TutorialHtml - Tutorial
Html - Tutorial
 
Handout1 intro to html
Handout1 intro to htmlHandout1 intro to html
Handout1 intro to html
 
HTML 5 Tutorial
HTML 5 TutorialHTML 5 Tutorial
HTML 5 Tutorial
 
Basic Html Notes
Basic Html NotesBasic Html Notes
Basic Html Notes
 
HYPER TEXT MARKUP LANGUAGE BASIC LESSONS
HYPER TEXT MARKUP LANGUAGE BASIC LESSONSHYPER TEXT MARKUP LANGUAGE BASIC LESSONS
HYPER TEXT MARKUP LANGUAGE BASIC LESSONS
 

More from TonyC445

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

More from TonyC445 (11)

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

Recently uploaded

Recently uploaded (20)

Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 

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