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