SlideShare ist ein Scribd-Unternehmen logo
1 von 14
WHAT’S GOOD FOR YOU TO KNOW FOR
NOW?
•WHAT IS HTML?
•WHAT IS AN HTML EDITOR?
•HTML SYNTAX
•BASIC HTML TAGS
•BASIC TEXT AND TEXT
FORMATTING
•STRUCTURE OF A SIMPLE HTML
PAGE
GT MABENA 2
IF PEOPLE TALK, THEN WHAT
DO COMPUTERS DO?
GT MABENA 3
A METAPHOR FOR HTML:
•IN THE SAME WAY THAT PEOPLE TALK/ COMMUNICATE, BE
IT TWO PEOPLE OR A GROUP; COMPUTERS NEED TO DO
THE SAME. THEY CONNECT (THROUGH A NETWORK) AND
AS A RESULT FORM OR ACHIEVE THEIR COMMUNICATION.
GT MABENA 4
WWW…
•THE CONNECTED (MULTIPLE) NETWORKS ARE
WWW’S (WORLD WIDE WEBS)
GT MABENA 5
…
•THESE ARE FORMED BY WEB SITES WHICH ARE
MADE UP OF OR ARE FORMED THROUGH THE
COMBINATION OF MULTIPLE CONNECTED WEB
PAGES.
GT MABENA 6
A POSSIBLE CYCLE?
HTML
Web
page/s
Website/s
www
GT MABENA 7
WHAT IS HTML?
•HTML (HYPERTEXT MARKUP LANGUAGE) IS THE
LANGUAGE SPOKEN BY WEB PAGES IN ORDER FOR
THEM TO BE WHAT THEY ARE AND DO WHAT THEY
DO.
GT MABENA 8
HTML LINGO/ ELEMENTS
•<HTML> </HTML>
•<HEAD> </HEAD>
•<TITLE> </TITLE>
•<BODY></BODY>
•<P> </P>
GT MABENA 9
AN EXAMPLE IN THE REAL WORLD?
•WWW… LET’S SEE IF WE CAN’T FIND ANYTHING
ONLINE
GT MABENA 10
IMPORTANT TERMS AND CONCEPTS:
•PG. 359
•END TAG
•HTML (HYPERTEXT MARKUP
LANGUAGE)
•HTML ELEMENT
•MARKUP LANGUAGE
•MARKUP TAGS
•START TAG
•TEXT FILE
GT MABENA 11
FOR A PRIZE…
•LIST 9 HTML TAGS/ ELEMENTS AND
MENTION WHAT PURPOSE THEY
SERVE.
GT MABENA 12
1 MORE PRIZE…
•WHAT KIND OF LANGUAGE DO WEB BROWSERS
UNDERSTAND AND “SPEAK” ?
GT MABENA 13
CLASS ACTIVITY!
•PG. 360
•PLEASE COMPLETE THIS ACTIVITY IN YOUR
WORKBOOKS.
THANK YOU!
GT MABENA 14

Weitere ähnliche Inhalte

Andere mochten auch

CommonJS Everywhere (Wakanday 2011)
CommonJS Everywhere (Wakanday 2011)CommonJS Everywhere (Wakanday 2011)
CommonJS Everywhere (Wakanday 2011)cadorn
 
[@NaukriEngineering] CSS4 Selectors – Part 1
[@NaukriEngineering] CSS4 Selectors – Part 1[@NaukriEngineering] CSS4 Selectors – Part 1
[@NaukriEngineering] CSS4 Selectors – Part 1Naukri.com
 
Creating Lifelike Designs with CSS3
Creating Lifelike Designs with CSS3Creating Lifelike Designs with CSS3
Creating Lifelike Designs with CSS3Meagan Fisher
 
Cloud App Develop
Cloud App DevelopCloud App Develop
Cloud App DevelopFin Chen
 
Open Web Camp: CSS3 Implementable Features
Open Web Camp: CSS3 Implementable FeaturesOpen Web Camp: CSS3 Implementable Features
Open Web Camp: CSS3 Implementable FeaturesEstelle Weyl
 
UI Design with HTML5 & CSS3
UI Design with HTML5 & CSS3UI Design with HTML5 & CSS3
UI Design with HTML5 & CSS3Shay Howe
 
Html basics IML 140 (weeks 2-3)
Html basics IML 140 (weeks 2-3)Html basics IML 140 (weeks 2-3)
Html basics IML 140 (weeks 2-3)Evan Hughes
 
