full-stack-web-dev/src/index.html at bc0d20093c13b62591c49ed06e8f30bd3043ec24 · nbktechworld/full-stack-web-dev · 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
<!DOCTYPE html>
<html>
  <head>
    <title>Document Two Sections</title>
    <link rel="stylesheet" href="style.css" />
  </head>

  <body>
    <h1>Excepteur Sint Occaecat</h1>
    <p id="paragraph1">
      Lorem ipsum
      <strong>dolor</strong>
      sit
      <em>amet</em>
      ,
      <b>consectetur</b>
      adipiscing
      <i>elit</i>
      . Duis condimentum sagittis ex
    </p>
    <ul class="list">
      <li class="">
        <a href="#">first point</a>
      </li>
      <li class="">
        <a href="#">second point</a>
      </li>
      <li class="">
        <a href="#">
          <!-- use .list-item-link class if you are confused about nested selectors -->
          third point
        </a>
      </li>
    </ul>
    <h2 class="highlight point">Duis Aute</h2>
    <p>
      Quis nostrud exercitation ullamco
      <a href="https://yahoo.com" target="_blank">laboris</a>
      nisi ut aliquip ex ea commodo consequat.
    </p>
    <img
      src="https://www.rd.com/wp-content/uploads/2016/01/04-dog-breeds-dalmation.jpg"
      width="150"
      alt="a Dalmatian dog"
    />
    <audio
      src="https://github.com/nbktechworld/introduction-to-html/raw/abcdac58651ba724c40665c82dd55f171534115f/document-two-sections/barking.mp3"
      controls
    ></audio>
    <ol class="order">
      <li>first point</li>
      <li>second point</li>
      <li>third point</li>
    </ol>
    <video
      src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"
      controls
      width="300"
    ></video>
  </body>
</html>