forked from marko-knoebl/slides
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfrontend-html-collection-en.html
11 lines (11 loc) · 3.11 KB
/
frontend-html-collection-en.html
1
2
3
4
5
6
7
8
9
10
11
<html lang="en" style="height:100%"><head><meta charSet="UTF-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap-reboot.min.css"/></head><body style="height:100%"><div style="height:100%;display:flex;align-items:stretch"><nav style="flex-basis:320px;overflow:auto;padding-top:4em;padding-left:1em;padding-right:1em;padding-bottom:0.5em;margin-bottom:0.5em"><div>parent topic: <a href="/slides/html-and-css-en.html">HTML and CSS</a></div><div><a href="frontend-html-en.html">show presentation individually</a></div><section><h1>HTML</h1><ul><li><a href="/slides/frontend-html-en.html#/0" target="content">HTML</a></li><li><a href="/slides/frontend-html-en.html#/1" target="content">HTML, CSS & JavaScript</a></li><li><a href="/slides/frontend-html-en.html#/2" target="content">HTML basics</a></li><li><a href="/slides/frontend-html-en.html#/3" target="content">Structure of an HTML document</a></li><li><a href="/slides/frontend-html-en.html#/4" target="content">Special characters and whitespace</a></li><li><a href="/slides/frontend-html-en.html#/5" target="content">Stylesheets</a></li><li><a href="/slides/frontend-html-en.html#/6" target="content">HTML elements</a></li><li><a href="/slides/frontend-html-en.html#/7" target="content">Structuring elements</a></li><li><a href="/slides/frontend-html-en.html#/8" target="content">Links</a></li><li><a href="/slides/frontend-html-en.html#/9" target="content">Text formatting</a></li><li><a href="/slides/frontend-html-en.html#/10" target="content">div and span</a></li><li><a href="/slides/frontend-html-en.html#/11" target="content">Lists</a></li><li><a href="/slides/frontend-html-en.html#/12" target="content">Forms and buttons</a></li><li><a href="/slides/frontend-html-en.html#/13" target="content">Media</a></li><li><a href="/slides/frontend-html-en.html#/14" target="content">Tables</a></li><li><a href="/slides/frontend-html-en.html#/15" target="content">Head</a></li><li><a href="/slides/frontend-html-en.html#/16" target="content">Accessibility</a></li><li><a href="/slides/frontend-html-en.html#/17" target="content">Hosting</a></li><li><a href="/slides/frontend-html-en.html#/18" target="content">Bootstrap</a></li><li><a href="/slides/frontend-html-en.html#/19" target="content">VS Code</a></li><li><a href="/slides/frontend-html-en.html#/20" target="content">SVG</a></li><li><a href="/slides/frontend-html-en.html#/21" target="content">Online resources</a></li></ul></section></nav><main style="flex-grow:1"><iframe name="content" style="width:100%;height:100%;border:none"></iframe></main><button id="nav-toggle-button" style="position:absolute;top:1rem;left:1rem;padding:0.4em 0.8em;cursor:pointer;border-radius:0.25em;background-color:#0074d9;color:#ffffff;border:none">toggle sidebar</button><style>
nav.hidden {
display: none;
}
</style><script>
document
.getElementById("nav-toggle-button")
.addEventListener("click", () => {
document.querySelector("body > div > nav").classList.toggle("hidden");
});
</script></div></body></html>