SlideShare una empresa de Scribd logo
1 de 15
Curso de HTML
- Elementos
Aula 02
Tales Augusto
@talesdejesus
www.talesaugusto.biz
Algumas informações...
 Sejam

bem vindos ao a segunda aula do
curso de HTML.
 Lembrando que todos que participarem
deste curso mandando mensagens
comentando tirando dúvidas nos
comentários receberão uma declaração
confirmando que participaram deste
curso.
Elementos básicos
Definição:
 Um

elemento HTML é um componente
individual de um documento HTML.
 Documentos HTML são compostos de
uma árvore de elementos HTML e outros
nós, tais como nós de textos. Cada
elemento pode ter determinados
atributos.
Definição:
 Os

elementos podem ter ainda
conteúdo, incluindo outros elementos e
textos. Elementos HTML representam
semântica ou significado. Por exemplo, o
elemento title representa o título de um
documento.
Definição:
 Na

sintaxe HTML, a maioria dos elementos
são escritos com marcadores (ainda
chamados de etiquetas ou tags) de
abertura e um marcador de fechamento,
com o conteúdo entre os dois. As
etiquetas são compostas do nome do
elemento, fechadas por parênteses
angulares.
Elementos básicos e principais
de qualquer página em HTML:
<html> // Esta é a tag de abertura de qualquer página
em HTML
<head>// Esta é a tag de abertura do cabeçalho.
<title>Título do Documento </title> //Estas são as tags
de abertura e fechamento do //titulo de qualquer
página em HTML
</head> //Esta é a tag de fechamento do cabeçalho
<body>// O body é o corpo da página. Tudo que for
colocando entre as tags de abertura e fechamento
aparecerá em sua página.
Aqui entra o corpo do documento.
</body>// Fechamento da tag do corpo.
</html>//Fechamento da página em html
Em resumo:
O

elemento HEAD indica o começo do
cabeçalho que descreve todos os
elementos que deverão ser aplicados
para todas as seções do documento ou
de outros documentos que estejam
relacionados com este.
Em resumo:
O

elemento TITLE (deve estar no
cabeçalho) só é mostrado na barra de
título da janela associada. Não aparece
no texto.
 O elemento BODY delimita o conteúdo
do documento.
Fazendo um teste:
 Para

ver como nas páginas da internet
tem HTML, faça o seguinte acesse o site
do G1 no seu computador.
Aperte ctrl + u dependendo do seu
navegador irá abrir uma nova tela com o
código fonte da página exibindo os
elementos básicos do HTML que
mostramos para você nesta aula.
Veja mais alguns elementos
HTML que você poderá utilizar:
Paragrafo:
<p></p>// Esta tag deve ser utilizada para
parágrafos.
 Titulos/SubTitulos:
Divididos em até seis tamanhos de letras
<h1></h1>//Tamanho 1
<h2></h2>//Tamanho 2
<h3></h3>//Tamanho 3
<h4></h4>//Tamanho 4
<h5></h5>//Tamanho 5
<h6></h6>//Tamanho 6

Listas
<ul>//Abertura de uma lista de itens
<li></li>//itens da lista
</ul>//tag de fechamento de uma lista
 Um exemplo de lista:
Marcas de televisão
• Sony
• Sansung
• LG
• Philips
Quebra de Linha:
 <br

/>// Utilizado para quebrar uma linha

 Acesse

o Slide Share nesse link e crie sua
primeira página em HTML
 http://www.slideshare.net/TalesAugusto/
minha-primeira-p
Obrigado!
 Siga

o passo a passo e com certeza dará
certo!
 Obrigado e até a próxima!
 Não esqueça de comentar e deixar
sugestões!
Fontes de Pesquisas:
 http://pt.wikipedia.org/wiki/Elemento_HT

ML
 http://www.alfa.ind.br/luiz/html/basicos.ht
m
 http://www.clem.ufba.br/tuts/html/c03.ht
m

Más contenido relacionado

Más de Tales Augusto

Formas de Pagamentos
Formas de PagamentosFormas de Pagamentos
Formas de PagamentosTales Augusto
 
