Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Resposta Do Exercício 3 HTML CSS JS

    Enviado por

    Alan Modesto
    7 visualizações2 páginas
    Excercicios Html css e js

    Título original

    RESPOSTA DO EXERCÍCIO 3 HTML CSS JS

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    Excercicios Html css e js

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    7 visualizações2 páginas

    Resposta Do Exercício 3 HTML CSS JS

    Enviado por

    Alan Modesto
    Excercicios Html css e js

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 2

    ARQUIVO HTML

    1 <!DOCTYPE html>
    2 <html lang="pt-br">
    3 <head>
    4 <meta charset="UTF-8">
    5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6 <link rel="stylesheet" type="text/css" href="estilo.css">
    7 <title>Circuito Integrado</title>
    8 <script type="text/javascript">
    9 alert("Bem vindo !");
    10 </script>
    11 <style type="text/css">
    12 a {
    13 /* Cor de fundo: verde; Espaçamento: 20px; */
    14
    CSS INCORPORADO

    15 background-color:green; padding: 20px;


    16
    17 /* borda: 1px solid yellow; raio de borda: 5px; */
    18
    19 border: 1px solid yellow; border-radius: 5px;
    20
    21 /* Decoração de texto: none; cor do texto: branco;
    22 Estilo da fonte: itálico; */
    23
    24 text-decoration:none; color: white; font-style:italic;
    25 }
    26 </style>
    27 </head>
    28 <body>
    29 <div class="principal">
    30 <div class="texto">
    31 <h1>Circuito Integrado</h1>
    32 <h3 style="color: #125189; text-align: center;">
    33 Sem ele, computadores pessoais e dispositivos móveis, tão comuns em nosso
    dia a dia, não seriam possíveis.
    34
    35 <form action="user.php" method="post">
    36 <h6>Quer mais informações? Nos envie o seu e-email!
    37 <input type="email" name="proprio" size="30">
    38 <input type="submit" name="ENVIAR" size="10">
    39 </h6>
    40 </form> </h3> </div>
    41
    42 <p style="text-align: center">
    43 <video width="320" height="240" loop="true" poster="foto.jpg" controls
    autoplay muted>
    44 <source src="CI.mp4" type="video/mp4">
    45 </video> </p>
    46
    47 <p style="text-align: center">
    48 <a href="http://www.google.com.br" >
    49 Clique aqui para acessar o google
    50 </a> </p>
    51
    52 </div>
    53
    54 <p> <div class="final">
    55 TECNOLOGIA
    56 </div> </p>
    57 </body>
    58 </html>
    ARQUIVO CSS
    1
    2 /* ARQUIVO CSS */
    3
    4 /* Classe texto */
    5 .texto { font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif }
    6
    7
    8 /* Tag body com especificações adicinais */
    9 body {
    10
    11 /*Imagem de fundo: linear-gradient(to left, #ffffff, #afb7db); */
    12 background-image: linear-gradient(to left, #ffffff, #afb7db);
    13
    14 /* Largura: 1200px; */
    15 width: 1200px;
    16
    17 /* Espaçamento: 10px 30px 30px 30px; */
    18 padding: 10px 30px 30px 30px;
    19 }
    20
    21 /* Classe principal */
    22 .principal {
    23
    24 /* Cor de fundo: branco; Raio de borda: 10px; */
    25 background-color: white; border-radius: 10px;
    26
    27 /* Largura: 1000px; Espaçamento: 10px; margin: auto; */
    28 width: 1000px; padding: 10px; margin: auto;
    29 }
    30
    31 /* Classe final */
    32 .final {
    33
    34 /* Raio de borda: 10px; */
    35 border-radius: 10px;
    36
    37 /* Largura: 1010px; Espaçamento: 5px; */
    38 width: 1010px; padding: 5px;
    39
    40 margin: auto;
    41
    42 /* Imagen de fundo: url("foto2.jpg"); */
    43 background-image: url("foto2.jpg");
    44
    45 /* Alinhamento do texto: centro; */
    46 text-align:center;
    47
    48 /* font-family: Arial; cor: amarelo; tamanho da fonte: 50px */
    49 font-family: Arial; color:yellow; font-size:50px;"
    50 }
    51
    52
    53 /* Tag h1 com especificações adicionais */
    54 h1 {
    55
    56 /* Estilo de borda: inset; */
    57 border-style : inset;
    58
    59 /* Cor: #5e1414; Alinhamento de texto: centro; */
    60 color: #5e1414; text-align: center;
    61 }

    Você também pode gostar