HTML5-CSS3-JS-BOOTSTRAP4/PracticeTables.html at master · praveen2gemini/HTML5-CSS3-JS-BOOTSTRAP4 · 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
<!DOCTYPE html>
<html>
    <head>
        <title>TABLE DESIGN</title>
            <link rel="stylesheet" href="mycsssheet.css">
            <link rel="stylesheet" href="mytable.css">
    </head>
<body>

<h2>Basic HTML Table</h2>
<div><p>So, in order to handle the views in a better way, Android introduced a new layout called the Coordinator Layout. By using Coordinator layout you can easily handle and animate the transitions of views present in a Coordinator Layout. To have a clear understanding of the usage of Coordinator Layout, please open your WhatsApp application. Now, open any chat and click on the name of the chat or go to the menu and then click “View Contact”. Here, you will find the profile picture of the user. Now try to scroll down the page. Hey, where is the profile image? Now scroll up. Yeah, you got the profile image? Try to repeat the same scrolling up and down and see the animation. This is done with the help of Coordinator Layout. Another example of Coordinator Layout can be seen below:
        So, in order to handle the views in a better way, Android introduced a new layout called the Coordinator Layout. By using Coordinator layout you can easily handle and animate the transitions of views present in a Coordinator Layout. To have a clear understanding of the usage of Coordinator Layout, please open your WhatsApp application. Now, open any chat and click on the name of the chat or go to the menu and then click “View Contact”. Here, you will find the profile picture of the user. Now try to scroll down the page. Hey, where is the profile image? Now scroll up. Yeah, you got the profile image? Try to repeat the same scrolling up and down and see the animation. This is done with the help of Coordinator Layout. Another example of Coordinator Layout can be seen below:
</p></div>


<audio controls onended="alert('Audio Finished')">
        <source src="Imaika Nodigal Villan Mass BGM.mp3" type="audio/mpeg">
        Your browser does not support the audio element.
      </audio>
  <table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>80</td>
  </tr>
</table>

<dl>
        <dt>Coffee</dt>
        <dd>- black hot drink</dd>
        <dt>Milk</dt>
        <dd>- white cold drink</dd>
      </dl>

<h2>Unordered List with Circle Bullets</h2>

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

<ol type="A">
        <li>Coffee</li>
        <li>Tea</li>
        <li>Milk</li>
      </ol>

      <iframe width="500" height="300" src="https://medium.com/mindorks/using-room-database-android-jetpack-675a89a0e942" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      <br>
      <iframe width="500" height="300" src="https://www.youtube.com/embed/ZL2No7dtFAA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


</body>
</html>