SlideShare ist ein Scribd-Unternehmen logo
1 von 49
Marcação e
Layout para Web
Me. Arthur Emanuel de Oliveira Carosia
DOCTYPE define o tipo do
documento como HTML
Essa declaração ajuda o
browser a exibir
corretamente a página web.
O conteúdo
entre <html> e </html>
descreve um
documento HTML
O texto entre
<head> e </head>
apresenta informações
sobre o documento
O texto
entre <title> e </title>
apresenta o título do
documento
O texto
entre <body> e </body>
descreve o conteúdo visível
da página
O texto
entre <h1> e </h1>
descreve um
cabeçalho
O texto
entre <p> e </p>
descreve um
parágrafo
O navegador não exibe as tags HTML,
apenas as usa para determinar como exibir o documento HTML.
O web brower (navegador) (Chrome, IE, Firefox, Safari)
lê o conteúdo dos arquivos HTML para exibição.
Tag de abertura
Tag de abertura Tag de fechamento
Região exibida no browser
<!DOCTYPE html>
Arquivos HTML podem ser desenvolvidos em editores de texto
profissionais.
Adobe Dreamweaver
Microsoft Expression Web
CoffeeCup HTML Editor
Entretanto, HTML pode ser desenvolvido também em editores de texto
simples, tais como Notepad++ e Notepad.
Notepad++ Notepad
Abra o Notepad, digite o seguinte código HTML, salve-o como index.html e
abra-o em seu web browser.
O elemento <html> define o
documento HTML completo
- Tag de abertura <html>
- Tag de fechamento
</html>.
- O seu conteúdo é o
elemento <body>
O elemento <body> define o
conteúdo visível do HTML
- Tag de abertura <body>
- Tag de fechamento
</body>
- O seu Conteúdo são os
elementos<h1> e <p>.
O elemento <h1> define um
cabeçalho
-Tag de abertura <h1>
-Tag de fechamento </h1>
- O seu conteúdo é: My First
Heading.
O elemento <p> define um
parágrafo
- Tag de abertura <p>
- Tag de fechamento </p>
- O seu conteúdo é: My first
paragraph.
Exemplos
Para cada exemplo, clique em Try it yourself.
http://www.w3schools.com/html/html_elements.asp
http://www.w3schools.com/html/html_attributes.asp
Exercícios
Crie uma página HTML que irá conter uma notícia retirada da internet.
A página deve conter título com o nome da notícia, cabeçalho destacando a notícia
e por fim vários parágrafos detalhando-a.
Pesquise sobre o elemento <img> e seus atributos e insira no início da notícia
uma imagem que a ilustre.
Use o elemento <a> para fazer o link a uma notícia relacionada.
W3Schools. Disponível em: http://www.w3schools.com/.
SILVA, M. S. Construindo sites com CSS e (X)HTML:
sites controlados por folhas de estilo em cascata. 1.
ed. São Paulo: Novatec, 2008.
SILVA, O. J. HTML 4.0 e XHTML 1.0. 5. ed. São Paulo:
Érica, 2008.
SILVA, M. S. Criando sites com HTML: sites de alta
qualidade com HTML e CSS. 1. ed. São Paulo:
Novatec, 2008.
Referências
Marcação e Layout para Web
Me. Arthur Emanuel de Oliveira Carosia

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Aula 20 div e spans
Aula 20 div e spansAula 20 div e spans
Aula 20 div e spans
 
Construindo layout de sites com CSS
Construindo layout de sites com CSSConstruindo layout de sites com CSS
Construindo layout de sites com CSS
 
Introdução CSS
Introdução CSSIntrodução CSS
Introdução CSS
 
Css e iFrames
Css e iFramesCss e iFrames
Css e iFrames
 
HTML & CSS - Aula 2
HTML & CSS - Aula 2HTML & CSS - Aula 2
HTML & CSS - Aula 2
 
HTML
HTML HTML
HTML
 
Html5 - Estrutura Básica
Html5 - Estrutura BásicaHtml5 - Estrutura Básica
Html5 - Estrutura Básica
 
Minicurso CSS: Definição e aplicação
Minicurso CSS: Definição e aplicaçãoMinicurso CSS: Definição e aplicação
Minicurso CSS: Definição e aplicação
 
