SlideShare a Scribd company logo
1 of 6
Spiderman ©Marvel
Creating Web
Pages (part 1)
Learning Objective:
Learning Outcomes:
Understand how HTML is laid out and
which components are required to make a
webpage.
 GOOD: Select and use a suitable
heading type and add some basic
information in a paragraph.
 BEST: Add a range of appropriate
information and an image to the page.
 BETTER: Use advanced features like
image attributes, Hexadecimal colour &
Hyperlinks
K E Y W O R D S
HTML
(Hyper Text Markup Language)
~
tags
~
head
~
body
~
indent
What is HTML?
One of the main languages of the Web:
 HTML
CSS
JavaScript
HTML defines the content.
CSS defines the appearance. (we’ll look at this next
lesson.)
JavaScript defines the behaviour.
How is HTML Written?
HTML is made up of open and close tags
with content in the middle. Here are some
examples:
 <html> </html>
 <title> This is my title </title>
 <body>All the main content goes
here</body>
 <img> (one of a few tags to have no closing tag)
 <a> </a>

More Related Content

What's hot

Module 2 Lesson 1
Module 2 Lesson 1Module 2 Lesson 1
Module 2 Lesson 1
claytors
 

What's hot (20)

Html programing
Html programingHtml programing
Html programing
 
Html
Html Html
Html
 
Introduction to basic HTML [Librarian edition]
Introduction to basic HTML [Librarian edition]Introduction to basic HTML [Librarian edition]
Introduction to basic HTML [Librarian edition]
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
 
HTML Text formatting tags
HTML Text formatting tagsHTML Text formatting tags
HTML Text formatting tags
 
How to create basic webpage
How to create basic webpageHow to create basic webpage
How to create basic webpage
 
M02 un04 p01
M02 un04 p01M02 un04 p01
M02 un04 p01
 
Html introduction by ikram niaz
Html introduction by ikram niazHtml introduction by ikram niaz
Html introduction by ikram niaz
 
HTML Lesson 1
HTML Lesson 1HTML Lesson 1
HTML Lesson 1
 
Adding text in html
Adding text in htmlAdding text in html
Adding text in html
 
Html - Tutorial
Html - TutorialHtml - Tutorial
Html - Tutorial
 
Learn html in 30mins
Learn html in 30minsLearn html in 30mins
Learn html in 30mins
 
Basic html tags
Basic html tagsBasic html tags
Basic html tags
 
Introduction to PHP - Slide 1
Introduction to PHP - Slide 1 Introduction to PHP - Slide 1
Introduction to PHP - Slide 1
 
HTML
HTMLHTML
HTML
 
HTML to FTP
HTML to FTPHTML to FTP
HTML to FTP
 
Formatting Tags & Creating Html Page
Formatting Tags & Creating Html PageFormatting Tags & Creating Html Page
Formatting Tags & Creating Html Page
 
Module 2 Lesson 1
Module 2 Lesson 1Module 2 Lesson 1
Module 2 Lesson 1
 
Basics of HTML 5 for Beginners
Basics of HTML 5 for Beginners Basics of HTML 5 for Beginners
Basics of HTML 5 for Beginners
 
