Download - Introduction to web – human body analogy
Transcript
![Page 1: Introduction to web – human body analogy](https://reader034.vdocument.in/reader034/viewer/2022052217/5598b8ef1a28abb24a8b4572/html5/thumbnails/1.jpg)
Introduction to Web – Human body Analogy
Anil Kumar Krishnashetty , anilkumark.com, @anilbms75 Image source
![Page 2: Introduction to web – human body analogy](https://reader034.vdocument.in/reader034/viewer/2022052217/5598b8ef1a28abb24a8b4572/html5/thumbnails/2.jpg)
Content
Image source
![Page 4: Introduction to web – human body analogy](https://reader034.vdocument.in/reader034/viewer/2022052217/5598b8ef1a28abb24a8b4572/html5/thumbnails/4.jpg)
Is a content
Image source
![Page 5: Introduction to web – human body analogy](https://reader034.vdocument.in/reader034/viewer/2022052217/5598b8ef1a28abb24a8b4572/html5/thumbnails/5.jpg)
Is a content
Image source
![Page 6: Introduction to web – human body analogy](https://reader034.vdocument.in/reader034/viewer/2022052217/5598b8ef1a28abb24a8b4572/html5/thumbnails/6.jpg)
Content is King
Image source
![Page 7: Introduction to web – human body analogy](https://reader034.vdocument.in/reader034/viewer/2022052217/5598b8ef1a28abb24a8b4572/html5/thumbnails/7.jpg)
Where should I place my content ?
Image source
![Page 8: Introduction to web – human body analogy](https://reader034.vdocument.in/reader034/viewer/2022052217/5598b8ef1a28abb24a8b4572/html5/thumbnails/8.jpg)
<htmltag> Content
</htmltag>
Image source
Content – middle HTMLtag-top and bottom
![Page 9: Introduction to web – human body analogy](https://reader034.vdocument.in/reader034/viewer/2022052217/5598b8ef1a28abb24a8b4572/html5/thumbnails/9.jpg)
What is HTML ?
Image source
HTML – Similar to skeleton, provides structure to the body, placeholder – for organs [content]
![Page 10: Introduction to web – human body analogy](https://reader034.vdocument.in/reader034/viewer/2022052217/5598b8ef1a28abb24a8b4572/html5/thumbnails/10.jpg)
HTML for semantics
![Page 11: Introduction to web – human body analogy](https://reader034.vdocument.in/reader034/viewer/2022052217/5598b8ef1a28abb24a8b4572/html5/thumbnails/11.jpg)
What is CSS ? makeup
Color, height, shape, size, weight & many more…….
Image source
![Page 12: Introduction to web – human body analogy](https://reader034.vdocument.in/reader034/viewer/2022052217/5598b8ef1a28abb24a8b4572/html5/thumbnails/12.jpg)
What is Javascript? Human nervous system
Action, reaction, computation & many more
Image source