NUNCA MAIS PASSE RAIVA POR NÃO CONSEGUIR RESOLVER UM PROBLEMA COM O EXCEL - GARANTIDO!

UNIVERSIDADE DO VBA - Domine o VBA no Excel Criando Sistemas Completos - Passo a Passo - CLIQUE AQUI

Você está em: PrincipalTutoriaisInformatizando sua Empresa com Excel : Htmlbasico010
Quer receber novidades e e-books gratuitos?

FILTRO DE TUTORIAIS:


Html Básico. Parte 10

 

Objetivo:

 

O objetivo deste tutorial  é ensinar você a criar tabelas, bem como trabalhar com esta tabela utilizandos alguns dos seus atributos, tudo mostrado de forma simples e objetiva  através das telas.

 

Pré-requisito:

 

Para você poder acompanhar o desenvolvimento deste tutorial, será necessário ter conhecimento no mínimo do de informática básica e Parte 1, Parte 2, Parte 3 , Parte 4,  Parte 5,  Parte 6,  Parte 7, Parte 8 e Parte 9 do tutorial html básico.

 

Nota:

 

Irei ensinar a linguagem de html de uma forma bem objetiva, ou seja, iremos aprender na prática através da criação páginas.

 

Vamos começar  criando uma página para a criação das tabelas a qual iremos chamar de tabelas.html, copie o código abaixo e salve dentro da pasta site que a nossa pasta de projetos.

 

<html>

<head><title>Tabelas HTML</title></head>

 

<body>

<center>

<h2>Criação de Tabelas Html</h2>

</center>

</body>

 

</html>

 

Veja a página abaixo:

 

Tela 001

 

Para começar a criar tabelas utilizamos as seguintes  etiquetas:
 <table></table>

 

Dentro dessas colocamos as outras etiquetas, os textos, imagens entre outros, ou seja, utilizamos as etiquetas <tr></tr> para definir linha na tabela e as etiquetas <td>/<td> para definir a coluna da mesma, vou mostrar um estrutura basica , onde vou mostrar uma tabela que tem duas linhas e duas colunas. Para isso através da página tabelas.html você deve exibir o codigo fonte, que é o codigo que relacionei logo acima para a criação da página que é mostrada na tela 001 e copiar o codigo abaixo, veja o procedimento.

 

<br><br>

 

<center>

 

<table>

<tr>

<td>Tabela</td>

<td>Tabela </td>

</tr>

<tr>

<td>Aprender</td>

<td>Aprender</td>

 

</tr>

 

</table>

 

</center>

 

Comecei inserindo uma quebra de página e depois as etiquetas para centralizar a tabela.Para iniciar a tabela começamos pelas etiquetas <table></table>, depois inseria etiquetas <tr></tr> para criar a primeira linha e dentro da mesma inseri as etiquetas <td></td> para a criação da primeira e segunda coluna, e ainda inseri um palavra na mesma.

 

Tela 002

 

Vamos começar a conhecer e a utilizar atributos dentro da tabela, o primeiro será “border” este serve para inserir um borda em volta da tabela, podemos especificar a espessura da mesma. Vamos inserir uma borda nesta tabela que acabamos de criar com a espessura 2, veja o procedimento:

 

Border=”2” esta é a definição que vamos utilizar.

 

<table  border=”2”>

<tr>

<td>Tabela</td>

<td>Tabela </td>

</tr>

<tr>

<td>Aprender</td>

<td>Aprender</td>

 

</tr>

 

</table>

 

Tela 004

 

Você pode aumentar o tamanho da espessura para ver como fica, agora vamos inserir o atributo “Bordercolor” este serve para inserir-mos uma cor a borda, vamos inserir a cor azul.

 

Bordercolor=”blue”

 

<table  border=”2” bordercolor=”blue”>

<tr>

<td>Tabela</td>

<td>Tabela </td>

</tr>

<tr>

<td>Aprender</td>

<td>Aprender</td>

 

</tr>

 

</table>

 

Tela 005

 

Agora vamos utilizar os atributos Widht e heigt para especificar altura e largura da tabela.Veja que este aribustos estou ensirindo dentro da etiqueta <table>, mas pode ser inserido dentro das colunas ou linhas.Vamos especificar a largura e altura  da tabela em 100%.

 

<table  border=”2” bordercolor=”blue”   whidth=” 80%” height=”80%”>

<tr>

<td>Tabela</td>

<td>Tabela </td>

</tr>

<tr>

<td>Aprender</td>

<td>Aprender</td>

 

</tr>

 

</table>

 

Tela 006

 

Agora vamos aprender a inserir uma cor de fundo na tabela para isso utlizamos etiqueta Bgcolor, vamos definir a cor verde.

 

bgcolor=”green”

 

<table  border=”2” bordercolor=”blue”   whidth=” 80%” height=”80%” bgcolor=”green”>

<tr>

<td>Tabela</td>

<td>Tabela </td>

</tr>

<tr>

<td>Aprender</td>

<td>Aprender</td>

 

</tr>

 

</table>

 

Tela 007

 

Conclusão:

 

Ensinei como criar tabelas e a utilizar alguns atributos , tudo de uma  forma objetiva e mostrado através das telas para que você tenha uma melhor entendimento possível, na próxima parte continuaremos o nosso aprendizado sobre html.Bons Estudos.

 

Quer receber novidades e e-books gratuitos?

Cursos Online

  • Banco de Dados
  • Carreira
  • Criação/Web
  • Excel/Projetos
  • Formação
  • + Todas as categorias
  • Essential SSL

    Contato: Telefone: (51) 3717-3796 | E-mail: webmaster@juliobattisti.com.br | Whatsapp: (51) 99627-3434

    Júlio Battisti Livros e Cursos Ltda | CNPJ: 08.916.484/0001-25 | Rua Vereador Ivo Cláudio Weigel, 537 - Universitário, Santa Cruz do Sul/RS, CEP: 96816-208

    Todos os direitos reservados, Júlio Battisti 2001-2020 ®

    [LIVRO]: MACROS E PROGRAMAÇÃO VBA NO EXCEL 2010 - PASSO-A-PASSO

    APRENDA COM JULIO BATTISTI - 1124 PÁGINAS: CLIQUE AQUI