CarlosWGama

HTML - Aula 03

Nov 3rd, 2020 (edited)
201
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Atividade 1 - HTML</title>
  5. </head>
  6. <body>
  7.     <table width="100%">
  8.  
  9.         <tr>
  10.             <!-- LOGOS -->
  11.             <td>
  12.                 <h1>Clínica Online</h1>
  13.                 <h2>Bem Vindo!</h2>
  14.             </td>
  15.             <!-- BOTÃO SAIR -->
  16.             <td align="right">
  17.                 <a href="http://google.com.br">Sair</a>
  18.             </td>
  19.         </tr>
  20.     </table>
  21.  
  22.     <table bgcolor="#D3D3D3" width="100%">
  23.        
  24.         <tr>
  25.             <td width="300" >
  26.                 <img src="https://loremflickr.com/300/300"/>   
  27.             </td>
  28.  
  29.             <td valign="top">
  30.                 <h3>Tabela de Preços</h3>
  31.                 <!-- PREÇO -->
  32.                 <p>Preço Consulta</p>
  33.                 <ul>
  34.                     <li>Gato (R$ 50)</li>
  35.                     <li>Cachorro (R$ 70)</li>
  36.                     <li>Pássaro (<s>R$ 40</s> por <mark><strong>R$ 20<strong></mark>)</li>
  37.                 </ul>
  38.                
  39.                 <hr/>
  40.  
  41.                 <!-- PERGUNTAS -->
  42.                 <h3>Dúvidas</h3>
  43.                 <details>
  44.                     <summary>Quais são as formas de pagamento?</summary>
  45.                     <ul>
  46.                         <li>Debito</li>
  47.                         <li>Cartão</li>
  48.                         <li>Boleto</li>
  49.                     </ul>
  50.                 </details>
  51.                
  52.                 <details>
  53.                     <summary>Horário de atendimento</summary>
  54.                     <p>Segunda a sexta das 8h as 20h</p>
  55.                 </details>
  56.  
  57.                
  58.                 <hr/>
  59.  
  60.                 <!-- FORMULARIO -->
  61.                 <h3>Contato</h3>
  62.                 <fieldset>
  63.                     <legend>Formulário</legend>
  64.                     <form action="">
  65.                         <label for="dono">Dono:</label>
  66.                         <input type="text" id="dono" name="dono" placeholder="Carlos"/>
  67.                         <br/>
  68.  
  69.                         <label for="nome_animal">Nome animal:</label>
  70.                         <input type="text" id="animal" name="nome_animal" placeholder="Bob"/>
  71.                         <br/>
  72.                        
  73.                         <label for="data">Data da consulta</label>
  74.                         <input type="date" id="data" name="data"/>
  75.                         <br/>
  76.                        
  77.                         <label>Animal:</label>
  78.                         <input type="radio" value="gato" name="animal" checked="true" /> Gato
  79.                         <input type="radio" value="cachorro"  name="animal"/> Cachorro
  80.                         <input type="radio" value="gato"  name="animal"/> Pássaro
  81.                         <br/>
  82.                        
  83.                         <label for="raca">Raça:</label>
  84.                         <input type="text" list="raca" name="raca" placeholder="Poodle"/>
  85.                         <datalist id="raca">
  86.                             <option>Vira-Lata</option>
  87.                             <option>Poodle</option>
  88.                             <option>Golden retriever</option>
  89.                             <option>Labrador</option>
  90.                         </datalist>
  91.                         <br/>
  92.  
  93.                         <label for="observacao">Observação:</label><br/>
  94.                         <textarea name="observacao" id="observacao" cols="50" rows=""> </textarea>
  95.  
  96.  
  97.                         <br/>
  98.                         <input type="submit" value="Confirmar!"/>
  99.                     </form>
  100.                 </fieldset>
  101.             </td>
  102.  
  103.     </table>
  104.    
  105. </body>
  106. </html>
RAW Paste Data