Dynamic html (#1)
Dynamic  html (#1)Dynamic  html (#1)
Dynamic html (#1)
 

Viewers also liked

Mdma synthesis
Mdma synthesisMdma synthesis
Mdma synthesis
Cody Nos
 
A high-capacity lithium-air battery with Pd modified carbon nanotube sponge c...
A high-capacity lithium-air battery with Pd modified carbon nanotube sponge c...A high-capacity lithium-air battery with Pd modified carbon nanotube sponge c...
A high-capacity lithium-air battery with Pd modified carbon nanotube sponge c...
liaoss
 
Downloading tor and getting to the silk road
Downloading tor and getting to the silk roadDownloading tor and getting to the silk road
Downloading tor and getting to the silk road
Cody Nos
 
Meals and meal times
Meals and meal timesMeals and meal times
Meals and meal times
Emera1d
 
THE PRODUCTION OF SILK
THE PRODUCTION OF SILKTHE PRODUCTION OF SILK
THE PRODUCTION OF SILK
lakshey sharma
 
Livro brady & huminston - química geral vol.1
Livro   brady & huminston - química geral vol.1Livro   brady & huminston - química geral vol.1
Livro brady & huminston - química geral vol.1
Mariana Pinheiro
 

Viewers also liked (18)

#IsoleInRete - Social Media e Facebook Marketing - Isole in Rete, Cagliari
#IsoleInRete - Social Media e Facebook Marketing - Isole in Rete, Cagliari#IsoleInRete - Social Media e Facebook Marketing - Isole in Rete, Cagliari
#IsoleInRete - Social Media e Facebook Marketing - Isole in Rete, Cagliari
 
εργασία στη φυση! νουμερο 2
εργασία στη φυση! νουμερο 2εργασία στη φυση! νουμερο 2
εργασία στη φυση! νουμερο 2
 
Mdma synthesis
Mdma synthesisMdma synthesis
Mdma synthesis
 
A high-capacity lithium-air battery with Pd modified carbon nanotube sponge c...
A high-capacity lithium-air battery with Pd modified carbon nanotube sponge c...A high-capacity lithium-air battery with Pd modified carbon nanotube sponge c...
A high-capacity lithium-air battery with Pd modified carbon nanotube sponge c...
 
παρουσίαση1
παρουσίαση1παρουσίαση1
παρουσίαση1
 
Environment
EnvironmentEnvironment
Environment
 
Web htmlt2
Web   htmlt2Web   htmlt2
Web htmlt2
 
Downloading tor and getting to the silk road
Downloading tor and getting to the silk roadDownloading tor and getting to the silk road
Downloading tor and getting to the silk road
 
Céng hoµ 1
Céng hoµ 1Céng hoµ 1
Céng hoµ 1
 
Strumenti per fare Marketing con i Social Media
Strumenti per fare Marketing con i Social MediaStrumenti per fare Marketing con i Social Media
Strumenti per fare Marketing con i Social Media
 
Meals and meal times
Meals and meal timesMeals and meal times
Meals and meal times
 
Project presentation
Project presentationProject presentation
Project presentation
 
Islamic Cards project
Islamic Cards project Islamic Cards project
Islamic Cards project
 
THE PRODUCTION OF SILK
THE PRODUCTION OF SILKTHE PRODUCTION OF SILK
THE PRODUCTION OF SILK
 
The seven ages
The seven agesThe seven ages
The seven ages
 
Work,life and leisure
Work,life and leisureWork,life and leisure
Work,life and leisure
 
Electrical components and circuits
Electrical components and circuitsElectrical components and circuits
Electrical components and circuits
 
Livro brady & huminston - química geral vol.1
Livro   brady & huminston - química geral vol.1Livro   brady & huminston - química geral vol.1
Livro brady & huminston - química geral vol.1
 

Similar to Web html1

web development.pdf
web development.pdfweb development.pdf
web development.pdf
BagHarki
 

Similar to Web html1 (20)

Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Appdev appdev appdev app devAPPDEV 1.2.pptx
Appdev appdev appdev app devAPPDEV 1.2.pptxAppdev appdev appdev app devAPPDEV 1.2.pptx
Appdev appdev appdev app devAPPDEV 1.2.pptx
 
Html, css and jquery introduction
Html, css and jquery introductionHtml, css and jquery introduction
Html, css and jquery introduction
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
AttributesL3.pptx
AttributesL3.pptxAttributesL3.pptx
AttributesL3.pptx
 
Module 1 - Introduction to HTML.pdf
Module 1 - Introduction to HTML.pdfModule 1 - Introduction to HTML.pdf
Module 1 - Introduction to HTML.pdf
 
Workshop 2 Slides.pptx
Workshop 2 Slides.pptxWorkshop 2 Slides.pptx
Workshop 2 Slides.pptx
 
Week 2-intro-html
Week 2-intro-htmlWeek 2-intro-html
Week 2-intro-html
 
HTML Basics 1 workshop
HTML Basics 1 workshopHTML Basics 1 workshop
HTML Basics 1 workshop
 
Introduction to Html5, css, Javascript and Jquery
Introduction to Html5, css, Javascript and JqueryIntroduction to Html5, css, Javascript and Jquery
Introduction to Html5, css, Javascript and Jquery
 
Web development Training in Ambala ! Batra Computer Centre
Web development Training in Ambala ! Batra Computer CentreWeb development Training in Ambala ! Batra Computer Centre
Web development Training in Ambala ! Batra Computer Centre
 
Bootcamp - Web Development Session 2
Bootcamp - Web Development Session 2Bootcamp - Web Development Session 2
Bootcamp - Web Development Session 2
 
web development.pdf
web development.pdfweb development.pdf
web development.pdf
 
Html & Html5 from scratch
Html & Html5 from scratchHtml & Html5 from scratch
Html & Html5 from scratch
 
HTML Tutorial
HTML TutorialHTML Tutorial
HTML Tutorial
 
Introduction to html fundamental concepts
Introduction to html fundamental conceptsIntroduction to html fundamental concepts
Introduction to html fundamental concepts
 
Tm 1st quarter - 1st meeting
Tm   1st quarter - 1st meetingTm   1st quarter - 1st meeting
Tm 1st quarter - 1st meeting
 

Recently uploaded

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Recently uploaded (20)

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Introduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMIntroduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDM
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
AI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by Anitaraj
 
JohnPollard-hybrid-app-RailsConf2024.pptx
JohnPollard-hybrid-app-RailsConf2024.pptxJohnPollard-hybrid-app-RailsConf2024.pptx
JohnPollard-hybrid-app-RailsConf2024.pptx
 
Simplifying Mobile A11y Presentation.pptx
Simplifying Mobile A11y Presentation.pptxSimplifying Mobile A11y Presentation.pptx
Simplifying Mobile A11y Presentation.pptx
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
Choreo: Empowering the Future of Enterprise Software Engineering
Choreo: Empowering the Future of Enterprise Software EngineeringChoreo: Empowering the Future of Enterprise Software Engineering
Choreo: Empowering the Future of Enterprise Software Engineering
 
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Navigating Identity and Access Management in the Modern Enterprise
Navigating Identity and Access Management in the Modern EnterpriseNavigating Identity and Access Management in the Modern Enterprise
Navigating Identity and Access Management in the Modern Enterprise
 

Web html1

  • 2. Learning Objective: Learning Outcomes: Understand how HTML is laid out and which components are required to make a webpage.  GOOD: Select and use a suitable heading type and add some basic information in a paragraph.  BEST: Add a range of appropriate information and an image to the page.  BETTER: Use advanced features like image attributes, Hexadecimal colour & Hyperlinks
  • 3. K E Y W O R D S HTML (Hyper Text Markup Language) ~ tags ~ head ~ body ~ indent
  • 4.
  • 5. What is HTML? One of the main languages of the Web:  HTML CSS JavaScript HTML defines the content. CSS defines the appearance. (we’ll look at this next lesson.) JavaScript defines the behaviour.
  • 6. How is HTML Written? HTML is made up of open and close tags with content in the middle. Here are some examples:  <html> </html>  <title> This is my title </title>  <body>All the main content goes here</body>  <img> (one of a few tags to have no closing tag)  <a> </a>