HTML Básico

Html Básico. 

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:

Tabelas HTML

Criação de Tabelas Html

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.

LISTA DE TODOS OS TUTORIAIS DISPONÍVEIS

LIVROS CAMPEÕES DE VENDA NO SITE

Cursos Online com Certificado e Suporte à Dúvidas

BANCOS DE DADOS
Access Avançado, Macros e VBA Access 2007 Avançado, Macros e VBA Consultas no Access
CARREIRA
Como Liderar, Influenciar e Motivar Pessoas Profissionalizante de Informática Oratória
Raciocínio Lógico Informática para Concursos
CRIAÇÃO/WEB
Actionscript 3 Avançado Como criar video-aulas Como criar um site completo 2
Criação de Sites em 400 Lições Criação de Sites dinâmicos sem programação CSS
Loja Virtual com Magento Moodle Profissionalizante de Flash
Programação para Web Temas para WordPress Word 2010
Word para TCC WordPress Artisteer
Como criar um site completo 3 Joomla Magento – volume 2
Opencart Prestashop Virtuemart
WordPress – Volume 1 WordPress – E-commerce Lógica de Programação
EXCEL/PROJETOS
Excel 2010 Programação VBA no Excel Macros e Programação VBA no Excel 2007
Excel 2007 Avançado
FORMAÇÃO
Adobe Vídeo Design Gráfico Dreamweaver
Flash Master Collection CS5 Web Design
WordPress Hardware e Redes Design e Criação de Sites
MANUTENÇÃO
Hardware: Montagem e Manutenção Segurança de Computadores e Internet Configuração de Setup de Computadores
Manutenção Preventiva e Backup Monte Computadores Sem Saber Hardware Hardware Avançado
ITIL V3
PROGRAMAS GRÁFICOS
After Effects CS5 Corel Draw X4 Encore DVD CS5
Fireworks CS5 Photoshop Photoshop CS5 – Completo
Power Point 2010 Premiere CS5 Vegas 9
REDES E SERVIDORES
Windows Server 2003 Configuração de Roteadores e Switches – Básico IPv6 – Teoria e Prática
Profissionalizante de Redes SQL Server 2005 Técnico de Cabeamento Estruturado
Técnico de Redes WAN Profissional de Redes Wireless Redes
Linux para Iniciantes Redes Avançado
SAP
Profissionalizante de SAP e Logística SAP Básico e Módulos Funcionais SAP Business One
CURSOS ONLINE COM CERTIFICADO – INDICADOS POR JÚLIO BATTISTI
EM PARCERIA COM CURSOS 24 HORAS
AdministraÇÃo
COMUNICAÇÃO E MARKETING
CONCURSOS PÚBLICOS
CONTABILIDADE E ECONOMIA
DIREITO
GESTÃO E LIDERANÇA
INFORMÁTICA
MEIO AMBIENTE
PEDAGOGIA
ProfissionalizanteS
RECURSOS HUMANOS
SAÚDE
TURISMO E HOTELARIA
CURSOS ONLINE COM CERTIFICADO – INDICADOS POR JÚLIO BATTISTI
EM PARCERIA COM BRAVA CURSOS
INFORMÁTICA
AdministraÇÃo
Profissionalizante
EstÉtica
Pessoal
NegÓCIOS
Entretenimento
SaÚde
Meio Ambiente
MÚsica
NutriÇÃo
RelaÇÕes Humanas
Web Master
Designer GrÁfico
CURSO EM FORMATO DE VÍDEO-AULA
EXEMPLOS PRÁTICOS PASSO A PASSO COM SOM E IMAGEM
Clique no curso para informações detalhadas
Curso Duração Informações
ACCESS
Vídeo Aula: Access 2007 – Consultas – Curso Completo e Prático 4:30h Clique aqui
Vídeo Aula: Access 2007 – Curso Básico e Prático 5:30h Clique aqui
Vídeo Aula: Access 2007 – Curso Intermediário – Passo a Passo 5:00h Clique aqui
Vídeo Aula: Access 2007 Avançado Macros e Programação VBA 11:30h Clique aqui
Vídeo Aula: Access 2010 – Básico + Intermediário 3:00h Clique aqui
Vídeo Aula: Access 2010 – Curso Avançado – Passo a Passo 02:00h Clique aqui
Vídeo Aula: Aprenda Access 2007 – Curso Prático 1:30h Clique aqui
Vídeo Aula: Formulários e Macros no Access 2007 – Curso Prático 6:00h Clique aqui
Vídeo-Aula – Access 2007 – Curso Básico 2:01h Clique aqui
Vídeo-aula – Access 2007 – Tudo Sobre Consultas 2:30h Clique aqui
Vídeo-Aula – Curso Avançado de Access 2003 2:48h Clique aqui
Vídeo-Aula – Curso Básico de Access 2003 2:49h Clique aqui
EXCEL
Vídeo-aula – Macros e Programação VBA no Excel 2003 – Básico e Interm… 13:02h Clique aqui
Vídeo-Aula: Excel 2007 – Curso Avançado 6:00h Clique aqui
Vídeo-Aula: Excel 2007 Avançado – Passo a Passo 7:30h Clique aqui
Vídeo Aula: Aprenda Excel 2007 – Avançado 1:30h Clique aqui
Vídeo Aula: Aprenda Excel 2007 – Curso Básico 1:30h Clique aqui
Vídeo Aula: Aprenda Excel 2007 – Intermediário 1:30h Clique aqui
Vídeo Aula: Criando Formulários no Excel – Usando Programação VBA – Pa… 3:30h Clique aqui
Vídeo Aula: Excel 2010 – Básico e Intermediário 7:36h Clique aqui
Vídeo aula: Excel 2010 – Dashboards – Curso Completo 2:49h Clique aqui
Vídeo Aula: Formatação Condicional no Excel 2007 2:00h Clique aqui
Vídeo Aula: Funções de Pesquisa no Excel 2007 2:00h Clique aqui
Vídeo Aula: Gráficos no Excel 2007 e Excel 2010 – Curso Completo 3:33h Clique aqui
Vídeo Aula: Macros e Programação VBA no Excel 2007 – Básico + Intermed… 11:00h Clique aqui
Vídeo Aula: Macros e Programação VBA no Excel 2007 Curso Avançado 4:00h Clique aqui
Vídeo Aula: Programação VBA no Excel 2010 – Básico e Intermediário 02:30h Clique aqui
Vídeo Aula: Tabelas Dinâmicas no Excel 2007 – Curso Completo 2:30h Clique aqui
Vídeo Aula: Trabalhando com Datas e Horas no Excel 2007 2:20h Clique aqui
Vídeo Aula: Tudo Sobre Funções de Texto no Excel 2007 2:00h Clique aqui
Vídeo-Aula – Criando um Cadastro de Clientes com o VBA no Excel 2003 2:14h Clique aqui
Vídeo-aula – Criando uma Agenda no Excel 0:40h Clique aqui
Vídeo-aula – Excel 2003 – Curso Básico 3:03h Clique aqui
Vídeo-Aula – Excel 2007 – Dashboards – Curso Completo 1:30h Clique aqui
Vídeo-aula – Macros e Programação VBA no Excel 2003 – Avançado 11:27h Clique aqui
Vídeo-Aula – Tabelas Dinâmicas Avançadas no Excel 2003 2:00h Clique aqui
Vídeo-aula – Tudo Sobre Funções Matriciais no Excel 2:30h Clique aqui
Vídeo-Aula – Tudo Sobre Gráficos no Excel 2003 9:00h Clique aqui
Vídeo-aula interativa: Tudo Sobre Tabelas Dinâmicas no Excel 2003 2:30h Clique aqui
Vídeo-Aula: Excel 2003 Avançado em 120 Lições 14:00h Clique aqui
Vídeo-aula: Excel 2007/2010 Básico + Intermediário em 26 Lições 3:00h Clique aqui
WORD
Vídeo Aula: Aprenda Word 2007 – Curso Prático 1:30h Clique aqui
Vídeo-Aula – Curso Básico de Word 2003 2:14h Clique aqui
Vídeo-aula – Word 2003 Avançado 1:34h Clique aqui
Vídeo-aula – Word 2003 Básico 2:14h Clique aqui
Vídeo-Aula – Word 2007 – Curso Básico 2:23h Clique aqui
Vídeo-Aula: Word 2007 – Curso Básico Passo a Passo 02:00h Clique aqui
POWERPOINT
Vídeo Aula: Aprenda PowerPoint 2007 – Curso Prático 1:30h Clique aqui
Vídeo-Aula – Curso Básico de PowerPoint 2003 2:22h Clique aqui
WINDOWS
Vídeo Aula: Aprenda Windows 7 – Curso Prático 1:30h Clique aqui
Vídeo-Aula – Curso Básico de Windows XP 2:36h Clique aqui
Vídeo-Aula – Windows 7 – Formatação, Instalação e Configuração 3:40h Clique aqui
Vídeo-Aula – Windows Server 2003 e Active Directory – Instalação e Adm… 27:00h Clique aqui
Vídeo-Aula – Windows XP – Formatação e Instalação 3:47h Clique aqui
Vídeo-Aula – Windows XP Básico + Intermediário + Dicas Práticas 8:00h Clique aqui
Vídeo-Aula: GPOs no Windows Server 2003 – Curso Completo 4:00h Clique aqui
Vídeo-Aula: Windows 7 – Curso Prático 5:00h Clique aqui
Vídeo-Aula: Windows Server 2003 – DNS DHCP WINS e TCP/IP 5:00h Clique aqui
Windows Server 2003 – Terminal Services e Active Directory 2:30h Clique aqui
REDES E TCP/IP
Aprenda Redes para Casas e Escritórios 1:30h Clique aqui
PROGRAMAÇÃO
Vídeo-Aula: Programação Delphi – Básico + Intermediário 30:00h Clique aqui
Vídeo Aula: ADO.NET Avançado com C# 2010 e VB.NET 2010 8:30h Clique aqui
Vídeo Aula: Criando um Sistema de Controle de Estoque Completo com Del… 11:19h Clique aqui
Vídeo Aula: Programação C++ – Básico e Intermediário 6:00h Clique aqui
Vídeo Aula: Programação Java – Módulo III 5:30h Clique aqui
Vídeo Aula: Programação Orientada à Objetos com Java 9:00h Clique aqui
Vídeo Aula: Programação PHP Orientada a Objetos 06:00h Clique aqui
Vídeo-Aula – CALCULADORA HP 12C – Curso Prático em 80 Lições 02:30h Clique aqui
Vídeo-Aula – CALCULADORAS HP 50G – 49G/G+ – 48 GII 1:30h Clique aqui
Vídeo-Aula – Curso Completo de Lógica de Programação 22:15h Clique aqui
Vídeo-Aula – Curso Completo de PHP + HTML + CSS 27:35h Clique aqui
Vídeo-Aula – Lógica de Programação com VB.NET 14:00h Clique aqui
Vídeo-Aula – Programação C – Curso Básico e Intermediário 12:00h Clique aqui
Vídeo-Aula – Programação Web com ASP.NET 3.5 e VB.NET – Básico 19:00h Clique aqui
Vídeo-Aula – VB.NET 2010- Curso Avançado 37:00h Clique aqui
Vídeo-Aula: Curso de Java e Lógica de Programação com Java 8:00h Clique aqui
Vídeo-aula: Programação PHP – Passo a Passo em 151 Lições 2:00h Clique aqui
Vídeo-aula: Programação Visual C Sharp 2010 – Passo a Passo – Curso Bá… 37:00h Clique aqui
Vídeo-Aula: Programação Web com ASP.NET 4.0 e C# – Curso Avançado 22:00h Clique aqui
Vídeo-Aula: Programação Web com ASP.NET 4.0 e C# – Curso Básico 20:00h Clique aqui
Vídeo-Aula: VB.NET 2010 – Curso Básico e Prático 22:00h Clique aqui
Vídeo-aula: Visual C# 2010 – Curso Avançado e Prático 32:00h Clique aqui
CONCURSOS PÚBLICOS
130 Questões de Matemática para Concursos Públicos – Resolvidas e Come… 6:00h Clique aqui
Vídeo Aula: Aprenda Matemática na Prática – Geometria Espacial 6:00h Clique aqui
Vídeo Aula: Aprenda Matemática na Prática – Logaritmos 03:00h Clique aqui
Vídeo Aula: Aprenda Matemática na Prática – Números Complexos 1:00h Clique aqui
Vídeo Aula: Derivadas I: Regras de Derivação e Exercícios Resolvidos -… 4:00h Clique aqui
Vídeo Aula: Física 1 – Ensino Médio 1:30h Clique aqui
Vídeo Aula: Física 2 – Ensino Médio 1:30h Clique aqui
Vídeo Aula: Física 3 – Ensino Médio 1:30h Clique aqui
Vídeo Aula: Matemática 1 – Ensino Médio 1:30h Clique aqui
Vídeo Aula: Matemática 2 – Ensino Médio 1:30h Clique aqui
Vídeo Aula: Matemática 3 – Ensino Médio 1:30h Clique aqui
Vídeo Aula: Progressão Aritmética – PA mais Progressão Geométrica – PG… 4:00h Clique aqui
Vídeo-aula – Análise Combinatória – Teoria e Prática 6:00h Clique aqui
Vídeo-aula – Conjuntos – Teoria e Prática 5:00h Clique aqui
Vídeo-aula – Excel Para Concursos Públicos – Simulados e Provas Coment… 2:00h Clique aqui
Vídeo-aula – Matemática Financeira – Teoria e Prática 9:10h Clique aqui
Vídeo-Aula – Raciocínio Lógico – Curso Completo e Prático 12:00h Clique aqui
Vídeo-aula – Série Concursos: Inglês ESAF – Simulados e Provas Comenta… 2:00h Clique aqui
Vídeo-Aula: Concordância Nominal e Concordância Verbal 6:00h Clique aqui
Vídeo-Aula: Contabilidade Para Iniciantes – Curso Básico e Didático 05:00h Clique aqui
Vídeo-Aula: Crase – 100 Questões Resolvidas e Comentadas 3:30h Clique aqui
Vídeo-Aula: Matemática do 1º Ano do 2º Grau – Curso Completo 27:00h Clique aqui
Vídeo-Aula: Matemática do 1º Grau – Curso Completo 30:00h Clique aqui
Vídeo-Aula: Matemática do 2º Ano do 2º Grau – Curso Completo 23:00h Clique aqui
Vídeo-Aula: Matemática do 3º Ano do 2º Grau – Curso Completo 10:00h Clique aqui
Vídeo-Aula: Raciocínio Lógico – 100 Questões Resolvidas e Comentadas 08:00h Clique aqui
Vídeo-Aula: Trigonometria – Teoria e Prática – Completo 6:00h Clique aqui
BANCO DE DADOS
Vídeo-Aula – Dominando o ORACLE – Curso Prático 12:00h Clique aqui
Vídeo-Aula – Linguagem SQL e Banco de Dados – Teoria e Prática 08:00h Clique aqui
Vídeo-Aula – MySQL – Curso Completo e Prático 12:00h Clique aqui
Vídeo-aula – SQL Server 2005 – Reporting Services 2:30h Clique aqui
Vídeo-Aula: Dominando o SQL Server 2005 – Curso Completo 5:00h Clique aqui
Vídeo-Aula: Firebird e Linguagem SQL – Curso Completo 12:00h Clique aqui
WEBDESIGN
Criando um Site Completo e Profissional com Fireworks, Flash, Dreamwea… 5:00h Clique aqui
Criando um Site ou Blog Dinâmico, Completo e Profissional, facilmente,… 6h Clique aqui
Vídeo-Aula – Criação de Sites – Curso Básico 3:00h Clique aqui
Vídeo-Aula – Criando uma Loja Virtual com PHP e MySQL – Curso Completo… 19:00h Clique aqui
Vídeo-Aula – Flash MX – Curso Básico 2:26h Clique aqui
Vídeo-Aula – HTML – Curso Prático 2:40h Clique aqui
Vídeo-Aula: Como Criar um Portal Profissional e Dinâmico, com o WordPr… 7:40h Clique aqui
Vídeo-Aula: Criando uma Loja Virtual Completa com o Magento 5:33h Clique aqui
INTERNET
Vídeo-Aula – Curso de Microinformática Prática 4:35h Clique aqui
Vídeo-aula – Curso Prático de Internet 0:40h Clique aqui
Vídeo-aula – Curso Prático de Outlook Express 0:55h Clique aqui
Vídeo-Aula: Tudo Sobre Rede Sociais – Facebook, Twitter, Orkut e MSN … 3:00h Clique aqui
CAD
Vídeo-Aula – Curso de Autocad 2D 4:00h Clique aqui
Vídeo-Aula – Curso de Autocad 3D 3:45h Clique aqui
VÍDEO E ÁUDIO
DVD: Conversão de Formatos Digitais: Áudio e Vídeo 1:26h Clique aqui
Sony Vegas 8 PRO – Edição de Vídeo e Multimídia para Web 5:00h Clique aqui
Vídeo-Aula – Curso de Teoria Musical 1:00h Clique aqui
PROGRAMAS GRÁFICOS
Vídeo-Aula – Adobe Illustrator CS4 – Curso Completo 3:00h Clique aqui
Vídeo-Aula – Adobe InDesignr CS4 – Curso Completo 3:00h Clique aqui
Vídeo-Aula – Corel Draw X4 – Curso Completo 5:00h Clique aqui
Vídeo-Aula – Criando Efeitos Digitais com o Photoshop CS4 e com o Illu… 5:00h Clique aqui
Vídeo-Aula – Curso de CorelDraw X4 – Módulo I 3:00h Clique aqui
Vídeo-Aula – Curso Profissional Photoshop 4:20h Clique aqui
ADMINISTRAÇÃO E NEGÓCIOS
DVD – Curso de Oratória – Falando em Público sem Medo 2:36h Clique aqui
VÍDEO AULAS DE HARDWARE E MONTAGEM DE PCS
DVD: Hardware – Curso Básico 0:58h Clique aqui
Vídeo Aula: Aprenda Hardware e Montagem de Microcomputadores
Anúncios

Deixe um comentário

Faça o login usando um destes métodos para comentar:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: