SlideShare a Scribd company logo
1 of 22
Unit 2 – HTML Basics Presentation   1 Web Programming
Revision… ,[object Object],[object Object],[object Object],[object Object],[object Object]
Objectives ,[object Object],[object Object],[object Object],[object Object],[object Object]
Introduction - HTML ,[object Object],[object Object],[object Object],[object Object]
Introduction (Contd...) <html><head> <script language=javascript> var now=new Date,t1=0,t2=0,t3=0,t4=0,t5=0,t6=0,ie5=0,hp=0,ao=0,cc='';t1=now.getTime(); function err(a,b,c) { var img=new Image; img.src='http://srd.yahoo.com/hp5-err/'+escape(a)+','+escape(b) B R O W S E R HTML File Web Page
Structure of HTML <HTML> <HEAD> <TITLE> ---------- </TITLE> </HEAD> <BODY> --------------- --------------- --------------- </BODY> </HTML>  Contains some fundamental information about the Web page.  Title of the Web page is given here. Contains the tags that specify how the content should be displayed. Specifies to the browser that the code enclosed is a HTML code.  Head Section Body Section
Creating a HTML document ,[object Object],[object Object],[object Object],<HTML> <HEAD> <TITLE> The Mind </TITLE> </HEAD> <BODY>  <FONT SIZE=5> <CENTER> <H1 ALIGN=CENTER> The Mind </H1>  Great minds think about ideas  <BR> Medium minds speak about happenings <BR> Small minds gossip about others. </FONT></CENTER> </BODY> </HTML>
Creating a virtual directory ,[object Object],[object Object],[object Object],[object Object]
Creating a virtual directory (Contd..) ,[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],Creating a virtual directory (Contd..)
Opening the HTML document ,[object Object],[object Object],[object Object],[object Object]
Opening the HTML document ,[object Object]
Lab Exercise  ,[object Object],[object Object],[object Object],[object Object],[object Object]
Correcting the mistakes ,[object Object],[object Object],[object Object],[object Object]
Tags ,[object Object],[object Object],[object Object],[object Object],[object Object]
Lab Exercise ,[object Object],[object Object],[object Object]
Lab Exercise (Contd..) ,[object Object],[object Object]
Lab Exercise ,[object Object]
Lab Exercise ,[object Object]
Summary ,[object Object],[object Object],[object Object],[object Object]
Summary ,[object Object],[object Object]
Assignment ,[object Object],[object Object],[object Object],[object Object]

More Related Content

What's hot (10)

Html - Tutorial
Html - TutorialHtml - Tutorial
Html - Tutorial
 
Lesson plan: HTML Formatting Texts and Paragraphs
Lesson plan: HTML Formatting Texts and ParagraphsLesson plan: HTML Formatting Texts and Paragraphs
Lesson plan: HTML Formatting Texts and Paragraphs
 
Lesson 1
Lesson 1Lesson 1
Lesson 1
 
Web design in 7 days by waqar
Web design in 7 days by waqarWeb design in 7 days by waqar
Web design in 7 days by waqar
 
Html Power Point 1
Html Power Point 1Html Power Point 1
Html Power Point 1
 
Html
HtmlHtml
Html
 
Html lecture1
Html lecture1Html lecture1
Html lecture1
 
Session4
Session4Session4
Session4
 
Html basics
Html basicsHtml basics
Html basics
 
Html basics
Html basicsHtml basics
Html basics
 

Viewers also liked

SummitUp Delicious Breakout 10 20 09
SummitUp Delicious Breakout 10 20 09SummitUp Delicious Breakout 10 20 09
SummitUp Delicious Breakout 10 20 09Lara Kretler
 
Garter Snake
Garter SnakeGarter Snake
Garter SnakeJohn022
 
From research student to academic: thinking about and preparing for academic ...
From research student to academic: thinking about and preparing for academic ...From research student to academic: thinking about and preparing for academic ...
From research student to academic: thinking about and preparing for academic ...Joss Winn
 
Piano Strategico di Marsala - Lancio
Piano Strategico di Marsala - LancioPiano Strategico di Marsala - Lancio
Piano Strategico di Marsala - Lancioeuresgroup
 
Ignite Melbourne #3 talk - And the Geeks Shall inherit The Earth...
Ignite Melbourne #3 talk - And the Geeks Shall inherit The Earth...Ignite Melbourne #3 talk - And the Geeks Shall inherit The Earth...
Ignite Melbourne #3 talk - And the Geeks Shall inherit The Earth...Robert Postill
 
Are you a monkey or an astronaut?
Are you a monkey or an astronaut?Are you a monkey or an astronaut?
Are you a monkey or an astronaut?Karen Morton
 
Sales Outsourcing by Clientbridge
Sales Outsourcing by ClientbridgeSales Outsourcing by Clientbridge
Sales Outsourcing by ClientbridgeMikhail Grafsky
 
Unenouvelleplageaujapon3
Unenouvelleplageaujapon3Unenouvelleplageaujapon3
Unenouvelleplageaujapon3guesta8bc6b
 
Licensario — система оплаты для стартапов. in-app billing
Licensario — система оплаты для стартапов. in-app billingLicensario — система оплаты для стартапов. in-app billing
Licensario — система оплаты для стартапов. in-app billingMaria Podolyak
 
Orientamenti di social media marketing
Orientamenti di social media marketingOrientamenti di social media marketing
Orientamenti di social media marketingCommunication Village
 
Brodeur Lowercase Letters
Brodeur Lowercase LettersBrodeur Lowercase Letters
Brodeur Lowercase Lettersguest75628b
 
Jisc RSC Wales Glyndwr 060313 v2
Jisc RSC Wales Glyndwr 060313 v2Jisc RSC Wales Glyndwr 060313 v2
Jisc RSC Wales Glyndwr 060313 v2Lis Parcell
 
Il cannocchiale aristotelico in viaggio per una mostra...
Il cannocchiale aristotelico in viaggio per una mostra...Il cannocchiale aristotelico in viaggio per una mostra...
Il cannocchiale aristotelico in viaggio per una mostra...stefanogambari
 
彩蝶计划2008版
彩蝶计划2008版彩蝶计划2008版
彩蝶计划2008版mingxia
 

Viewers also liked (20)

SummitUp Delicious Breakout 10 20 09
SummitUp Delicious Breakout 10 20 09SummitUp Delicious Breakout 10 20 09
SummitUp Delicious Breakout 10 20 09
 
Garter Snake
Garter SnakeGarter Snake
Garter Snake
 
From research student to academic: thinking about and preparing for academic ...
From research student to academic: thinking about and preparing for academic ...From research student to academic: thinking about and preparing for academic ...
From research student to academic: thinking about and preparing for academic ...
 
Piano Strategico di Marsala - Lancio
Piano Strategico di Marsala - LancioPiano Strategico di Marsala - Lancio
Piano Strategico di Marsala - Lancio
 
Ignite Melbourne #3 talk - And the Geeks Shall inherit The Earth...
Ignite Melbourne #3 talk - And the Geeks Shall inherit The Earth...Ignite Melbourne #3 talk - And the Geeks Shall inherit The Earth...
Ignite Melbourne #3 talk - And the Geeks Shall inherit The Earth...
 
Are you a monkey or an astronaut?
Are you a monkey or an astronaut?Are you a monkey or an astronaut?
Are you a monkey or an astronaut?
 
Weblin20080826
Weblin20080826Weblin20080826
Weblin20080826
 
數位電視
數位電視數位電視
數位電視
 
Sales Outsourcing by Clientbridge
Sales Outsourcing by ClientbridgeSales Outsourcing by Clientbridge
Sales Outsourcing by Clientbridge
 
Belgie2
Belgie2Belgie2
Belgie2
 
Unenouvelleplageaujapon3
Unenouvelleplageaujapon3Unenouvelleplageaujapon3
Unenouvelleplageaujapon3
 
Android Top 50
Android Top 50Android Top 50
Android Top 50
 
Licensario — система оплаты для стартапов. in-app billing
Licensario — система оплаты для стартапов. in-app billingLicensario — система оплаты для стартапов. in-app billing
Licensario — система оплаты для стартапов. in-app billing
 
Orientamenti di social media marketing
Orientamenti di social media marketingOrientamenti di social media marketing
Orientamenti di social media marketing
 
Wine Of Austria
Wine Of AustriaWine Of Austria
Wine Of Austria
 
The Dispensary Creds
The Dispensary CredsThe Dispensary Creds
The Dispensary Creds
 
Brodeur Lowercase Letters
Brodeur Lowercase LettersBrodeur Lowercase Letters
Brodeur Lowercase Letters
 
Jisc RSC Wales Glyndwr 060313 v2
Jisc RSC Wales Glyndwr 060313 v2Jisc RSC Wales Glyndwr 060313 v2
Jisc RSC Wales Glyndwr 060313 v2
 
Il cannocchiale aristotelico in viaggio per una mostra...
Il cannocchiale aristotelico in viaggio per una mostra...Il cannocchiale aristotelico in viaggio per una mostra...
Il cannocchiale aristotelico in viaggio per una mostra...
 
彩蝶计划2008版
彩蝶计划2008版彩蝶计划2008版
彩蝶计划2008版
 

Similar to Unit 2.2 Part 1 (20)

Unit 2.3 Part 1
Unit 2.3 Part 1Unit 2.3 Part 1
Unit 2.3 Part 1
 
UNIT 2.2 Web Programming HTML Basics - Benchmark standard
UNIT 2.2 Web Programming HTML Basics - Benchmark standardUNIT 2.2 Web Programming HTML Basics - Benchmark standard
UNIT 2.2 Web Programming HTML Basics - Benchmark standard
 
Internet programming notes
Internet programming notesInternet programming notes
Internet programming notes
 
Module 1 - Introduction to HTML.pdf
Module 1 - Introduction to HTML.pdfModule 1 - Introduction to HTML.pdf
Module 1 - Introduction to HTML.pdf
 
HTML Notes And Some Attributes
HTML Notes And Some AttributesHTML Notes And Some Attributes
HTML Notes And Some Attributes
 
Html basic
Html basicHtml basic
Html basic
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Html basics
Html basicsHtml basics
Html basics
 
Html basic file
Html basic fileHtml basic file
Html basic file
 
Html basics
Html basicsHtml basics
Html basics
 
Html BASICS
Html BASICSHtml BASICS
Html BASICS
 
Html basics 1
Html basics 1Html basics 1
Html basics 1
 
Html basics
Html basicsHtml basics
Html basics
 
HTML_Basics.pdf
HTML_Basics.pdfHTML_Basics.pdf
HTML_Basics.pdf
 
Html basics
Html basicsHtml basics
Html basics
 
Html basics
Html basicsHtml basics
Html basics
 
Html introduction
Html introductionHtml introduction
Html introduction
 
4. html css-java script-basics
4. html css-java script-basics4. html css-java script-basics
4. html css-java script-basics
 

More from Intan Jameel (20)

1.3 Process and Information Layout
1.3 Process and Information Layout1.3 Process and Information Layout
1.3 Process and Information Layout
 
Unit 2.10 - Frames
Unit 2.10 - FramesUnit 2.10 - Frames
Unit 2.10 - Frames
 
M02 un11 p02
M02 un11 p02M02 un11 p02
M02 un11 p02
 
M02 un10 p02
M02 un10 p02M02 un10 p02
M02 un10 p02
 
M02 un10 p01
M02 un10 p01M02 un10 p01
M02 un10 p01
 
M02 un09 p02
M02 un09 p02M02 un09 p02
M02 un09 p02
 
M02 un09 p01
M02 un09 p01M02 un09 p01
M02 un09 p01
 
M02 un08 p01
M02 un08 p01M02 un08 p01
M02 un08 p01
 
M02 un07 p02
M02 un07 p02M02 un07 p02
M02 un07 p02
 
M02 un07 p01
M02 un07 p01M02 un07 p01
M02 un07 p01
 
M02 un06 p02
M02 un06 p02M02 un06 p02
M02 un06 p02
 
M02 un06 p01
M02 un06 p01M02 un06 p01
M02 un06 p01
 
M02 un05 p02
M02 un05 p02M02 un05 p02
M02 un05 p02
 
M02 un05 p01
M02 un05 p01M02 un05 p01
M02 un05 p01
 
M02 un04 p04
M02 un04 p04M02 un04 p04
M02 un04 p04
 
M02 un04 p03
M02 un04 p03M02 un04 p03
M02 un04 p03
 
M02 un04 p02
M02 un04 p02M02 un04 p02
M02 un04 p02
 
M02 un04 p01
M02 un04 p01M02 un04 p01
M02 un04 p01
 
M02 un12 p01
M02 un12 p01M02 un12 p01
M02 un12 p01
 
M02 un11 p01
M02 un11 p01M02 un11 p01
M02 un11 p01
 

Recently uploaded

Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
"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
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDGMarianaLemus7
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
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
 
Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Neo4j
 
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
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions
 

Recently uploaded (20)

Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
"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
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDG
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
Vulnerability_Management_GRC_by Sohang Sengupta.pptx
Vulnerability_Management_GRC_by Sohang Sengupta.pptxVulnerability_Management_GRC_by Sohang Sengupta.pptx
Vulnerability_Management_GRC_by Sohang Sengupta.pptx
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort ServiceHot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
 
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
 
Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 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!
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptx
 
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping ElbowsPigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping Elbows
 

Unit 2.2 Part 1

  • 1. Unit 2 – HTML Basics Presentation 1 Web Programming
  • 2.
  • 3.
  • 4.
  • 5. Introduction (Contd...) <html><head> <script language=javascript> var now=new Date,t1=0,t2=0,t3=0,t4=0,t5=0,t6=0,ie5=0,hp=0,ao=0,cc='';t1=now.getTime(); function err(a,b,c) { var img=new Image; img.src='http://srd.yahoo.com/hp5-err/'+escape(a)+','+escape(b) B R O W S E R HTML File Web Page
  • 6. Structure of HTML <HTML> <HEAD> <TITLE> ---------- </TITLE> </HEAD> <BODY> --------------- --------------- --------------- </BODY> </HTML> Contains some fundamental information about the Web page. Title of the Web page is given here. Contains the tags that specify how the content should be displayed. Specifies to the browser that the code enclosed is a HTML code. Head Section Body Section
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.