Aula 02 HTML – HyperText Markup Language

Curso de Html Aula 01
Curso de Html Aula 02

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

 

 

5 comentários em “Aula 02 HTML – HyperText Markup Language

  1. Muito bom!! Era desses detalhes que eu queria saber de como ir pra outra linha, fazer lista, etc.
    Queria saber sobre a fonte da letra como mudar.

    Bom trabalho!!
    Abraço

  2. Bom, mais uma excelente aula e, também, grande oportunidade à assisti-la, eu tive ! Muito obrigado, Deus, por essa oportunidade mui promissora e que acrescentou-me mais amplitude em meus conhecimentos ! Também, é mais que claro !, agradecendo, mais uma vez, ao fomentador e lapidador desse conhecimento anteriormente descrito, Tales Augusto, por disponibilizar seus tempo e conhecimento, além de paciência e espírito do bem-social, ao aprimorar, em melhor construção de cunho científico-educativo-profissional, a quem já conhece do assunto, bem como instruir a quem nem imaginava sobre tal; tanto quanto os incentivando ! Muito bacana ! Muito legal e produtivo !

    Desde já, agradeço-Te, mais uma e aproveitável vez, mui cordialmente e parabenizando-o por tais feitos,

    Xavier

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *