Building Your Learning Module...
Getting things ready for you!
Find videos you like?
Save to resource drawer for future reference!
Human and machine readable date/time
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Time Element</title>
</head>
<body>
<div class="event">
<p>Event starts at <time datetime="2025-12-03T19:00">7:00 PM, December 3, 2025</time></p>
<p>Make sure to mark your calendar!</p>
</div>
</body>
</html>Loading preview...
Using multiple time elements
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Timeline</title>
</head>
<body>
<div class="timeline">
<ul>
<li><time datetime="2025-12-01">Dec 1</time> - Idea & Brainstorming</li>
<li><time datetime="2025-12-05">Dec 5</time> - Design Phase</li>
<li><time datetime="2025-12-10">Dec 10</time> - Product Launch</li>
</ul>
</div>
</body>
</html>Loading preview...