Aula01 Desenvolvimento em Ambiente Web - HTML
Aula01 Desenvolvimento em Ambiente Web - HTMLAula01 Desenvolvimento em Ambiente Web - HTML
Aula01 Desenvolvimento em Ambiente Web - HTML
 
HTML - aula 1
HTML - aula 1HTML - aula 1
HTML - aula 1
 
HTML Formatando Textos
HTML Formatando TextosHTML Formatando Textos
HTML Formatando Textos
 
HTML
HTMLHTML
HTML
 
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
 
HTML básico
HTML básicoHTML básico
HTML básico
 
HTML & CSS - Aula 4
HTML & CSS - Aula 4HTML & CSS - Aula 4
HTML & CSS - Aula 4
 
Aula 1 linguagem html (1)
Aula 1   linguagem html (1)Aula 1   linguagem html (1)
Aula 1 linguagem html (1)
 
Curso HTML e CSS Part1
Curso HTML e CSS Part1Curso HTML e CSS Part1
Curso HTML e CSS Part1
 
HTML & CSS - Aula 3
HTML & CSS - Aula 3 HTML & CSS - Aula 3
HTML & CSS - Aula 3
 
Slides Css3
Slides Css3 Slides Css3
Slides Css3
 
Css 3
Css 3Css 3
Css 3
 

Andere mochten auch

Informatica Básica - Aula 04
Informatica Básica - Aula 04Informatica Básica - Aula 04
Informatica Básica - Aula 04Arthur Emanuel
 
Planejamento - DDMI - IFSP
Planejamento - DDMI - IFSPPlanejamento - DDMI - IFSP
Planejamento - DDMI - IFSPArthur Emanuel
 
Aula 03 - Interface gráfica - Parte 1
Aula 03 - Interface gráfica - Parte 1Aula 03 - Interface gráfica - Parte 1
Aula 03 - Interface gráfica - Parte 1Arthur Emanuel
 
Android - Acelerometro e GPS
Android - Acelerometro e GPSAndroid - Acelerometro e GPS
Android - Acelerometro e GPSArthur Emanuel
 
Informatica Bàsica - Aula03
Informatica Bàsica - Aula03Informatica Bàsica - Aula03
Informatica Bàsica - Aula03Arthur Emanuel
 
Informatica Básica - Aula 05
Informatica Básica - Aula 05Informatica Básica - Aula 05
Informatica Básica - Aula 05Arthur Emanuel
 
Android - Consumindo Webservices
Android - Consumindo WebservicesAndroid - Consumindo Webservices
Android - Consumindo WebservicesArthur Emanuel
 
Informatica Básica - Aula 06 - Excel
Informatica Básica - Aula 06 - ExcelInformatica Básica - Aula 06 - Excel
Informatica Básica - Aula 06 - ExcelArthur Emanuel
 
Aula - 04 - Android - Interface grafica (layout, widgets)
Aula - 04 - Android - Interface grafica (layout, widgets)Aula - 04 - Android - Interface grafica (layout, widgets)
Aula - 04 - Android - Interface grafica (layout, widgets)Arthur Emanuel
 
Aula05 - Android - Persistência
Aula05 - Android - PersistênciaAula05 - Android - Persistência
Aula05 - Android - PersistênciaArthur Emanuel
 

Andere mochten auch (14)

CSS 3
CSS 3CSS 3
CSS 3
 
Informatica Básica - Aula 04
Informatica Básica - Aula 04Informatica Básica - Aula 04
Informatica Básica - Aula 04
 
Planejamento - DDMI - IFSP
Planejamento - DDMI - IFSPPlanejamento - DDMI - IFSP
Planejamento - DDMI - IFSP
 
Projeto Android
Projeto AndroidProjeto Android
Projeto Android
 
Aula 03 - Interface gráfica - Parte 1
Aula 03 - Interface gráfica - Parte 1Aula 03 - Interface gráfica - Parte 1
Aula 03 - Interface gráfica - Parte 1
 
Android - Acelerometro e GPS
Android - Acelerometro e GPSAndroid - Acelerometro e GPS
Android - Acelerometro e GPS
 
Informatica Bàsica - Aula03
Informatica Bàsica - Aula03Informatica Bàsica - Aula03
Informatica Bàsica - Aula03
 
Informatica Básica - Aula 05
Informatica Básica - Aula 05Informatica Básica - Aula 05
Informatica Básica - Aula 05
 
Android - Consumindo Webservices
Android - Consumindo WebservicesAndroid - Consumindo Webservices
Android - Consumindo Webservices
 