Dominik Veselý - Vše co jste kdy chtěli vědět o CI a báli jste se zeptat
Dominik Veselý - Vše co jste kdy chtěli vědět o CI a báli jste se zeptatDominik Veselý - Vše co jste kdy chtěli vědět o CI a báli jste se zeptat
Dominik Veselý - Vše co jste kdy chtěli vědět o CI a báli jste se zeptatmdevtalk
 
20131108 cs query by howard
20131108 cs query by howard20131108 cs query by howard
20131108 cs query by howardLearningTech
 
HTML Basics 2 workshop
HTML Basics 2 workshopHTML Basics 2 workshop
HTML Basics 2 workshopJohn Allan
 
It's Business Time: Givin' User Experience Love with CSS3
It's Business Time: Givin' User Experience Love with CSS3It's Business Time: Givin' User Experience Love with CSS3
It's Business Time: Givin' User Experience Love with CSS3Denise Jacobs
 
Node.JS and WebSockets with Faye
Node.JS and WebSockets with FayeNode.JS and WebSockets with Faye
Node.JS and WebSockets with FayeMatjaž Lipuš
 

Andere mochten auch (20)

CommonJS Everywhere (Wakanday 2011)
CommonJS Everywhere (Wakanday 2011)CommonJS Everywhere (Wakanday 2011)
CommonJS Everywhere (Wakanday 2011)
 
Css3
Css3Css3
Css3
 
[@NaukriEngineering] CSS4 Selectors – Part 1
[@NaukriEngineering] CSS4 Selectors – Part 1[@NaukriEngineering] CSS4 Selectors – Part 1
[@NaukriEngineering] CSS4 Selectors – Part 1
 
Creating Lifelike Designs with CSS3
Creating Lifelike Designs with CSS3Creating Lifelike Designs with CSS3
Creating Lifelike Designs with CSS3
 
Html basics
Html basicsHtml basics
Html basics
 
Cloud App Develop
Cloud App DevelopCloud App Develop
Cloud App Develop
 
Open Web Camp: CSS3 Implementable Features
Open Web Camp: CSS3 Implementable FeaturesOpen Web Camp: CSS3 Implementable Features
Open Web Camp: CSS3 Implementable Features
 
HTML Basics
HTML BasicsHTML Basics
HTML Basics
 
UI Design with HTML5 & CSS3
UI Design with HTML5 & CSS3UI Design with HTML5 & CSS3
UI Design with HTML5 & CSS3
 
(C)NodeJS
(C)NodeJS(C)NodeJS
(C)NodeJS
 
Html basics IML 140 (weeks 2-3)
Html basics IML 140 (weeks 2-3)Html basics IML 140 (weeks 2-3)
Html basics IML 140 (weeks 2-3)
 
Dominik Veselý - Vše co jste kdy chtěli vědět o CI a báli jste se zeptat
Dominik Veselý - Vše co jste kdy chtěli vědět o CI a báli jste se zeptatDominik Veselý - Vše co jste kdy chtěli vědět o CI a báli jste se zeptat
Dominik Veselý - Vše co jste kdy chtěli vědět o CI a báli jste se zeptat
 
20131108 cs query by howard
20131108 cs query by howard20131108 cs query by howard
20131108 cs query by howard
 
HTML Basics 2 workshop
HTML Basics 2 workshopHTML Basics 2 workshop
HTML Basics 2 workshop
 
Css3 101
Css3 101Css3 101
Css3 101
 
HTML basics
HTML basicsHTML basics
HTML basics
 
It's Business Time: Givin' User Experience Love with CSS3
It's Business Time: Givin' User Experience Love with CSS3It's Business Time: Givin' User Experience Love with CSS3
It's Business Time: Givin' User Experience Love with CSS3
 
Node.JS and WebSockets with Faye
Node.JS and WebSockets with FayeNode.JS and WebSockets with Faye
Node.JS and WebSockets with Faye
 
Basics Of Html
Basics Of HtmlBasics Of Html
Basics Of Html
 
Html basics
Html basicsHtml basics
Html basics
 

Ähnlich wie Html basics

The Evolution of the Webbroadcast
The Evolution of the WebbroadcastThe Evolution of the Webbroadcast
The Evolution of the WebbroadcastJason Bengtson
 
HTML Start Up - Introduction to HTML
HTML Start Up - Introduction to HTMLHTML Start Up - Introduction to HTML
HTML Start Up - Introduction to HTMLGrayzon Gonzales, LPT
 
Microformats 101 Workshop
Microformats 101 WorkshopMicroformats 101 Workshop
Microformats 101 WorkshopKelley Howell
 
