120 lines
3.8 KiB
HTML
120 lines
3.8 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Web Technologies</title>
|
||
|
|
<link rel="stylesheet" href="web-technologies.css">
|
||
|
|
<link rel="stylesheet" href="style.css">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<header>
|
||
|
|
<h1>Web Technologies</h1>
|
||
|
|
<p>Last modified: <time datetime="2025-10-11">October 11, 2025</time></p>
|
||
|
|
</header>
|
||
|
|
<nav id="toc">
|
||
|
|
<h2>Table of Contents</h2>
|
||
|
|
<ul class="toc">
|
||
|
|
<li>
|
||
|
|
<a href="#json">JSON</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#css">CSS</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="#html">HTML</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
<main>
|
||
|
|
<article id="json">
|
||
|
|
<h2>
|
||
|
|
<a href="#json">JSON</a>
|
||
|
|
</h2>
|
||
|
|
<p>JavaScript Object Notation (JSON) is a lightweight, text-based, language-independent data interchange
|
||
|
|
format.</p>
|
||
|
|
<h3>Specifications</h3>
|
||
|
|
<ul class="specs">
|
||
|
|
<li>
|
||
|
|
<a href="https://ecma-international.org/publications-and-standards/standards/ecma-404/">ECMA-404:
|
||
|
|
The JSON Data Interchange Syntax</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="https://datatracker.ietf.org/doc/html/rfc8259">RFC 8259: The JavaScript Object Notation
|
||
|
|
(JSON) Data Interchange Format</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="https://www.iso.org/standard/71616.html">ISO/IEC 21778:2017: Information technology—The
|
||
|
|
JSON data interchange syntax</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<h3>Sample Code</h3>
|
||
|
|
<pre class="number-lines">{
|
||
|
|
"title": "Batman Begins",
|
||
|
|
"year": 2005,
|
||
|
|
"rating": "PG-13",
|
||
|
|
"genres": ["action", "crime", "drama"]
|
||
|
|
}
|
||
|
|
</pre>
|
||
|
|
</article>
|
||
|
|
<article id="css">
|
||
|
|
<h2>
|
||
|
|
<a href="#css">CSS</a>
|
||
|
|
</h2>
|
||
|
|
<p>Cascading Style Sheets (CSS) is a language for describing
|
||
|
|
the rendering of structured documents (such as HTML and XML) on a
|
||
|
|
variety of media.</p>
|
||
|
|
<h3>Specifications</h3>
|
||
|
|
<ul class="specs">
|
||
|
|
<li>
|
||
|
|
<a href="https://www.w3.org/Style/CSS/current-work">The list of all CSS specifications</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<h3>Sample Code</h3>
|
||
|
|
<pre class="number-lines">h1, h2, h3, h4, h5, h6 {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.summary > tbody > tr:nth-child(odd) > td {
|
||
|
|
background-color: lightgray;
|
||
|
|
}
|
||
|
|
</pre>
|
||
|
|
</article>
|
||
|
|
<article id="html">
|
||
|
|
<h2>
|
||
|
|
<a href="#html">HTML</a>
|
||
|
|
</h2>
|
||
|
|
<p>HTML is the World Wide Web's core markup language.</p>
|
||
|
|
<h3>Specifications</h3>
|
||
|
|
<ul class="specs">
|
||
|
|
<li>
|
||
|
|
<a href="https://html.spec.whatwg.org/">HTML Standard</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<h3>Sample Code</h3>
|
||
|
|
<pre class="number-lines"><!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<title>Hello, World!</title>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<p>Hello, World!</p>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
</pre>
|
||
|
|
</article>
|
||
|
|
</main>
|
||
|
|
<footer>
|
||
|
|
<p class="legal"><small>This work is licensed under a <a
|
||
|
|
href="https://creativecommons.org/licenses/by/4.0/">Creative Commons "Attribution 4.0
|
||
|
|
International"</a> license.</small>
|
||
|
|
<img src="Web%20Technologies_files/80x15.png" alt="CC BY 4.0 license logo">
|
||
|
|
</p>
|
||
|
|
</footer>
|
||
|
|
<script src="script.js"></script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|