SlideShare a Scribd company logo
1 of 11
S1WEB
DEVELOPMENTIntroduction to HTML
Learning Intentions
In this lesson, you will be able to:
■ Describe whatWWW and URL stand for
■ Describe what HTML is
■ Use HTML tags to create simple web pages
■ Modify HTML tags using styling to improve the appearance of web pages
WWW and URL
■ WWW –WorldWideWeb, the part of the Internet that displays web pages.
■ URL – Uniform Resource Locator, the web address for a webpage.
What is aWeb Browser?
■ AWeb Browser is a software program which is used to show web pages.
HTML
■ HTML or HyperText Mark-up Language is used to create web pages.
What is HTML?
■ HTML is code written inside tags < > that allow you to display information and pictures
on a web page.
■ Each tag has a beginning < > and an end </> tag. For Example:
■ Beginning <html> End </html>
■ Each HTML tag is used to describe different parts of a web page.
Notepad
■ HTML is written using the application Notepad:
■ <!DOCTYPE html> - Is used to declare your document is used to create a web page.
■ We put this at the beginning of every HTML document we create.
From Notepad toWeb Page
■ Once you have written your HTML code, we need to save it.
■ Each HTML document is saved as .html
■ So when we open the document again, it will open in a web browser and show us the
webpage we created.
Tag Meanings
■ <html> .... </html> HyperText Markup Language.
■ <head> .... </head> The header which appears as a title in the tab.
■ <title> .... </title> The title of the document.
■ <h1>………. </h1> The heading which appears at the top of the page.
■ <body> …..</body> All other content in the HTML document.
■ ALWAYS OPEN ANDCLOSE ALLTAGS!
PlenaryTask – KahootTime!
■ https://create.kahoot.it/share/html-basics/3ba0fff9-7dcc-4ec1-9caa-e67993718ad4
SuccessCriteria
After this series of lessons, I can:
■ Describe whatWWW and URL stand for
■ Describe what HTML is
■ Use HTML tags to create simple web pages
■ Modify HTML tags using styling to improve the appearance of web pages

More Related Content

What's hot

What's hot (20)

Steve Barman - CSS and WordPress
Steve Barman - CSS and WordPressSteve Barman - CSS and WordPress
Steve Barman - CSS and WordPress
 
Canonicalisation
CanonicalisationCanonicalisation
Canonicalisation
 
Coldfusion with Keith Diehl
Coldfusion with Keith DiehlColdfusion with Keith Diehl
Coldfusion with Keith Diehl
 
Artdm171 Week2: History of the Web
Artdm171 Week2: History of the WebArtdm171 Week2: History of the Web
Artdm171 Week2: History of the Web
 
Intro to front end development Basic
Intro to front end development BasicIntro to front end development Basic
Intro to front end development Basic
 
Creating a Wordpress Theme from Scratch
Creating a Wordpress Theme from ScratchCreating a Wordpress Theme from Scratch
Creating a Wordpress Theme from Scratch
 
Joomla Beginner Template Presentation
Joomla Beginner Template PresentationJoomla Beginner Template Presentation
Joomla Beginner Template Presentation
 
html & css
html & css html & css
html & css
 
Css intro
Css introCss intro
Css intro
 
Wordpress Workshop: Session One
Wordpress Workshop: Session OneWordpress Workshop: Session One
Wordpress Workshop: Session One
 
Html part 2
Html part 2Html part 2
Html part 2
 
Developing word press professionally
Developing word press professionallyDeveloping word press professionally
Developing word press professionally
 
Web design basics 1
Web design basics 1Web design basics 1
Web design basics 1
 
WordPress 101
WordPress 101WordPress 101
WordPress 101
 
Week7 assignment c
Week7 assignment cWeek7 assignment c
Week7 assignment c
 
Lecture2 CSS1
Lecture2  CSS1Lecture2  CSS1
Lecture2 CSS1
 
Introduction to CSS
Introduction to CSSIntroduction to CSS
Introduction to CSS
 
Upstate CSCI 450 WebDev Chapter 3
Upstate CSCI 450 WebDev Chapter 3Upstate CSCI 450 WebDev Chapter 3
Upstate CSCI 450 WebDev Chapter 3
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Dream weaver
Dream weaverDream weaver
Dream weaver
 

Similar to S1 Web Development

Web designp pt
Web designp ptWeb designp pt
Web designp ptBizzyb09
 
HYPER TEXT MARKUP LANGUAGE BASIC LESSONS
HYPER TEXT MARKUP LANGUAGE BASIC LESSONSHYPER TEXT MARKUP LANGUAGE BASIC LESSONS
HYPER TEXT MARKUP LANGUAGE BASIC LESSONSdivyajohnisg
 
