htmlits/index.html at main · babsevensix/htmlits · 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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
   table{
    border: 1px solid black;
    width: 100%;
   }
   tr:nth-child(even){
    background-color: #d6eeee;
   }
   th{
    background-color: brown;
    font-size: 24px;
    color: white;
    /* text-align: right; */
   }

   tr:hover{
    background-color: lightgray;
   }
  </style>
</head>
<body>
  <table id="table1">
      <th>Int1</th>
      <th>Int2</th>
      <th>Int 3</th>
    </tr>
    <tr>
      <td id="p1_1">
        Prima cella lorem ipsum
      </td>
      <td>
        Seconda cella
      </td>
      <td></td>
    </tr>
    <tr>
      <td colspan="2">2_1</td>
      <!-- <td>2_2</td> -->
      <td>2_3</td>
    </tr>
    <tr>
      <td rowspan="2" colspan="2">3_1</td>
      <!-- <td>3_2</td> -->
      <td>3_3</td>
    </tr>
    <tr>
      <!-- <td>4_1</td> -->
      <!-- <td>4_2</td> -->
      <td>4_3</td>
    </tr>
  </table>
  <br>
  <iframe width="560" height="315"
  src="https://www.youtube.com/embed/lOpTSNC-DtM?si=s-fyPkbycqvfw_8H"
  title="YouTube video player"
  frameborder="0"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
  referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>
</iframe>
  <br>
  <p>Lorem ipsum, <span style="background-color: aquamarine;">dolor sit</span>  amet consectetur adipisicing elit. Ipsam exercitationem, ab autem labore debitis aliquid blanditiis repellendus nesciunt iste commodi sit nostrum eveniet libero voluptatibus quam. Odit sunt atque accusantium.</p>
  <br>
  <h1>Lista della spesa</h1>
  <ul>
    <li>Pane</li>
    <li>Latte</li>
    <li>Banane</li>
    <li>Pasta</li>
  </ul>
  <br>
  <h1>Pasta al pomodoro</h1>
  <ol style="list-style-type: lower-roman;">
    <li>
      Metti l'acqua nella pentola
      <ul style="list-style-type: square;">
        <li>Acqua</li>
        <li>Pentola</li>
      </ul>
    </li>
    <li>Metti la pentola nel fuoco</li>
    <li>Aspetta che l'acqua arrivi ai 100 gradi</li>

  </ol>
</body>
</html>