Filezila FTP (envio de arquivos para o servidor)
Filezila   FTP (envio de arquivos para o servidor)Filezila   FTP (envio de arquivos para o servidor)
Filezila FTP (envio de arquivos para o servidor)Tales Augusto
 
Ferramentas do Google
Ferramentas do GoogleFerramentas do Google
Ferramentas do GoogleTales Augusto
 
11 idéias para montar seu negocio
11 idéias para montar seu negocio11 idéias para montar seu negocio
11 idéias para montar seu negocioTales Augusto
 
Curso Online de Wordpress - Universidade Wordpress
Curso Online de Wordpress - Universidade WordpressCurso Online de Wordpress - Universidade Wordpress
Curso Online de Wordpress - Universidade WordpressTales Augusto
 
Curso de Marketing Digital
Curso de Marketing DigitalCurso de Marketing Digital
Curso de Marketing DigitalTales Augusto
 
Mapa mental curso empresa online
Mapa mental curso empresa onlineMapa mental curso empresa online
Mapa mental curso empresa onlineTales Augusto
 
Como Ganhar Dinheiro na Internet - 5 maneiras
Como Ganhar Dinheiro na Internet - 5 maneirasComo Ganhar Dinheiro na Internet - 5 maneiras
Como Ganhar Dinheiro na Internet - 5 maneirasTales Augusto
 
5 maneiras de colocar sua empresa online
5 maneiras de colocar sua empresa online5 maneiras de colocar sua empresa online
5 maneiras de colocar sua empresa onlineTales Augusto
 
Tabelas de emolumentos_2014
Tabelas de emolumentos_2014Tabelas de emolumentos_2014
Tabelas de emolumentos_2014Tales Augusto
 
Curso de html - Como Criar Furmulários em HTML
Curso de html  - Como Criar Furmulários em HTMLCurso de html  - Como Criar Furmulários em HTML
Curso de html - Como Criar Furmulários em HTMLTales Augusto
 
Curso de html - Introdução ao HTML
Curso de html -  Introdução ao HTMLCurso de html -  Introdução ao HTML
Curso de html - Introdução ao HTMLTales Augusto
 
Tutorial Manutenção Site Wordpress 3.7 [VERSÃO PILOTO]
Tutorial Manutenção Site Wordpress 3.7 [VERSÃO PILOTO]Tutorial Manutenção Site Wordpress 3.7 [VERSÃO PILOTO]
Tutorial Manutenção Site Wordpress 3.7 [VERSÃO PILOTO]Tales Augusto
 
Apresentação da Coleção Editora Interagir
Apresentação da Coleção Editora InteragirApresentação da Coleção Editora Interagir
Apresentação da Coleção Editora InteragirTales Augusto
 
Como Fazer tabelas em HTML
Como Fazer tabelas em HTMLComo Fazer tabelas em HTML
Como Fazer tabelas em HTMLTales Augusto
 

Más de Tales Augusto (20)

Formas de Pagamentos
Formas de PagamentosFormas de Pagamentos
Formas de Pagamentos
 
Filezila FTP (envio de arquivos para o servidor)
Filezila   FTP (envio de arquivos para o servidor)Filezila   FTP (envio de arquivos para o servidor)
Filezila FTP (envio de arquivos para o servidor)
 
Ferramentas do Google
Ferramentas do GoogleFerramentas do Google
Ferramentas do Google
 
Edição de fotos
Edição de fotosEdição de fotos
Edição de fotos
 
Como Usar Contrato
Como Usar ContratoComo Usar Contrato
Como Usar Contrato
 
Como gerar receita
Como gerar receitaComo gerar receita
Como gerar receita
 
Briefing
BriefingBriefing
Briefing
 
Blog x site
Blog x siteBlog x site
Blog x site
 
11 idéias para montar seu negocio
11 idéias para montar seu negocio11 idéias para montar seu negocio
11 idéias para montar seu negocio
 
Curso Online de Wordpress - Universidade Wordpress
Curso Online de Wordpress - Universidade WordpressCurso Online de Wordpress - Universidade Wordpress
Curso Online de Wordpress - Universidade Wordpress
 
Curso de Marketing Digital
Curso de Marketing DigitalCurso de Marketing Digital
Curso de Marketing Digital
 
