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