![You know where to find me!
webcrat.tech@gmail.com
PS. Keep the subject line as:
[ Web Dev BootCamp ‘ 20 ]
Github @webber2408
LinkedIn @rahul-sharma-25b30b114
Medium @webcrat.tech](https://image.slidesharecdn.com/introductiontohtml5-200718122602/75/Introduction-to-HTML-5-8-2048.jpg)
Uploaded byRAHUL SHARMA
Introduction to HTML 5
The document provides an overview of Hypertext Markup Language (HTML) and its essential role in structuring web pages. It emphasizes the importance of using HTML tags to maintain scalability and accessibility, as well as introducing the concept of semantic HTML for better meaning and structure. The document also includes references for further reading on HTML and CSS.
More Related Content
Similar to Introduction to HTML 5
![[1] Introduction (Web Designs).pptx](https://cdn.slidesharecdn.com/ss_thumbnails/1introductionwebdesign-250919123717-bf69de00-thumbnail.jpg?width=640&height=640&fit=bounds)
![[BDD 2025 - Mobile Development] Exploring Apple’s On-Device FoundationModels](https://cdn.slidesharecdn.com/ss_thumbnails/md-exploringappleson-devicefoundationmodels-251124030840-d690542c-thumbnail.jpg?width=640&height=640&fit=bounds)
![[BDD 2025 - Artificial Intelligence] Building AI Systems That Users (and Comp...](https://cdn.slidesharecdn.com/ss_thumbnails/ai-buildingaisystemsthatusersandcompanieslove-251124030845-038f7732-thumbnail.jpg?width=640&height=640&fit=bounds)
Introduction to HTML 5
- 1. (Hypertext Markup Language5) I am a 2014 born! Even I am new to this corona pandemic!
- 2. Did you knowthat every webpage has a structure? Maybe it comprises of small divisions? A div? Another div? 4 more divs?
- 3. Things don’t workthe way like we always want! We need to have some common standard for building web pages so that each and every one of us can follow that and grow the internet together! Why do we need a structure at all? Moreover, In order to maintain scalability (being able to grow the web site) and maintainability, we use proper HTML tags defined by World Wide Web Consortium (W3C) and thus divide a particular web page into small scalable components!
- 4. Some facts? > HTMLstands for Hypertext Markup Language. > It describes the structure of a web page & also known as the most basic building block of the web. > In other words, it tells the browser how to actually display a particular web page. > The purpose of a web browser (Chrome, Edge, Firefox, Safari) is to read HTML documents and display them correctly. > A browser does not display the HTML tags, but uses them to determine how to display the document. Hypertext Markup Language "Hypertext" refers to links that connect web pages to one another, either within a single website or between websites. HTML uses "markup" to annotate text, images, and other content for display in a Web browser. HTML markup includes special "elements" such as <head>, <title>, <body>, <header>, Language?... Duh?
- 5. Anatomy of HTML Can’tbelieve I’m here! <p> Can’t believe I’m here! </p> How should we tell browsers! Opening tag Closing tag Content
- 6. Behind the scenes! Rootelement of a webpage Contains meta information about the HTML page Specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab) Defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
- 7. HTML Semantics (HTML5)- Let’s put some meaning into our code! > Semantic HTML is the use of HTML markup to reinforce the semantics, or meaning, of the information in web pages and web applications rather than merely to define its presentation or look. Semantic HTML is processed by traditional web browsers as well as by many other user agents. > Semantic tags are essentially just <div> elements that wrap particular types of content on the page. They are not required but help the browser, assistive devices, and search engines determine what the structural outline of the page actually looks like.
- 8. You know whereto find me! webcrat.tech@gmail.com PS. Keep the subject line as: [ Web Dev BootCamp ‘ 20 ] Github @webber2408 LinkedIn @rahul-sharma-25b30b114 Medium @webcrat.tech
- 9. References > Amazon.com > Undraw.co >Icons made by Freepik from www.flaticon.com > MDN (HTML): https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started > MDN (CSS - Important): https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks > W3Schools: https://www.w3schools.com/html/ > HTML Semantics: vikingcodeschool.com/html5-and-css3/html5-semantic-tags > WikiPedia: https://en.wikipedia.org/wiki/Semantic_HTML