Resolving MathML in browsers (BlinkOn 11)
Resolving MathML in browsers (BlinkOn 11)Resolving MathML in browsers (BlinkOn 11)
Resolving MathML in browsers (BlinkOn 11)Igalia
 
Movable Type 5.1 最新情報
Movable Type 5.1 最新情報Movable Type 5.1 最新情報
Movable Type 5.1 最新情報Six Apart KK
 
The Semantic Web: The Why? What? How?
The Semantic Web: The Why? What? How?The Semantic Web: The Why? What? How?
The Semantic Web: The Why? What? How?iLinkoln Meetup
 
7 Steps to a Successful Enterprise Site Transition
7 Steps to a Successful Enterprise Site Transition7 Steps to a Successful Enterprise Site Transition
7 Steps to a Successful Enterprise Site TransitionBFO
 
HTML 5 & The Modern Web
HTML 5 & The Modern WebHTML 5 & The Modern Web
HTML 5 & The Modern WebJumping Bean
 
The Times They Are a-Changin’: Domino Applications in the New World of HCL No...
The Times They Are a-Changin’: Domino Applications in the New World of HCL No...The Times They Are a-Changin’: Domino Applications in the New World of HCL No...
The Times They Are a-Changin’: Domino Applications in the New World of HCL No...panagenda
 
Movable Type 5.1 : MTDDC July 31st
Movable Type 5.1 : MTDDC July 31stMovable Type 5.1 : MTDDC July 31st
Movable Type 5.1 : MTDDC July 31stSix Apart KK
 
Nela ITS CMS Presentation - Joomla
Nela ITS CMS Presentation - JoomlaNela ITS CMS Presentation - Joomla
Nela ITS CMS Presentation - Joomlarrobertshaw
 
Week 1 - Interactive News Editing and Producing
Week 1 - Interactive News Editing and ProducingWeek 1 - Interactive News Editing and Producing
Week 1 - Interactive News Editing and Producingkurtgessler
 
RDBMS and Html for class 7
RDBMS and Html for class 7 RDBMS and Html for class 7
RDBMS and Html for class 7 Sarthak Patidar
 
Adoption Tactics; 5 Reasons Your End Users Will Rant and Rave over SharePoint...
Adoption Tactics; 5 Reasons Your End Users Will Rant and Rave over SharePoint...Adoption Tactics; 5 Reasons Your End Users Will Rant and Rave over SharePoint...
Adoption Tactics; 5 Reasons Your End Users Will Rant and Rave over SharePoint...Gina Montgomery, V-TSP
 

Ähnlich wie Html basics (20)

Module 3
Module 3Module 3
Module 3
 
Module 5 and 6
Module 5 and 6Module 5 and 6
Module 5 and 6
 
The Evolution of the Webbroadcast
The Evolution of the WebbroadcastThe Evolution of the Webbroadcast
The Evolution of the Webbroadcast
 
HTML Start Up - Introduction to HTML
HTML Start Up - Introduction to HTMLHTML Start Up - Introduction to HTML
HTML Start Up - Introduction to HTML
 
Microformats 101 Workshop
Microformats 101 WorkshopMicroformats 101 Workshop
Microformats 101 Workshop
 
Resolving MathML in browsers (BlinkOn 11)
Resolving MathML in browsers (BlinkOn 11)Resolving MathML in browsers (BlinkOn 11)
Resolving MathML in browsers (BlinkOn 11)
 
HTML 5
HTML 5HTML 5
HTML 5
 
Movable Type 5.1 最新情報
Movable Type 5.1 最新情報Movable Type 5.1 最新情報
Movable Type 5.1 最新情報
 
The Semantic Web: The Why? What? How?
The Semantic Web: The Why? What? How?The Semantic Web: The Why? What? How?
The Semantic Web: The Why? What? How?
 
7 Steps to a Successful Enterprise Site Transition
7 Steps to a Successful Enterprise Site Transition7 Steps to a Successful Enterprise Site Transition
7 Steps to a Successful Enterprise Site Transition
 
Pradhanbros tutorial
Pradhanbros tutorialPradhanbros tutorial
Pradhanbros tutorial
 
Web Design
Web DesignWeb Design
Web Design
 
HTML 5 & The Modern Web
HTML 5 & The Modern WebHTML 5 & The Modern Web
HTML 5 & The Modern Web
 
The Times They Are a-Changin’: Domino Applications in the New World of HCL No...
The Times They Are a-Changin’: Domino Applications in the New World of HCL No...The Times They Are a-Changin’: Domino Applications in the New World of HCL No...
The Times They Are a-Changin’: Domino Applications in the New World of HCL No...
 
