CarlosWGama icon

HTML - Aula 03

CarlosWGama | PRO | 02/19/21 09:43:08 PM UTC (Edited) | 0 ⭐ | 857 👁️ | Never ⏰ | []
HTML 5 |

0 B

|

None

|

0 👍

/

0 👎

<!DOCTYPE html>
<html>
<head>
    <title>Atividade 1 - HTML</title>
</head>
<body>
    <table width="100%">
 
        <tr>
            <!-- LOGOS -->
            <td>
                <h1>Clínica Online</h1>
                <h2>Bem Vindo!</h2>
            </td>
            <!-- BOTÃO SAIR -->
            <td align="right">
                <a href="http://google.com.br">Sair</a>
            </td>
        </tr>
    </table>
 
    <table bgcolor="#D3D3D3" width="100%">
        
        <tr>
            <td width="300" >
                <img src="https://loremflickr.com/300/300"/>    
            </td>
 
            <td valign="top">
                <h3>Tabela de Preços</h3>
                <!-- PREÇO -->
                <p>Preço Consulta</p>
                <ul>
                    <li>Gato (R$ 50)</li>
                    <li>Cachorro (R$ 70)</li>
                    <li>Pássaro (<s>R$ 40</s> por <mark><strong>R$ 20<strong></mark>)</li>
                </ul>
                
                <hr/>
 
                <!-- PERGUNTAS -->
                <h3>Dúvidas</h3>
                <details>
                    <summary>Quais são as formas de pagamento?</summary>
                    <ul>
                        <li>Debito</li>
                        <li>Cartão</li>
                        <li>Boleto</li>
                    </ul>
                </details>
                
                <details>
                    <summary>Horário de atendimento</summary>
                    <p>Segunda a sexta das 8h as 20h</p>
                </details>
 
                
                <hr/>
 
                <!-- FORMULARIO -->
                <h3>Contato</h3>
                <fieldset>
                    <legend>Formulário</legend>
                    <form action="">
                        <label for="dono">Dono:</label>
                        <input type="text" id="dono" name="dono" placeholder="Carlos"/> 
                        <br/>
 
                        <label for="nome_animal">Nome animal:</label>
                        <input type="text" id="animal" name="nome_animal" placeholder="Bob"/> 
                        <br/>
                        
                        <label for="data">Data da consulta</label>
                        <input type="date" id="data" name="data"/>
                        <br/>
                        
                        <label>Animal:</label>
                        <input type="radio" value="gato" name="animal" checked="true" /> Gato
                        <input type="radio" value="cachorro"  name="animal"/> Cachorro
                        <input type="radio" value="gato"  name="animal"/> Pássaro
                        <br/>
                        
                        <label for="raca">Raça:</label>
                        <input type="text" list="raca" name="raca" placeholder="Poodle"/> 
                        <datalist id="raca">
                            <option>Vira-Lata</option>
                            <option>Poodle</option>
                            <option>Golden retriever</option>
                            <option>Labrador</option>
                        </datalist>
                        <br/>
 
                        <label for="observacao">Observação:</label><br/>
                        <textarea name="observacao" id="observacao" cols="50" rows=""> </textarea>
 
 
                        <br/>
                        <input type="submit" value="Confirmar!"/>
                    </form>
                </fieldset>
            </td>
 
    </table>
    
</body>
</html>

Comments

  •  icon
    01/01/70 12:00:00 AM UTC
    Plain Text |

    0 B

    |

    👍

    /

    👎