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 (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

Επιδράσεις στους ανηλίκους από τα Μέσα Μαζικής Επικοινωνίας & Ψυχαγωγίας
 Επιδράσεις στους  ανηλίκους από τα Μέσα Μαζικής Επικοινωνίας & Ψυχαγωγίας Επιδράσεις στους  ανηλίκους από τα Μέσα Μαζικής Επικοινωνίας & Ψυχαγωγίας
Επιδράσεις στους ανηλίκους από τα Μέσα Μαζικής Επικοινωνίας & ΨυχαγωγίαςPAVLISFOUNDATION
 
Modeljeans1
Modeljeans1Modeljeans1
Modeljeans1yolimary
 
тэкст
тэксттэкст
тэкстSokol194
 
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 ADSangtaoMaru Lord
 
European legal issues for US enterprise
European legal issues for US enterpriseEuropean legal issues for US enterprise
European legal issues for US enterpriseRob Blamires
 
Invenții în pregătire
Invenții în pregătireInvenții în pregătire
Invenții în pregătireFrumoasa Verde
 
Constructivism
ConstructivismConstructivism
Constructivismwmjennings
 
Fire mapping brochure
Fire mapping brochureFire mapping brochure
Fire mapping brochureMazRio Sekayu
 
Αποκτήστε 1000 ευρώ ΚΑΘΕ μήνα με το πρόγραμμα των 8 εβδομάδων!
Αποκτήστε 1000 ευρώ ΚΑΘΕ μήνα με το πρόγραμμα των 8 εβδομάδων!Αποκτήστε 1000 ευρώ ΚΑΘΕ μήνα με το πρόγραμμα των 8 εβδομάδων!
Αποκτήστε 1000 ευρώ ΚΑΘΕ μήνα με το πρόγραμμα των 8 εβδομάδων!Studio1542
 
Refactoring product model
Refactoring product modelRefactoring product model
Refactoring product modelPaul Coia
 
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 SellChristopher Kappes
 

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

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 MinutesIn a Rocket
 
HTML Intermediate
HTML IntermediateHTML Intermediate
HTML Intermediatec525600
 
Htmlnotes 150323102005-conversion-gate01
Htmlnotes 150323102005-conversion-gate01Htmlnotes 150323102005-conversion-gate01
Htmlnotes 150323102005-conversion-gate01Niraj Bharambe
 
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.pptxminhanaa21
 
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 SkeletonIrfan Maulana
 
Html introduction
Html introductionHtml introduction
Html introductionRanjithaM32
 
Basic Html Notes
Basic Html NotesBasic Html Notes
Basic Html NotesNextGenr
 
HYPER TEXT MARKUP LANGUAGE BASIC LESSONS
HYPER TEXT MARKUP LANGUAGE BASIC LESSONSHYPER TEXT MARKUP LANGUAGE BASIC LESSONS
HYPER TEXT MARKUP LANGUAGE BASIC LESSONSdivyajohnisg
 

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 3TonyC445
 
Hector SFM 1
Hector SFM 1Hector SFM 1
Hector SFM 1TonyC445
 
Hector SFM 2
Hector SFM 2Hector SFM 2
Hector SFM 2TonyC445
 
SFM Lesson 3
SFM Lesson 3SFM Lesson 3
SFM Lesson 3TonyC445
 
SFM Lesson 2
SFM Lesson 2SFM Lesson 2
SFM Lesson 2TonyC445
 
SFM Lesson 1
SFM Lesson 1SFM Lesson 1
SFM Lesson 1TonyC445
 
Photoshop Lesson 3
Photoshop Lesson 3Photoshop Lesson 3
Photoshop Lesson 3TonyC445
 
HTML Lesson 2
HTML Lesson 2HTML Lesson 2
HTML Lesson 2TonyC445
 
HTML Lesson 3
HTML Lesson 3HTML Lesson 3
HTML Lesson 3TonyC445
 
Photoshop Lesson 2
Photoshop Lesson 2Photoshop Lesson 2
Photoshop Lesson 2TonyC445
 
Photoshop Lesson 1
Photoshop Lesson 1Photoshop Lesson 1
Photoshop Lesson 1TonyC445
 

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

Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfchloefrazer622
 
9548086042 for call girls in Indira Nagar with room service
9548086042  for call girls in Indira Nagar  with room service9548086042  for call girls in Indira Nagar  with room service
9548086042 for call girls in Indira Nagar with room servicediscovermytutordmt
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfagholdier
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsTechSoup
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 

Recently uploaded (20)

Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdf
 
9548086042 for call girls in Indira Nagar with room service
9548086042  for call girls in Indira Nagar  with room service9548086042  for call girls in Indira Nagar  with room service
9548086042 for call girls in Indira Nagar with room service
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 

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