<!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
0 B
|👍
/👎