HTML, HTML5,HTML,CSS How To Make Your Own Website
HTML, HTML5,HTML,CSS How To Make Your Own Website HTML, HTML5,HTML,CSS How To Make Your Own Website
HTML, HTML5,HTML,CSS How To Make Your Own Website Er. Rahul Jain
 
Hyper Text Marup Language
Hyper Text Marup LanguageHyper Text Marup Language
Hyper Text Marup LanguageAniketPujari
 
Lesson 1: Introduction to HTML
Lesson 1: Introduction to HTMLLesson 1: Introduction to HTML
Lesson 1: Introduction to HTMLOlivia Moran
 
1 introduction to html
1 introduction to html1 introduction to html
1 introduction to htmlmyrajendra
 
How the Web Works Using HTML
How the Web Works Using HTMLHow the Web Works Using HTML
How the Web Works Using HTMLMarlon Jamera
 
EmpTech Lesson 8 - Basic Web Page Creation
EmpTech Lesson 8 - Basic Web Page CreationEmpTech Lesson 8 - Basic Web Page Creation
EmpTech Lesson 8 - Basic Web Page Creationliera silvan
 
Ankit (221348051) BCA-Aiml.pptx
Ankit (221348051) BCA-Aiml.pptxAnkit (221348051) BCA-Aiml.pptx
Ankit (221348051) BCA-Aiml.pptxHKShab
 
Drupal7 Theming session on the occassion of Drupal7 release party in Delhi NCR
Drupal7 Theming session on the occassion of  Drupal7 release party in Delhi NCRDrupal7 Theming session on the occassion of  Drupal7 release party in Delhi NCR
Drupal7 Theming session on the occassion of Drupal7 release party in Delhi NCRGaurav Mishra
 

Similar to S1 Web Development (20)

introdution-to-html.ppt
introdution-to-html.pptintrodution-to-html.ppt
introdution-to-html.ppt
 
Web designp pt
Web designp ptWeb designp pt
Web designp pt
 
HYPER TEXT MARKUP LANGUAGE BASIC LESSONS
HYPER TEXT MARKUP LANGUAGE BASIC LESSONSHYPER TEXT MARKUP LANGUAGE BASIC LESSONS
HYPER TEXT MARKUP LANGUAGE BASIC LESSONS
 
HTML, HTML5,HTML,CSS How To Make Your Own Website
HTML, HTML5,HTML,CSS How To Make Your Own Website HTML, HTML5,HTML,CSS How To Make Your Own Website
HTML, HTML5,HTML,CSS How To Make Your Own Website
 
Hyper Text Marup Language
Hyper Text Marup LanguageHyper Text Marup Language
Hyper Text Marup Language
 
Lesson 1: Introduction to HTML
Lesson 1: Introduction to HTMLLesson 1: Introduction to HTML
Lesson 1: Introduction to HTML
 
1 introduction to html
1 introduction to html1 introduction to html
1 introduction to html
 
HTML 5 Tutorial
HTML 5 TutorialHTML 5 Tutorial
HTML 5 Tutorial
 
Html and its tags
Html and its tagsHtml and its tags
Html and its tags
 
What is html
What is htmlWhat is html
What is html
 
How the Web Works Using HTML
How the Web Works Using HTMLHow the Web Works Using HTML
How the Web Works Using HTML
 
HTML & CSS.ppt
HTML & CSS.pptHTML & CSS.ppt
HTML & CSS.ppt
 
Lesson 1
Lesson 1Lesson 1
Lesson 1
 
Web development basics
Web development basicsWeb development basics
Web development basics
 
EmpTech Lesson 8 - Basic Web Page Creation
EmpTech Lesson 8 - Basic Web Page CreationEmpTech Lesson 8 - Basic Web Page Creation
EmpTech Lesson 8 - Basic Web Page Creation
 
Html basic
Html basicHtml basic
Html basic
 
Handout1 intro to html
Handout1 intro to htmlHandout1 intro to html
Handout1 intro to html
 
Ankit (221348051) BCA-Aiml.pptx
Ankit (221348051) BCA-Aiml.pptxAnkit (221348051) BCA-Aiml.pptx
Ankit (221348051) BCA-Aiml.pptx
 
Html grade 11
Html grade 11Html grade 11
Html grade 11
 
Drupal7 Theming session on the occassion of Drupal7 release party in Delhi NCR
Drupal7 Theming session on the occassion of  Drupal7 release party in Delhi NCRDrupal7 Theming session on the occassion of  Drupal7 release party in Delhi NCR
Drupal7 Theming session on the occassion of Drupal7 release party in Delhi NCR
 

