Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Exercícios de Fixação - Lista 2

    Enviado por

    João Manuel De Carlo
    1 visualizações3 páginas

    Título original

    EXERCÍCIOS DE FIXAÇÃO - LISTA 2

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    DOCX, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento

    Direitos autorais:

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

    Exercícios de Fixação - Lista 2

    Enviado por

    João Manuel De Carlo

    Direitos autorais:

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

    Bairro da Juventude dos Padres Rogacionistas

    CEP - Centro de Educação Profissional

    Instrutor: João Manuel De Carlo


    EXERCÍCIOS DE FIXAÇÃO - LISTA 2
    UTILIZANDO PHP, HTML E CSS

    1. Elabore um algoritmo que receba o nome a altura e a idade de uma pessoa.


    Mostrando o nome com cor amarela, a altura em itálico e a idade em formato
    de LINK.
    //index.php
    <html>
    <head>
    <link rel = "stylesheet" href="estilo.css">
    </head>
    <body>
    <?php
    $nome = "saulo";
    $altura = 1.50;
    $idade = 14;
    echo "<div id='nome'>$nome</div>";
    echo "<div id='altura'>$altura</div>";
    echo "<a href='http://www.tube.com'>$idade</a>";
    ?>
    </body>
    </html>

    //estilo.css
    #nome{
    color: red;
    }

    #altura{
    font-style: italic;
    }
    2. Elabore um algoritmo que leia 3 números e mostre-os na tela. Sendo que o
    primeiro número deverá ser mostrado a esquerda da tela com cor laranja e
    tamanho da letra número 10 o segundo número deverá ser mostrado no centro
    da tela e utilizando fonte da letra comic-sans, e o terceiro número alinhado à
    direita.
    //arquivo index.php
    <html>
    <head>
    <link rel= "stylesheet" href="estilo.css">
    </head>
    <body>
    <?php
    $num1 = 10;
    $num2 = 7;
    $num3 = 9;
    echo "<div id='num1'>$num1</div>";
    echo "<div id='num2'>$num2</div>";
    echo "<div id='num3'>$num3</div>";
    ?>
    </body>
    </html>

    //estilo.css
    #num1{
    color: orange;
    font-size: 10px;
    }
    #num2{
    text-align: center;
    font-family: comic sans ms;
    }
    #num3{
    text-align:right;
    }
    3. Criar um algoritmo que contenha dois registros em uma tabela, constando a
    marca, o modelo e ano de um veículo.

    4. Sendo a seguinte fórmula $y=($a+$b)-$c os valores são a, b e c são 10, 20 e


    16, respectivamente, faça:
    a) Utilize o plano de fundo cor vermelha e as letras com cor verde;
    b) Coloque na página o título “Resposta da Fórmula”;
    c) Exiba na tela o valor calculado.
    //estilo.css
    body{
    background-color: red;
    }
    h1,p{
    color: green;
    }

    //index.php
    <html>
    <head>
    <link rel="stylesheet" href="estilo.css"/>
    </head>
    <body>
    <h1>Resposta da Fórmula</h1>
    <?php
    $a = 10;
    $b = 20;
    $c = 16;
    $y = ($a+$b)-$c;
    echo "<p>$y</p>";
    ?>
    </body>
    </html>
    5. Efetue o algoritmo que receba os valores de A, B, C e D. Efetue a soma
    entre A e D, a multiplicação entre D e C, a divisão ente A e C, a subtração
    entre B e D. Mostre os resultados na tela,
    a) Resultado da multiplicação com cor verde, fonte de letra Tahoma.
    b) Resultado da subtração com cor preta e sublinhado.
    c) Resultado da soma com cor rosa e itálico.
    d) Resultado da divisão com cor amarelo e negrito.

    6. Elabore um algoritmo mostrando a mensagem "deverei estudar bastante


    para poder passar", sendo que as palavras estudar e passar deveram estar em
    negrito e o restante do texto em letra vermelha.
    //index.php
    <html>
    <head>
    <link rel="stylesheet" href="estilo.css"/>
    </head>
    <body>
    <?php
    echo "<p>deverei<span> estudar</span> para poder<span>
    passar</span></p>";
    ?>
    </body>
    </html>

    //estilo.css
    span{
    font-weight: bold;
    color: black;
    }
    p{
    color: red;
    }

    Você também pode gostar