HTMLWebApp/Media.html at master · brett-smith1/HTMLWebApp · 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>
    <meta charset="utf-8" />
    <title>Audio Video and Images</title>
</head>
<body>
    <h1>HTML Tags</h1>
    <h2>Audio, video, and image tags</h2>
    <nav>
        <a href="Default.html">HTML Tags</a> |
        <a href="FormattingTags.html">Formatting tags</a> |
        <a href="Media.html">Audio, video, and image tags</a>
    </nav>
        <hr />

    <div style="margin-left: auto; margin=right: auto; text-align: center;">
        <h3>Images</h3>
        <a href="https://bencrossmusic.com/">
            <img src="Images/Forza.png" alt="Cover" /><br />
        </a>
        <a href="https://www.w3schools.com/tags/tag_img.asp">More info on img tags</a>
    </div>
    <hr />

    <div style="margin-left: auto; margin-right: auto; text-align: center;">
        <h3>Audio</h3>
        <h4>Using the audio tag</h4>
        <strong>Note:</strong>The source src="/Audio/Voice.m4a" points to a path relative to the page: <br />
        When you consider the current page/file, Media.html, the Voice.m4a file is in the Audio folder, <br />
        which is then referenced as follows: <i>"/Audio/Voice.m4a"</i> <br />
        <img src="Images/Forza.png" alt="File structure" height="372" width="247" />
        <br />
        <h5>Play the Voice:</h5>
        <audio controls>
            <source src="Audio/Voice.m4a" type="audio/mp3" />
            Your browser does notsupport the audio tag.
        </audio>
        <br />
        <a href="https://www.w3schools.com/tags/tag_audio.asp">More info on audio tags</a>
    </div>

    <hr />
    <div style="margin-left: auto; margin-right: auto; text-align: center;">
        <h3>Video</h3>
        <video width="280" height="440" controls>
            <source src="Video/Video.mp4" type="video/mp4" />
            Your browser does not support the video tag.
        </video>
        <br />
        <a href="https"//www.w3schools.com/tags/tag_video.asp">More info on video tags</a>
    </div>

    <hr />
        <a href="Default.html">HTML tags Home page</a> | <br />
        <a href="FormattingTags.html">Formatting tags</a> | <br />
        <a href="Media.html">Media Page</a>
    <hr />

</body>
</html>