Linguagem de Hipertextos

Introdução à HTML

Sobre mim

Luís Otávio Cobucci Oblonczyk• Desenvolvedor PHP• Orientador SENAC-TI

http://twitter.com/lcobucci

Sobre este trabalho

• Esta apresentação foi criada sob as licenças Creative Commons

• Seu objetivo é auxiliar os alunos do Senac TI que assistem minhas aulas.

O que é HTML?

• HTML = Hypertext Markup Language• Linguagem de marcação de Hipertexto• Linguagem padrão para definir a

estrutura das páginas WEB

O que é Hipertexto?hipertexto (hiper- + texto)s. m.Inform. Sequência de texto que permite a remissão para outra localização (documento, ficheiro, página da Internet, etc.).

Fonte: Priberam http://www.priberam.pt/dlpo

Hipertexto é o termo que remete a um texto em formato digital, ao qual agrega-se outros conjuntos de informação na forma de blocos de textos, palavras, imagens ou sons, cujo acesso se dá através de referências específicas denominadas hiperlinks, ou simplesmente links.

Fonte: Wikipedia http://pt.wikipedia.org/wiki/Hipertexto

Sintaxe

• A linguagem HTML é formada por tags• Tags representam elementos da página

web• As tags são escritas utilizando os

caracteres < e >. Exemplo: <elemento>

Sintaxe

• A maioria dos elementos devem apresentar tags de fechamento.

• As tags de fechamento possuem o caracter / depois do caracter <. Exemplo: </elemento>

• Portando um elemento é representado da seguinte forma: <elemento></elemento>

Sintaxe

• As tags podem possuir atributos e conteúdo

• Os atributos devem ser especificados no formato nome=“valor”. Exemplo: <h1 id=“titulo”>

• O conteúdo da tag fica entre as tags de abertura e fechamento. Exemplo: <h1>Hello World</h1>