Curso Tales Augusto

Aula 02 HTML – HyperText Markup Language

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

 

 

Tales Augusto

Sobre o autor | Website

Tales Augusto, Analista de Sistemas, se especializando em Comunicação em Mídias Digitais e Gerenciamento de Projetos. Diretor da Empresa Portal de Design em Fortaleza. Fã da Metodologia 8ps! Certificado Gestor de Marketing Digital por Olímpio Araújo.

E-book GRÁTIS Revela os 4 Passos para o Sucesso de acordo com os 10 Melhores Especialistas de Marketing Digital da atualidade.

Camila Porto, Ana Tex, Carlos Ramos, Rafael Querido, Anderson Polidoro, Tales Augusto, Bruno Marinho, Jair Rebello,Eduardo Ribeiro e Pedro Quintanilha.

100% livre de spam.

Para enviar seu comentário, preencha os campos abaixo:

Deixe uma resposta

*

5 Comentários

  1. Vc vai ensinar as novas tags do html5

  2. Ana Lidia disse:

    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

  3. Xavier disse:

    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