Public
Edited
Apr 25
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.1.3/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<h1 class="text-primary">Welcome to Data Visualization Course</h1>
<h2 class="text-success">HTML Page - Student Name</h2>
<p class="text-info">HTML stands for Hyper Text Markup Language.</p>
<p class="text-warning">We will be learning basics of HTML.</p>
<ul class="list-group">
<li class="list-group-item list-group-item-action list-group-item-primary">Unordered List 1</li>
<li class="list-group-item list-group-item-action list-group-item-secondary">List 2</li>
<li class="list-group-item list-group-item-action list-group-item-success">List 3</li>
<li class="list-group-item list-group-item-action list-group-item-danger">List 4</li>
<li class="list-group-item list-group-item-action list-group-item-warning">List 5</li>
</ul>
<!-- Ordered List -->
<ol class="list-group">
<li class="list-group-item list-group-item-action list-group-item-info">Ordered List 1</li>
<li class="list-group-item list-group-item-action list-group-item-light">List 2</li>
<li class="list-group-item list-group-item-action list-group-item-dark">List 3</li>
<li class="list-group-item list-group-item-action list-group-item-primary">List 4</li>
<li class="list-group-item list-group-item-action list-group-item-secondary">List 5</li>
</ol>
<!-- Comment -->
<!-- This is a comment -->
</div>
</body>
</html>
css_stylesheet1 = FileAttachment("CSS_Stylesheet@1.css")
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
