html - estrutura básica

8
Linguagem de Hipertextos HTML – Estrutura básica

Upload: luis-cobucci

Post on 11-Jun-2015

788 views

Category:

Technology


0 download

DESCRIPTION

Elementos básicos da linguagem HTML

TRANSCRIPT

Page 1: Html - Estrutura básica

Linguagem de Hipertextos

HTML – Estrutura básica

Page 2: Html - Estrutura básica

Sobre mim

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

http://twitter.com/lcobucci

Page 3: Html - Estrutura básica

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.

Page 4: Html - Estrutura básica

Estrutura básicade uma página WEB

<html>

<head>

<title>Título do Documento</title>

</head>

<body>

</body>

</html>

Page 5: Html - Estrutura básica

Estrutura básicade uma página WEB

• O elemento <html> define o início de um documento HTML, indica que o Browser deverá interpretar o conteúdo como código HTML.

• O elemento <head> é o cabeçalho do documento, ou seja ele possui as informações sobre o documento.

Page 6: Html - Estrutura básica

Estrutura básicade uma página WEB

• Neste exemplo temos o <title>, dentro do elemento <head>, que define o título que será mostrado na barra de título do navegador.

• Podemos ter vários outros elementos dentro do elemento <head> com o objetivo de definir: codificação da página, descrição, autor, estilos, códigos Javascript, entre outros.

Page 7: Html - Estrutura básica

Estrutura básicade uma página WEB

• O elemento <body> define o corpo do documento, ou seja, o conteúdo que será mostrado no browser.

• Nele deve ser colocada toda a estrutura do site, e com CSS será adicionado estilo aos elementos.

Page 8: Html - Estrutura básica

Estrutura básicade uma página WEB

• Estes 3 elementos são fundamentais para uma página WEB bem formatada, ou seja devem SEMPRE estar presentes.

• Não pode existir mais de um elemento <html>, <head>, <body>