Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement