Skeleton that gives a website its fundamental structure and shape. Every heading, paragraph, image, and video seen on a webpage is placed and organized using this.
HTML
Features of HTML5 that are most impactful
- Built-in multimedia
- <audio> and <video> tags = no need external plugins = videos and music work on more devices</video></audio> - Smart, More meaningful structure
- semantic elements: <header>, <footer>< and <article>
Well-labeled blueprint that helps search engines understand content (improving SEO) and makes websites more accessible to screen reader users
- Improved performance and offline power
- Web Storage stores data on user device= sites load faster and some features still work offline. - Enhanced forms
- new form controls: input types for date and email= user-friendly forms and less complex code
[Quick data type detection=faster correction if user inputs wrong]
It allows websites to store data directly on a user’s device
Web Storage
3 fundamental parts of any HTML page
<html>
<head>
<body>
</body></head></html>
Tag that is the container for the entire page
<html>
</html>
Tag that holds the metadata (data about the page) like the title that appears in your browser tab
<head>
</head>
Tag that contains all the visible content the user sees
<body>
</body>
Tags that provide important information to the browser
<meta></meta>
Tag that ensures that text, including special characters and symbols, displays correctly
<meta></meta>
Tag for making page responsive. Making it look good on devices of all sizes
<meta name=”viewport”…>
Holds the main heading of a page
<header>
</header>
Tag that wraps the primary content
<main>
</main>
Tag used for closing information
<footer>
</footer>
Example of tags that are structural elements
<main>
<header>
<footer>
</footer></header></main>
Primary international organization that develops the protocols and guidelines necessary to ensure the long-term growth of the Web
W3C
The governing body that writes the rules for how the internet should function
W3C
The biggest role of the W3C
Creating Web Standards
Examples of web standards the W3C created
HTML
CSS
XML
WCAG
Web Content Accessibility Guidelines
The globally recognized standards for making web content accessible to people with disabilities
WCAG
The single most important tool for ensuring code quality
W3C Validator
They constantly work on the next generation of web technologies and ensure that the internet can handle new demands, new devices, and new forms of media
W3C
Why is the W3C Markup Validation Service essential for modern web development
- Ensures cross-browser consistency
- that your code follows a universal standard so all browser interpret it the same way - Improves accessibility
- fixes broken code or debugs errors to maintain accessibility for screen readers - Easier debugging
- Ensures code meets technical specifications outlined by w3c
Most basic building block of the web
HTML
-
M1 The History Of The Internet33
-
M2 A Internet, Internet Protocols, And Internet security31
-
M2 B The World Wide Web37
-
M2 C Internet Protocols40
-
M2 D Secure Communication: HTTPS28
-
M3 How Websites Work6
-
M4 HTML28
-
M5 CSS9
-
M6 tailwind CSS7
-
M7 JavaScript50
-
M8 JSON7
-
M9 PHP7
-
M10 web optimization33
-
M10 D critical rendering path4
