Introduction to Web – Human body
Analogy
Anil Kumar Krishnashetty ,
anilkumark.com,
@anilbms75
Image source
Content
Image source
Is a content
Image source
Is a content
Image source
Is a content
Image source
Content is King
Image source
Where should I place my content ?
Image source
<htmltag>
Content
</htmltag>
Image source
Content – middle
HTMLtag-top and bottom
What is HTML ?
Image source
HTML – Similar to skeleton, provides structure to the body,
placeholder – for organs [content]
HTML for semantics
What is CSS ? makeup
Color, height, shape, size, weight & many more…….
Image source
What is Javascript?
Human nervous system
Action, reaction, computation & many more
Image source
Upcoming SlideShare
Loading in …5
×

Introduction to web – human body analogy

850 views

Published on

Human body analogy to web technologies - HTML, CSS & Javascript

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
850
On SlideShare
0
From Embeds
0
Number of Embeds
13
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Introduction to web – human body analogy

  1. 1. Introduction to Web – Human body Analogy Anil Kumar Krishnashetty , anilkumark.com, @anilbms75 Image source
  2. 2. Content Image source
  3. 3. Is a content Image source
  4. 4. Is a content Image source
  5. 5. Is a content Image source
  6. 6. Content is King Image source
  7. 7. Where should I place my content ? Image source
  8. 8. <htmltag> Content </htmltag> Image source Content – middle HTMLtag-top and bottom
  9. 9. What is HTML ? Image source HTML – Similar to skeleton, provides structure to the body, placeholder – for organs [content]
  10. 10. HTML for semantics
  11. 11. What is CSS ? makeup Color, height, shape, size, weight & many more……. Image source
  12. 12. What is Javascript? Human nervous system Action, reaction, computation & many more Image source

×