More from SabahtHussein

More from SabahtHussein (20)

S3 HTML Hyperlinks and Images
S3 HTML Hyperlinks and ImagesS3 HTML Hyperlinks and Images
S3 HTML Hyperlinks and Images
 
S3 HTML Lists and Tables
S3 HTML Lists and TablesS3 HTML Lists and Tables
S3 HTML Lists and Tables
 
S3 HTML Structure and Formatting
S3 HTML Structure and FormattingS3 HTML Structure and Formatting
S3 HTML Structure and Formatting
 
S3 HTML Introduction
S3 HTML IntroductionS3 HTML Introduction
S3 HTML Introduction
 
S1 Programming Lesson 1
S1 Programming Lesson 1S1 Programming Lesson 1
S1 Programming Lesson 1
 
Video Games Development
Video Games DevelopmentVideo Games Development
Video Games Development
 
S2 Data Types
S2 Data TypesS2 Data Types
S2 Data Types
 
Introduction to Pseudocode
Introduction to PseudocodeIntroduction to Pseudocode
Introduction to Pseudocode
 
S3 SQL
S3 SQLS3 SQL
S3 SQL
 
Query Design
Query DesignQuery Design
Query Design
 
SQL PT
SQL PTSQL PT
SQL PT
 
Query design
Query designQuery design
Query design
 
S3 Field Types
S3 Field TypesS3 Field Types
S3 Field Types
 
Testing a Database
Testing a DatabaseTesting a Database
Testing a Database
 
Testing a Database
Testing a DatabaseTesting a Database
Testing a Database
 
Database Testing and Evaluation
Database Testing and EvaluationDatabase Testing and Evaluation
Database Testing and Evaluation
 
DPA and GDPR
DPA and GDPRDPA and GDPR
DPA and GDPR
 
Database Analysis
Database AnalysisDatabase Analysis
Database Analysis
 
Database Analysis
Database AnalysisDatabase Analysis
Database Analysis
 
Green technology
Green technologyGreen technology
Green technology
 

Recently uploaded

Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application ) Sakshi Ghasle
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting DataJhengPantaleon
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentInMediaRes1
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionSafetyChain Software
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxRoyAbrique
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxpboyjonauth
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17Celine George
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
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
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesFatimaKhan178732
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Educationpboyjonauth
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsanshu789521
 

Recently uploaded (20)

Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application )
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media Component
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory Inspection
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
 
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
 
Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
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
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha elections
 

S1 Web Development

  • 2. Learning Intentions In this lesson, you will be able to: ■ Describe whatWWW and URL stand for ■ Describe what HTML is ■ Use HTML tags to create simple web pages ■ Modify HTML tags using styling to improve the appearance of web pages
  • 3. WWW and URL ■ WWW –WorldWideWeb, the part of the Internet that displays web pages. ■ URL – Uniform Resource Locator, the web address for a webpage.
  • 4. What is aWeb Browser? ■ AWeb Browser is a software program which is used to show web pages.
  • 5. HTML ■ HTML or HyperText Mark-up Language is used to create web pages.
  • 6. What is HTML? ■ HTML is code written inside tags < > that allow you to display information and pictures on a web page. ■ Each tag has a beginning < > and an end </> tag. For Example: ■ Beginning <html> End </html> ■ Each HTML tag is used to describe different parts of a web page.
  • 7. Notepad ■ HTML is written using the application Notepad: ■ <!DOCTYPE html> - Is used to declare your document is used to create a web page. ■ We put this at the beginning of every HTML document we create.
  • 8. From Notepad toWeb Page ■ Once you have written your HTML code, we need to save it. ■ Each HTML document is saved as .html ■ So when we open the document again, it will open in a web browser and show us the webpage we created.
  • 9. Tag Meanings ■ <html> .... </html> HyperText Markup Language. ■ <head> .... </head> The header which appears as a title in the tab. ■ <title> .... </title> The title of the document. ■ <h1>………. </h1> The heading which appears at the top of the page. ■ <body> …..</body> All other content in the HTML document. ■ ALWAYS OPEN ANDCLOSE ALLTAGS!
  • 10. PlenaryTask – KahootTime! ■ https://create.kahoot.it/share/html-basics/3ba0fff9-7dcc-4ec1-9caa-e67993718ad4
  • 11. SuccessCriteria After this series of lessons, I can: ■ Describe whatWWW and URL stand for ■ Describe what HTML is ■ Use HTML tags to create simple web pages ■ Modify HTML tags using styling to improve the appearance of web pages