Aula 02
Estrutura e elementos de um
documento HTML
Marcos Devaner
Programação Orientada a Objetos II
Introdução
Um documento HTML válido precisa seguir obrigatoriamente a estrutura composta pelas
tags <html>, <head> e <body...
A instrução DOCTYPE
O DOCTYPE não é uma tag HTML, mas uma instrução especial. Ela indica para o navegador qual versão do
H...
Formatação Básica
Formatação de Texto
Imagens
A tag <img> define uma imagem em uma página HTML e necessita de dois atributos preenchidos: src e alt.
O primeiro ...
Estrutura de arquivos
Dentro da pasta do site, no mesmo nível que o index.html, é recomendado que sejam criadas mais algum...
Boa prática de indentação
Boa prática - Comentários
Atividade
Nesta aula vimos algumas tipos de formatação e
inclusão de imagem, crie seu curriculo web utilizando
todos os re...
Referência
https://www.caelum.com.br/apostila-html-css-javascript/introducao-a-html-e-css/#2-11-sintaxe-e-inclusao-de-css
of 11

Poo2 aula02

estrutura e elementos de um documento html
Published on: Mar 4, 2016
Published in: Education      
Source: www.slideshare.net


Transcripts - Poo2 aula02

  • 1. Aula 02 Estrutura e elementos de um documento HTML Marcos Devaner Programação Orientada a Objetos II
  • 2. Introdução Um documento HTML válido precisa seguir obrigatoriamente a estrutura composta pelas tags <html>, <head> e <body> e a instrução <!DOCTYPE>. Vejamos cada uma delas: A tag <body> contém o corpo do nosso documento, que é exibido pelo navegador em sua janela. A tag <head> contém informações sobre nosso documento que são de interesse somente do navegador, e não dos visitantes do nosso site. Podemos configurar qual codificação queremos utilizar em nosso documento por meio da configuração de charset na tag <meta>. Um dos valores mais comuns usados hoje em dia é o UTF-8, também chamado de Unicode.
  • 3. A instrução DOCTYPE O DOCTYPE não é uma tag HTML, mas uma instrução especial. Ela indica para o navegador qual versão do HTML deve ser utilizada para renderizar a página. Utilizaremos <!DOCTYPE html>, que indica para o navegador a utilização da versão mais recente do HTML - a versão 5, atualmente. Declaração DOCTYPE simples: <! DOCTYPE html>
  • 4. Formatação Básica
  • 5. Formatação de Texto
  • 6. Imagens A tag <img> define uma imagem em uma página HTML e necessita de dois atributos preenchidos: src e alt. O primeiro aponta para o local da imagem e o segundo, um texto alternativo para a imagem caso essa não possa ser carregada ou visualizada. O HTML 5 introduziu duas novas tags específicas para imagem: <figure> e <figcaption>. A tag <figure> define uma imagem com a conhecida tag <img>. Além disso, permite adicionar uma legenda para a imagem por meio da tag <figcaption>.
  • 7. Estrutura de arquivos Dentro da pasta do site, no mesmo nível que o index.html, é recomendado que sejam criadas mais algumas pastas para manter separados os arquivos de imagens, as folhas de estilo CSS e os scripts. Para iniciar um projeto, teríamos uma estrutura de pastas como a demonstrada na imagem a seguir:
  • 8. Boa prática de indentação
  • 9. Boa prática - Comentários
  • 10. Atividade Nesta aula vimos algumas tipos de formatação e inclusão de imagem, crie seu curriculo web utilizando todos os recuros vistos, não esqueça de incluir sua foto no curriculo por meio da tag de inclusão de imagem.
  • 11. Referência https://www.caelum.com.br/apostila-html-css-javascript/introducao-a-html-e-css/#2-11-sintaxe-e-inclusao-de-css