Movable Type 5.1 : MTDDC July 31st
Movable Type 5.1 : MTDDC July 31stMovable Type 5.1 : MTDDC July 31st
Movable Type 5.1 : MTDDC July 31st
 
Nela ITS CMS Presentation - Joomla
Nela ITS CMS Presentation - JoomlaNela ITS CMS Presentation - Joomla
Nela ITS CMS Presentation - Joomla
 
Week 1 - Interactive News Editing and Producing
Week 1 - Interactive News Editing and ProducingWeek 1 - Interactive News Editing and Producing
Week 1 - Interactive News Editing and Producing
 
RDBMS and Html for class 7
RDBMS and Html for class 7 RDBMS and Html for class 7
RDBMS and Html for class 7
 
Adoption Tactics; 5 Reasons Your End Users Will Rant and Rave over SharePoint...
Adoption Tactics; 5 Reasons Your End Users Will Rant and Rave over SharePoint...Adoption Tactics; 5 Reasons Your End Users Will Rant and Rave over SharePoint...
Adoption Tactics; 5 Reasons Your End Users Will Rant and Rave over SharePoint...
 
Web page designing
Web page designingWeb page designing
Web page designing
 

Kürzlich hochgeladen

Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clashcharlottematthew16
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionDilum Bandara
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfRankYa
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxNavinnSomaal
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DayH2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DaySri Ambati
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfPrecisely
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Manik S Magar
 

Kürzlich hochgeladen (20)

Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DayH2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
 

Html basics

  • 1.
  • 2. WHAT’S GOOD FOR YOU TO KNOW FOR NOW? •WHAT IS HTML? •WHAT IS AN HTML EDITOR? •HTML SYNTAX •BASIC HTML TAGS •BASIC TEXT AND TEXT FORMATTING •STRUCTURE OF A SIMPLE HTML PAGE GT MABENA 2
  • 3. IF PEOPLE TALK, THEN WHAT DO COMPUTERS DO? GT MABENA 3
  • 4. A METAPHOR FOR HTML: •IN THE SAME WAY THAT PEOPLE TALK/ COMMUNICATE, BE IT TWO PEOPLE OR A GROUP; COMPUTERS NEED TO DO THE SAME. THEY CONNECT (THROUGH A NETWORK) AND AS A RESULT FORM OR ACHIEVE THEIR COMMUNICATION. GT MABENA 4
  • 5. WWW… •THE CONNECTED (MULTIPLE) NETWORKS ARE WWW’S (WORLD WIDE WEBS) GT MABENA 5
  • 6. … •THESE ARE FORMED BY WEB SITES WHICH ARE MADE UP OF OR ARE FORMED THROUGH THE COMBINATION OF MULTIPLE CONNECTED WEB PAGES. GT MABENA 6
  • 8. WHAT IS HTML? •HTML (HYPERTEXT MARKUP LANGUAGE) IS THE LANGUAGE SPOKEN BY WEB PAGES IN ORDER FOR THEM TO BE WHAT THEY ARE AND DO WHAT THEY DO. GT MABENA 8
  • 9. HTML LINGO/ ELEMENTS •<HTML> </HTML> •<HEAD> </HEAD> •<TITLE> </TITLE> •<BODY></BODY> •<P> </P> GT MABENA 9
  • 10. AN EXAMPLE IN THE REAL WORLD? •WWW… LET’S SEE IF WE CAN’T FIND ANYTHING ONLINE GT MABENA 10
  • 11. IMPORTANT TERMS AND CONCEPTS: •PG. 359 •END TAG •HTML (HYPERTEXT MARKUP LANGUAGE) •HTML ELEMENT •MARKUP LANGUAGE •MARKUP TAGS •START TAG •TEXT FILE GT MABENA 11
  • 12. FOR A PRIZE… •LIST 9 HTML TAGS/ ELEMENTS AND MENTION WHAT PURPOSE THEY SERVE. GT MABENA 12
  • 13. 1 MORE PRIZE… •WHAT KIND OF LANGUAGE DO WEB BROWSERS UNDERSTAND AND “SPEAK” ? GT MABENA 13
  • 14. CLASS ACTIVITY! •PG. 360 •PLEASE COMPLETE THIS ACTIVITY IN YOUR WORKBOOKS. THANK YOU! GT MABENA 14

Hinweis der Redaktion

  1. HTML, Head, Title, Body, Paragraph, Bold, Italics, Headings, Horizontal line break.