HTML/multimidia.html at master · grazielanobre/HTML · 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
<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8"/>
    <title>Google Glass e Google Glass Enterprise Edition</title>
    <link rel="stylesheet" type="text/css" href="_css/estilo.css" />
	<link rel="stylesheet" type="text/css" href="_css/media.css"/>
</head>
<script language="javascript" src="_javascript/funcoes.js"></script>

<body>
    <div id="interface">

        <header id="cabecalho">
            <hgroup>
                <h1>Google Glass e sua nova versão Glass Enterprise Edition</h1>
                <h2>A revolução do Google está chegando</h2>
            </hgroup>

            <img id="icone" src="_imagens/multimidia.png" />
            <nav id="menu">
                <h1> Menu Principal</h1>
                <ul type="disc">
                    <li onmouseover="mudaFoto('_imagens/home.png')" onmouseout="mudaFoto('_imagens/multimidia.png')"><a href="index.html">Home</a></li>
                    <li onmouseover="mudaFoto('_imagens/especificacoes.png')" onmouseout="mudaFoto('_imagens/multimidia.png')"><a href="specs.html">Especificações</a></li>
                    <li onmouseover="mudaFoto('_imagens/fotos.png')" onmouseout="mudaFoto('_imagens/multimidia.png')"><a href="fotos.html">Fotos</a></li>
                    <li onmouseover="mudaFoto('_imagens/multimidia.png')" onmouseout="mudaFoto('_imagens/multimidia.png')"><a href="multimidia.html">Multimídia</a></li>
                    <li onmouseover="mudaFoto('_imagens/contato.png')" onmouseout="mudaFoto('_imagens/multimidia.png')"><a href="fale-conosco.html">Fale Conosco</a></li>
                </ul>
            </nav>
        </header>

<section id="corpo-full">
 <article id="noticia-principal">
                <header id="cabecalho-artigo">
                    <hgroup>
                        <h3>Glass > Multimídia</h3>
                        <h1>Sons e Vídeos</h1>
                        <h2>por Graziela Nobre</h2>
                        <h3 class="direita">Atualizado em 02/Julho/2020</h3>
                    </hgroup>
                </header>

<div id="tv-radio">
<audio id="musica" controls="controls">
<source src="_media/2009-lovers-carvings-bibio.mp3" type="audio/mpeg"/>
Desculpe, mas não foi possìvel carregar o áudio.
</audio>
<video id="filme" controls="controls" poster="_imagens/video-mini03.jpg">
<source src="_media/getting-started.mp4" type="video/mp4"/>
Desculpe, mas não foi possìvel carregar o vídeo.
</video>
</div>

</article>
</section>
 <footer id="rodape">
            <p>Copyright &copy; 2020 - by Graziela Nobre<br/>
                <a href="http://facebook.com" target="blank">Facebook</a> | <a href="http://twitter.com" target="blank">Twitter</a></p>
        </footer>
    </div>
</body>
</html>