hussyvel
/
bootcamp
1
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 0 Wiki Activity
Browse Source

centralizando minha tabela e o frame

master
hussyvel 3 years ago
parent
bc6d89e11f
commit
788394dfe7
7 changed files with 197 additions and 2 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      .parques-naturais.html.swo
  2. BIN
      .parques-naturais.html.swp
  3. +20
    -0
      css/estilo.css
  4. +46
    -0
      extensao.html
  5. +3
    -2
      index.html
  6. +127
    -0
      parques-naturais.html
  7. +1
    -0
      salvar.html

BIN
.parques-naturais.html.swo View File


BIN
.parques-naturais.html.swp View File


+ 20
- 0
css/estilo.css View File

@ -0,0 +1,20 @@
body {
color: black;
margin: 0;
text-align: center;
font-family: verdana, sans-serif;
font-size: 20px;
}
table {
width:800px;
margin-left:auto;
margin-right:auto;
}
table, tr, th {
border:30px solid blue;
}

+ 46
- 0
extensao.html View File

@ -0,0 +1,46 @@
<DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/estilo.css">
</head>
<body>
<table>
<thead>
<tr>
<th>ANIMAIS</th>
<th>QUANTIDADE</th>
</tr>
</thead>
<tbody>
<tr>
<th>On&ccedil;a-pintada</th>
<td>10000</td>
</tr>
<tr>
<th>lobo-guar&aacute; </th>
<td>50</td>
</tr>
<tr>
<th>Panda</th>
<td>2500</td>
</tr>
<tr>
<th>arara-azul-de-lear</th>
<td>1200</td>
</tr>
<tr>
<th>Peixe-boi-marinho</th>
<td>500</td>
</tr>
</tbody>
<tfoot>
</tfoot>
</table>
<iframe src="salvar.html" name="meu-iframe" width="500" height="800">Salvo com sucesso</iframe>
</body>
</html>

+ 3
- 2
index.html View File

@ -28,7 +28,8 @@
<h2>Hi, welcome!!!</h2> <h2>Hi, welcome!!!</h2>
<p class="intro">I'm a software engineer 💻, develop with Reactjs, Nodejs and Ruby on Rails. I like coffee, sandwiches, video games, singing, football and others... </p> <p class="intro">I'm a software engineer 💻, develop with Reactjs, Nodejs and Ruby on Rails. I like coffee, sandwiches, video games, singing, football and others... </p>
<a href="moreaboutme.html">Segunda página</a> <a href="moreaboutme.html">Segunda página</a>
<a href="./subsite/index.html">Segundo site - subsite</a>
<a href="./subsite/index.html">Segundo site - subsite</a>
<a href="extensao.html">Pagina Extensão</a>
</div> </div>
<hr> <hr>
@ -91,7 +92,7 @@
<a class="footer-link" href="https://twitter.com/hussyvel">Twitter</a> <a class="footer-link" href="https://twitter.com/hussyvel">Twitter</a>
<a class="footer-link" href="https://hussyvel.github.io/">Website</a> <a class="footer-link" href="https://hussyvel.github.io/">Website</a>
<a class="footer-link" href="http://api.whatsapp.com/send?1=pt_BR&phone=5599981522892">Whatsapp</a> <a class="footer-link" href="http://api.whatsapp.com/send?1=pt_BR&phone=5599981522892">Whatsapp</a>
<p class="copyright">© 2022 Hussyvel Ribeiro </p>
<p class="copyright">© 2023 Hussyvel Ribeiro </p>
</div> </div>
</div> </div>
</footer> </footer>


+ 127
- 0
parques-naturais.html View File

@ -0,0 +1,127 @@
<DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<table cellspacing="5" cellpadding="10" border="2">
<thead>
<th>Parques Naturais</th>
<th>&Aacute;rea em m2</th>
<th>Estado</th>
</thead>
<tbody>
<tr>
<th>Parque Nacional do Pico da Neblina </th>
<td>2.2000 hectares </td>
<td>Amazonas</td>
<tr>
<tr>
<th>Parque Nacional do Igua&ccedil;u</th>
<td>185.262 hectares </td>
<td>Paran&aacute;</td>
</tr>
<tr>
<th>Parque Nacional da Chapada dos Veadeiros </th>
<td>240.611 hectares</td>
<td>Goi&aacute;s</td>
</tr>
<tr>
<th>Parque Nacional da Tijuca </th>
<td>3953 hectares</td>
<td>Rio de Janeiro</td>
</tr>
<tr>
<th>Parque Nacional do Ja&uacute;</th>
<td>2.272.000 hectares</td>
<td>Amazonas</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>Somat&oacute;rio</th>
<td colspan="2">48.518,26 hectares</td>
</tr>
</tfoot>
</table>
<form action="extensao.html">
<div>
<label> Nome do animal</label>
<input type="text" name="nome" />
</div>
<div>
<label for="numero" >Quantidade</label>
<input type="number" id="numero" name="numero" min="0" max="200">
</div>
<div>
<label for="parque" >Parque</label>
<input id="parque" type="text" name="parque" />
</div>
<div>
<select>
<option value="">Selecione</option>
<option value="AC">Acre</option>
<option value="AL">Alagoas</option>
<option value="AP">Amapá</option>
<option value="AM">Amazonas</option>
<option value="BA">Bahia</option>
<option value="CE">Ceará</option>
<option value="DF">Distrito Federal</option>
<option value="ES">Espirito Santo</option>
<option value="GO">Goiás</option>
<option value="MA">Maranhão</option>
<option value="MS">Mato Grosso do Sul</option>
<option value="MT">Mato Grosso</option>
<option value="MG">Minas Gerais</option>
<option value="PA">Pará</option>
<option value="PB">Paraíba</option>
<option value="PR">Paraná</option>
<option value="PE">Pernambuco</option>
<option value="PI">Piauí</option>
<option value="RJ">Rio de Janeiro</option>
<option value="RN">Rio Grande do Norte</option>
<option value="RS">Rio Grande do Sul</option>
<option value="RO">Rondônia</option>
<option value="RR">Roraima</option>
<option value="SC">Santa Catarina</option>
<option value="SP">São Paulo</option>
<option value="SE">Sergipe</option>
<option value="TO">Tocantins</option>
</select>
</div>
<div>
<label>
<input type="checkbox" name="autoriza" /> Voc&ecirc; autoriza.
</label>
</div>
<button>Enviar</button>
</form>
</body>
</html>

+ 1
- 0
salvar.html View File

@ -0,0 +1 @@
salvo com sucesso!!!!

Write Preview
Loading…
Cancel
Save