Informatica Básica - Aula 06 - Excel
Informatica Básica - Aula 06 - ExcelInformatica Básica - Aula 06 - Excel
Informatica Básica - Aula 06 - Excel
 
Aula - 04 - Android - Interface grafica (layout, widgets)
Aula - 04 - Android - Interface grafica (layout, widgets)Aula - 04 - Android - Interface grafica (layout, widgets)
Aula - 04 - Android - Interface grafica (layout, widgets)
 
Android - Google Maps
Android - Google MapsAndroid - Google Maps
Android - Google Maps
 
Aula05 - Android - Persistência
Aula05 - Android - PersistênciaAula05 - Android - Persistência
Aula05 - Android - Persistência
 
Android - Bluetooth
Android - BluetoothAndroid - Bluetooth
Android - Bluetooth
 

Ähnlich wie HTML - Introducao

WebDesign AULA 2: Introdução a HTML
WebDesign AULA 2: Introdução a HTMLWebDesign AULA 2: Introdução a HTML
WebDesign AULA 2: Introdução a HTMLDra. Camila Hamdan
 
Portifolio net
Portifolio netPortifolio net
Portifolio netlaerciopds
 
HTML5 - Tags semânticas
HTML5 - Tags semânticasHTML5 - Tags semânticas
HTML5 - Tags semânticasThiago Alvernaz
 
Html completo
Html completoHtml completo
Html completoEMSNEWS
 
Apostila html,xhtml e css
Apostila html,xhtml e cssApostila html,xhtml e css
Apostila html,xhtml e cssTiago
 
Apostila html,xhtml e css
Apostila html,xhtml e cssApostila html,xhtml e css
Apostila html,xhtml e cssCravid Ekuikui
 
HTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdfHTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdfCesar Braz
 
Aula 05 ferramentas para autoria de produtos multimídia ii
Aula 05   ferramentas para autoria de produtos multimídia iiAula 05   ferramentas para autoria de produtos multimídia ii
Aula 05 ferramentas para autoria de produtos multimídia iiFábio Costa
 
Aula 05 ferramentas para autoria de produtos multimídia ii
Aula 05   ferramentas para autoria de produtos multimídia iiAula 05   ferramentas para autoria de produtos multimídia ii
Aula 05 ferramentas para autoria de produtos multimídia iiFábio Costa
 

Ähnlich wie HTML - Introducao (20)

Html E Css
Html E CssHtml E Css
Html E Css
 
Programacao para Web I 03 HTML
Programacao para Web I 03 HTMLProgramacao para Web I 03 HTML
Programacao para Web I 03 HTML
 
Curso html
Curso htmlCurso html
Curso html
 
Apoio1020 apostila html
Apoio1020 apostila htmlApoio1020 apostila html
Apoio1020 apostila html
 
WebDesign AULA 2: Introdução a HTML
WebDesign AULA 2: Introdução a HTMLWebDesign AULA 2: Introdução a HTML
WebDesign AULA 2: Introdução a HTML
 
00 a linguagem html
00 a linguagem html00 a linguagem html
00 a linguagem html
 
Portifolio net
Portifolio netPortifolio net
Portifolio net
 
HTML5 - Tags semânticas
HTML5 - Tags semânticasHTML5 - Tags semânticas
HTML5 - Tags semânticas
 
Apostila html,xhtml e css
Apostila html,xhtml e cssApostila html,xhtml e css
Apostila html,xhtml e css
 
Curso de XHTML
Curso de XHTMLCurso de XHTML
Curso de XHTML
 
Html completo
Html completoHtml completo
Html completo
 
Apostila html,xhtml e css
Apostila html,xhtml e cssApostila html,xhtml e css
Apostila html,xhtml e css
 
2 html,xhtml e css
2   html,xhtml e css2   html,xhtml e css
2 html,xhtml e css
 
Web design
Web designWeb design
Web design
 
Apostila html,xhtml e css
Apostila html,xhtml e cssApostila html,xhtml e css
Apostila html,xhtml e css
 
O que é html
O que é htmlO que é html
O que é html
 
Aula de XHTML
Aula de XHTMLAula de XHTML
Aula de XHTML
 
HTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdfHTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdf
 
