Web_Programming/lab.html at main · Siul49/Web_Programming · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!-- Bootstrap CDN 추가 -->
<html>
<title>실험실</title>

<head>
  <meta charset="UTF-8">
  <link href="/ch2/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
</head>
<body>
<h1 class="text-3xl font-bold underline">
  Hello world!
</h1>

</head>

<body>
<div class="d-flex justify-content-center align-items-center" style="height: 100vh;">
  <div class="card" style="width: 18rem;">
    <img src="https://via.placeholder.com/286x180" class="card-img-top" alt="이미지">
    <div class="card-body">
      <h5 class="card-title">카드 제목</h5>
      <p class="card-text">세로 + 가로 정중앙에 있는 카드입니다.</p>
    </div>
  </div>
</div>


</body>


</html>