Mapa mental curso empresa online
Mapa mental curso empresa onlineMapa mental curso empresa online
Mapa mental curso empresa online
 
Como Ganhar Dinheiro na Internet - 5 maneiras
Como Ganhar Dinheiro na Internet - 5 maneirasComo Ganhar Dinheiro na Internet - 5 maneiras
Como Ganhar Dinheiro na Internet - 5 maneiras
 
5 maneiras de colocar sua empresa online
5 maneiras de colocar sua empresa online5 maneiras de colocar sua empresa online
5 maneiras de colocar sua empresa online
 
Tabelas de emolumentos_2014
Tabelas de emolumentos_2014Tabelas de emolumentos_2014
Tabelas de emolumentos_2014
 
Curso de html - Como Criar Furmulários em HTML
Curso de html  - Como Criar Furmulários em HTMLCurso de html  - Como Criar Furmulários em HTML
Curso de html - Como Criar Furmulários em HTML
 
Curso de html - Introdução ao HTML
Curso de html -  Introdução ao HTMLCurso de html -  Introdução ao HTML
Curso de html - Introdução ao HTML
 
Tutorial Manutenção Site Wordpress 3.7 [VERSÃO PILOTO]
Tutorial Manutenção Site Wordpress 3.7 [VERSÃO PILOTO]Tutorial Manutenção Site Wordpress 3.7 [VERSÃO PILOTO]
Tutorial Manutenção Site Wordpress 3.7 [VERSÃO PILOTO]
 
Apresentação da Coleção Editora Interagir
Apresentação da Coleção Editora InteragirApresentação da Coleção Editora Interagir
Apresentação da Coleção Editora Interagir
 
Como Fazer tabelas em HTML
Como Fazer tabelas em HTMLComo Fazer tabelas em HTML
Como Fazer tabelas em HTML
 

Último

PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIAPROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIAHELENO FAVACHO
 
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdfProjeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdfHELENO FAVACHO
 
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdfLeloIurk1
 
planejamento_estrategico_-_gestao_2021-2024_16015654.pdf
planejamento_estrategico_-_gestao_2021-2024_16015654.pdfplanejamento_estrategico_-_gestao_2021-2024_16015654.pdf
planejamento_estrategico_-_gestao_2021-2024_16015654.pdfmaurocesarpaesalmeid
 
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfPROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfHELENO FAVACHO
 
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxSlides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxLuizHenriquedeAlmeid6
 
Jogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para criançasJogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para criançasSocorro Machado
 
Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"Ilda Bicacro
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecniCleidianeCarvalhoPer
 
Atividade - Letra da música Esperando na Janela.
Atividade -  Letra da música Esperando na Janela.Atividade -  Letra da música Esperando na Janela.
Atividade - Letra da música Esperando na Janela.Mary Alvarenga
 
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdfENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdfLeloIurk1
 
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdfCurrículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdfTutor de matemática Ícaro
 
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdfReta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdfWagnerCamposCEA
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfcomercial400681
 
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdfPRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdfprofesfrancleite
 
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSOLeloIurk1
 
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfPROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfHELENO FAVACHO
 
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de..."É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...Rosalina Simão Nunes
 
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptxSlides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptxLuizHenriquedeAlmeid6
 
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdfProjeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdfHELENO FAVACHO
 

Último (20)

PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIAPROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
PROJETO DE EXTENSÃO I - AGRONOMIA.pdf AGRONOMIAAGRONOMIA
 
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdfProjeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
 
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
421243121-Apostila-Ensino-Religioso-Do-1-ao-5-ano.pdf
 
planejamento_estrategico_-_gestao_2021-2024_16015654.pdf
planejamento_estrategico_-_gestao_2021-2024_16015654.pdfplanejamento_estrategico_-_gestao_2021-2024_16015654.pdf
planejamento_estrategico_-_gestao_2021-2024_16015654.pdf
 
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfPROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
 
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxSlides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
 
Jogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para criançasJogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para crianças
 
Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecni
 