Aula 05 ferramentas para autoria de produtos multimídia ii
Aula 05   ferramentas para autoria de produtos multimídia iiAula 05   ferramentas para autoria de produtos multimídia ii
Aula 05 ferramentas para autoria de produtos multimídia ii
 
Aula 05 ferramentas para autoria de produtos multimídia ii
Aula 05   ferramentas para autoria de produtos multimídia iiAula 05   ferramentas para autoria de produtos multimídia ii
Aula 05 ferramentas para autoria de produtos multimídia ii
 

Mehr von Arthur Emanuel

Apresentação - Minicurso de Introdução a Python, Data Science e Machine Learning
Apresentação - Minicurso de Introdução a Python, Data Science e Machine LearningApresentação - Minicurso de Introdução a Python, Data Science e Machine Learning
Apresentação - Minicurso de Introdução a Python, Data Science e Machine LearningArthur Emanuel
 
Exercícios - Herança - Java
Exercícios - Herança - JavaExercícios - Herança - Java
Exercícios - Herança - JavaArthur Emanuel
 
Orientação a Objetos - Introdução - Exercícios
Orientação a Objetos - Introdução - ExercíciosOrientação a Objetos - Introdução - Exercícios
Orientação a Objetos - Introdução - ExercíciosArthur Emanuel
 
Android - Integração com Facebook
Android - Integração com FacebookAndroid - Integração com Facebook
Android - Integração com FacebookArthur Emanuel
 
Desenvolvimento para Android - Acelerômetro, GPS, Multimidia
Desenvolvimento para Android - Acelerômetro, GPS, MultimidiaDesenvolvimento para Android - Acelerômetro, GPS, Multimidia
Desenvolvimento para Android - Acelerômetro, GPS, MultimidiaArthur Emanuel
 
Aula 06 - Desenvolvimento de Jogos para Android - Física e Menu
Aula 06 - Desenvolvimento de Jogos para Android - Física e MenuAula 06 - Desenvolvimento de Jogos para Android - Física e Menu
Aula 06 - Desenvolvimento de Jogos para Android - Física e MenuArthur Emanuel
 
Aula 05 - Desenvolvimento de Jogos para Android - Layout e Som
Aula 05 - Desenvolvimento de Jogos para Android - Layout e SomAula 05 - Desenvolvimento de Jogos para Android - Layout e Som
Aula 05 - Desenvolvimento de Jogos para Android - Layout e SomArthur Emanuel
 
Aula 04 - Desenvolvendo Jogos Para Android - Pontuação e Colisao
Aula 04 - Desenvolvendo Jogos Para Android - Pontuação e ColisaoAula 04 - Desenvolvendo Jogos Para Android - Pontuação e Colisao
Aula 04 - Desenvolvendo Jogos Para Android - Pontuação e ColisaoArthur Emanuel
 
Aula 03 - Desenvolvendo Jogos Para Android - Obstáculos
Aula 03 - Desenvolvendo Jogos Para Android - ObstáculosAula 03 - Desenvolvendo Jogos Para Android - Obstáculos
Aula 03 - Desenvolvendo Jogos Para Android - ObstáculosArthur Emanuel
 
Aula 02 - Desenvolvendo Jogos Para Android - Controle do Jogo
Aula 02 - Desenvolvendo Jogos Para Android - Controle do JogoAula 02 - Desenvolvendo Jogos Para Android - Controle do Jogo
Aula 02 - Desenvolvendo Jogos Para Android - Controle do JogoArthur Emanuel
 
Aula 01 - Desenvolvendo Jogos Para Android - Ambiente do Jogo
Aula 01 - Desenvolvendo Jogos Para Android - Ambiente do JogoAula 01 - Desenvolvendo Jogos Para Android - Ambiente do Jogo
Aula 01 - Desenvolvendo Jogos Para Android - Ambiente do JogoArthur Emanuel
 
Desenvolvendo Jogos Para Android - Exercício
Desenvolvendo Jogos Para Android - ExercícioDesenvolvendo Jogos Para Android - Exercício
Desenvolvendo Jogos Para Android - ExercícioArthur Emanuel
 
Java: Encapsulamento e modificadores de acesso
Java: Encapsulamento e modificadores de acessoJava: Encapsulamento e modificadores de acesso
Java: Encapsulamento e modificadores de acessoArthur Emanuel
 
Java: Classes Abstratas, Anônimas, Interface
Java: Classes Abstratas, Anônimas, InterfaceJava: Classes Abstratas, Anônimas, Interface
Java: Classes Abstratas, Anônimas, InterfaceArthur Emanuel
 
