Aplicativos Web e Webdesign Aula 02 2014 Thatiane de Oliveira Rosa 1
Roteiro Tema: Introdução ao HTML Introdução ao HTML; Tags Estruturais; Títulos; Cabeçalhos; Parágrafos; 2
HTML HTML Hypertext Markup Language ou Linguagem de Marcação de Hipertexto: É uma linguagem de marcação empregada para descrever a estrutura de uma página web, definindo um conjunto de elementos (cabeçalhos, parágrafos, listas, tabelas, dentre outros) que a compõem. 3
HTML HTML: É composto por tags especiais para envolver palavras e parágrafos; Tags indicam as diferentes partes da página e produzem diferentes efeitos no navegador; Exemplos: <body> </body> <table></table> 4
HTML HTML: Possui um conjunto definido de tags que podem ser utilizadas para criação de páginas web; 5
Basicamente, 3 (três) tags são utilizadas para descrever a estrutura geral de um documento HTML: <html>; <head>; <body>. Tags Estruturais 6
<html>: primeira tag de qualquer página HTML, indica que o conteúdo do arquivo está na linguagem HTML. Exemplo: Tags Estruturais <html>...sua pagina html...</html> 7
<head>: cabeçalho da página, geralmente nesta tag é definido o título da página. Exemplo:... <head> Tags Estruturais <title> Título da Página</title> </head>... 8
<body>: tag onde são descritas as demais tags que compõem o corpo do documento html. Exemplo:... <body> Sua página HTML </body>... Tags Estruturais 9
Títulos É muito importante que todo documento HTML possua um título, para indicar o que a página descreve; A tag <title> é sempre apresentada dentro da tag <head>; Cada página deve possuir apenas um título, que pode conter apenas textos. 10
Conjunto de Tags utilizada para dividir seções no texto; Existem seis níveis de cabeçalhos; Tags de cabeçalho: Cabeçalhos <h1></h1>; <h2></h2>; <h3></h3>; <h4></h4>; <h5></h5>; <h6></h6>; 11
Cabeçalhos Exemplo:... <body> <h1>texto do cabeçalho h1</h1>... <h2>texto do cabeçalho h2</h2> <h3>texto do cabeçalho h3</h3> <h4>texto do cabeçalho h4</h4> <h5>texto do cabeçalho h5</h5> <h6>texto do cabeçalho h6</h6> </body> 12
Cabeçalhos Resultado: 13
Parágrafos <p></p> tag indicadora de parágrafo. 14
LEMAY, Laura. Aprenda a Criar Páginas Web com HTML e XHTML em 21 dias. São Paulo. Pearson Education, 2002. Referências 15
Aplicativos Web e Webdesign Aula 02 2014 Thatiane de Oliveira Rosa 16