Atividade - Letra da música Esperando na Janela.
Atividade -  Letra da música Esperando na Janela.Atividade -  Letra da música Esperando na Janela.
Atividade - Letra da música Esperando na Janela.
 
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdfENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
ENSINO RELIGIOSO 7º ANO INOVE NA ESCOLA.pdf
 
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdfCurrículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
 
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdfReta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
 
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdfPRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
 
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
2° ANO - ENSINO FUNDAMENTAL ENSINO RELIGIOSO
 
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfPROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
 
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de..."É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
"É melhor praticar para a nota" - Como avaliar comportamentos em contextos de...
 
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptxSlides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
 
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdfProjeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
 

Curso de html - Principais Elementos em Html

  • 1. Curso de HTML - Elementos Aula 02 Tales Augusto @talesdejesus www.talesaugusto.biz
  • 2. Algumas informações...  Sejam bem vindos ao a segunda aula do curso de HTML.  Lembrando que todos que participarem deste curso mandando mensagens comentando tirando dúvidas nos comentários receberão uma declaração confirmando que participaram deste curso.
  • 4. Definição:  Um elemento HTML é um componente individual de um documento HTML.  Documentos HTML são compostos de uma árvore de elementos HTML e outros nós, tais como nós de textos. Cada elemento pode ter determinados atributos.
  • 5. Definição:  Os elementos podem ter ainda conteúdo, incluindo outros elementos e textos. Elementos HTML representam semântica ou significado. Por exemplo, o elemento title representa o título de um documento.
  • 6. Definição:  Na sintaxe HTML, a maioria dos elementos são escritos com marcadores (ainda chamados de etiquetas ou tags) de abertura e um marcador de fechamento, com o conteúdo entre os dois. As etiquetas são compostas do nome do elemento, fechadas por parênteses angulares.
  • 7. Elementos básicos e principais de qualquer página em HTML: <html> // Esta é a tag de abertura de qualquer página em HTML <head>// Esta é a tag de abertura do cabeçalho. <title>Título do Documento </title> //Estas são as tags de abertura e fechamento do //titulo de qualquer página em HTML </head> //Esta é a tag de fechamento do cabeçalho <body>// O body é o corpo da página. Tudo que for colocando entre as tags de abertura e fechamento aparecerá em sua página. Aqui entra o corpo do documento. </body>// Fechamento da tag do corpo. </html>//Fechamento da página em html
  • 8. Em resumo: O elemento HEAD indica o começo do cabeçalho que descreve todos os elementos que deverão ser aplicados para todas as seções do documento ou de outros documentos que estejam relacionados com este.
  • 9. Em resumo: O elemento TITLE (deve estar no cabeçalho) só é mostrado na barra de título da janela associada. Não aparece no texto.  O elemento BODY delimita o conteúdo do documento.
  • 10. Fazendo um teste:  Para ver como nas páginas da internet tem HTML, faça o seguinte acesse o site do G1 no seu computador. Aperte ctrl + u dependendo do seu navegador irá abrir uma nova tela com o código fonte da página exibindo os elementos básicos do HTML que mostramos para você nesta aula.
  • 11. Veja mais alguns elementos HTML que você poderá utilizar: Paragrafo: <p></p>// Esta tag deve ser utilizada para parágrafos.  Titulos/SubTitulos: Divididos em até seis tamanhos de letras <h1></h1>//Tamanho 1 <h2></h2>//Tamanho 2 <h3></h3>//Tamanho 3 <h4></h4>//Tamanho 4 <h5></h5>//Tamanho 5 <h6></h6>//Tamanho 6 
  • 12. Listas <ul>//Abertura de uma lista de itens <li></li>//itens da lista </ul>//tag de fechamento de uma lista  Um exemplo de lista: Marcas de televisão • Sony • Sansung • LG • Philips
  • 13. Quebra de Linha:  <br />// Utilizado para quebrar uma linha  Acesse o Slide Share nesse link e crie sua primeira página em HTML  http://www.slideshare.net/TalesAugusto/ minha-primeira-p
  • 14. Obrigado!  Siga o passo a passo e com certeza dará certo!  Obrigado e até a próxima!  Não esqueça de comentar e deixar sugestões!
  • 15. Fontes de Pesquisas:  http://pt.wikipedia.org/wiki/Elemento_HT ML  http://www.alfa.ind.br/luiz/html/basicos.ht m  http://www.clem.ufba.br/tuts/html/c03.ht m