Java: Introducao ao Swing
Java: Introducao ao SwingJava: Introducao ao Swing
Java: Introducao ao SwingArthur Emanuel
 
Java: Composicao e Array List
Java: Composicao e Array ListJava: Composicao e Array List
Java: Composicao e Array ListArthur Emanuel
 
Java: Heranca e polimorfismo
Java: Heranca e polimorfismoJava: Heranca e polimorfismo
Java: Heranca e polimorfismoArthur Emanuel
 
Java: strings e arrays
Java: strings e arraysJava: strings e arrays
Java: strings e arraysArthur Emanuel
 
Java: Introdução à Orientação a Objetos
Java: Introdução à Orientação a ObjetosJava: Introdução à Orientação a Objetos
Java: Introdução à Orientação a ObjetosArthur Emanuel
 

Mehr von Arthur Emanuel (20)

Apresentação - Minicurso de Introdução a Python, Data Science e Machine Learning
Apresentação - Minicurso de Introdução a Python, Data Science e Machine LearningApresentação - Minicurso de Introdução a Python, Data Science e Machine Learning
Apresentação - Minicurso de Introdução a Python, Data Science e Machine Learning
 
Exercícios - Herança - Java
Exercícios - Herança - JavaExercícios - Herança - Java
Exercícios - Herança - Java
 
Orientação a Objetos - Introdução - Exercícios
Orientação a Objetos - Introdução - ExercíciosOrientação a Objetos - Introdução - Exercícios
Orientação a Objetos - Introdução - Exercícios
 
Android - Integração com Facebook
Android - Integração com FacebookAndroid - Integração com Facebook
Android - Integração com Facebook
 
Desenvolvimento para Android - Acelerômetro, GPS, Multimidia
Desenvolvimento para Android - Acelerômetro, GPS, MultimidiaDesenvolvimento para Android - Acelerômetro, GPS, Multimidia
Desenvolvimento para Android - Acelerômetro, GPS, Multimidia
 
Aula 06 - Desenvolvimento de Jogos para Android - Física e Menu
Aula 06 - Desenvolvimento de Jogos para Android - Física e MenuAula 06 - Desenvolvimento de Jogos para Android - Física e Menu
Aula 06 - Desenvolvimento de Jogos para Android - Física e Menu
 
Aula 05 - Desenvolvimento de Jogos para Android - Layout e Som
Aula 05 - Desenvolvimento de Jogos para Android - Layout e SomAula 05 - Desenvolvimento de Jogos para Android - Layout e Som
Aula 05 - Desenvolvimento de Jogos para Android - Layout e Som
 
Aula 04 - Desenvolvendo Jogos Para Android - Pontuação e Colisao
Aula 04 - Desenvolvendo Jogos Para Android - Pontuação e ColisaoAula 04 - Desenvolvendo Jogos Para Android - Pontuação e Colisao
Aula 04 - Desenvolvendo Jogos Para Android - Pontuação e Colisao
 
Aula 03 - Desenvolvendo Jogos Para Android - Obstáculos
Aula 03 - Desenvolvendo Jogos Para Android - ObstáculosAula 03 - Desenvolvendo Jogos Para Android - Obstáculos
Aula 03 - Desenvolvendo Jogos Para Android - Obstáculos
 
Aula 02 - Desenvolvendo Jogos Para Android - Controle do Jogo
Aula 02 - Desenvolvendo Jogos Para Android - Controle do JogoAula 02 - Desenvolvendo Jogos Para Android - Controle do Jogo
Aula 02 - Desenvolvendo Jogos Para Android - Controle do Jogo
 
Aula 01 - Desenvolvendo Jogos Para Android - Ambiente do Jogo
Aula 01 - Desenvolvendo Jogos Para Android - Ambiente do JogoAula 01 - Desenvolvendo Jogos Para Android - Ambiente do Jogo
Aula 01 - Desenvolvendo Jogos Para Android - Ambiente do Jogo
 
Desenvolvendo Jogos Para Android - Exercício
Desenvolvendo Jogos Para Android - ExercícioDesenvolvendo Jogos Para Android - Exercício
Desenvolvendo Jogos Para Android - Exercício
 
Java: Encapsulamento e modificadores de acesso
Java: Encapsulamento e modificadores de acessoJava: Encapsulamento e modificadores de acesso
Java: Encapsulamento e modificadores de acesso
 
