Olá Pessoal,
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.
Fique atento! Antes de iniciar esta aula leia a aula 1 é muito importante.
Então vamos lá!
– 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. 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.
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.
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
Segue abaixo o passo a passo para você gerar em seu computador sua primeira página em HTML.
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_HTML
http://www.alfa.ind.br/luiz/html/basicos.htm
http://www.clem.ufba.br/tuts/html/c03.htm