Java: Collections
Java: CollectionsJava: Collections
Java: Collections
 
Java: Classes Abstratas, Anônimas, Interface
Java: Classes Abstratas, Anônimas, InterfaceJava: Classes Abstratas, Anônimas, Interface
Java: Classes Abstratas, Anônimas, Interface
 
Java: Introducao ao Swing
Java: Introducao ao SwingJava: Introducao ao Swing
Java: Introducao ao Swing
 
Java: Composicao e Array List
Java: Composicao e Array ListJava: Composicao e Array List
Java: Composicao e Array List
 
Java: Heranca e polimorfismo
Java: Heranca e polimorfismoJava: Heranca e polimorfismo
Java: Heranca e polimorfismo
 
Java: strings e arrays
Java: strings e arraysJava: strings e arrays
Java: strings e arrays
 
Java: Introdução à Orientação a Objetos
Java: Introdução à Orientação a ObjetosJava: Introdução à Orientação a Objetos
Java: Introdução à Orientação a Objetos
 

HTML - Introducao

  • 1. Marcação e Layout para Web Me. Arthur Emanuel de Oliveira Carosia
  • 2.
  • 3.
  • 4.
  • 5. DOCTYPE define o tipo do documento como HTML Essa declaração ajuda o browser a exibir corretamente a página web.
  • 6. O conteúdo entre <html> e </html> descreve um documento HTML
  • 7. O texto entre <head> e </head> apresenta informações sobre o documento
  • 8. O texto entre <title> e </title> apresenta o título do documento
  • 9. O texto entre <body> e </body> descreve o conteúdo visível da página
  • 10. O texto entre <h1> e </h1> descreve um cabeçalho
  • 11. O texto entre <p> e </p> descreve um parágrafo
  • 12. O navegador não exibe as tags HTML, apenas as usa para determinar como exibir o documento HTML. O web brower (navegador) (Chrome, IE, Firefox, Safari) lê o conteúdo dos arquivos HTML para exibição.
  • 13.
  • 15. Tag de abertura Tag de fechamento
  • 16.
  • 18.
  • 20. Arquivos HTML podem ser desenvolvidos em editores de texto profissionais.
  • 24. Entretanto, HTML pode ser desenvolvido também em editores de texto simples, tais como Notepad++ e Notepad. Notepad++ Notepad
  • 25.
  • 26.
  • 27. Abra o Notepad, digite o seguinte código HTML, salve-o como index.html e abra-o em seu web browser.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33. O elemento <html> define o documento HTML completo - Tag de abertura <html> - Tag de fechamento </html>. - O seu conteúdo é o elemento <body>
  • 34. O elemento <body> define o conteúdo visível do HTML - Tag de abertura <body> - Tag de fechamento </body> - O seu Conteúdo são os elementos<h1> e <p>.
  • 35. O elemento <h1> define um cabeçalho -Tag de abertura <h1> -Tag de fechamento </h1> - O seu conteúdo é: My First Heading.
  • 36. O elemento <p> define um parágrafo - Tag de abertura <p> - Tag de fechamento </p> - O seu conteúdo é: My first paragraph.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46. Exemplos Para cada exemplo, clique em Try it yourself. http://www.w3schools.com/html/html_elements.asp http://www.w3schools.com/html/html_attributes.asp
  • 47. Exercícios Crie uma página HTML que irá conter uma notícia retirada da internet. A página deve conter título com o nome da notícia, cabeçalho destacando a notícia e por fim vários parágrafos detalhando-a. Pesquise sobre o elemento <img> e seus atributos e insira no início da notícia uma imagem que a ilustre. Use o elemento <a> para fazer o link a uma notícia relacionada.
  • 48. W3Schools. Disponível em: http://www.w3schools.com/. SILVA, M. S. Construindo sites com CSS e (X)HTML: sites controlados por folhas de estilo em cascata. 1. ed. São Paulo: Novatec, 2008. SILVA, O. J. HTML 4.0 e XHTML 1.0. 5. ed. São Paulo: Érica, 2008. SILVA, M. S. Criando sites com HTML: sites de alta qualidade com HTML e CSS. 1. ed. São Paulo: Novatec, 2008. Referências
  • 49. Marcação e Layout para Web Me. Arthur Emanuel de Oliveira Carosia