230206_PW1-HTML5

Prévia do material em texto

O que é HTML? 
HTML (HyperText Markup Language) é uma linguagem padrão para o desenvolvimento de 
páginas para a web. 
 HTML descreve a estrutura de uma página web. 
 HTML consiste em uma série de elementos (marcações). 
 Os elementos de HTML dizem ao navegador como exibir o conteúdo da página. 
 Os elementos HTML possuem início indicado por < > e fim indicado por </ > (em sua 
grande maioria). 
 
Estrutura base de uma página HTML 
Para desenvolver uma página para web, basta utilizar qualquer editor de texto simples, como 
por exemplo o bloco de notas. 
Dica: Importante salvar logo no início o arquivo e no momento de salvar colocar a extensão 
.html (ou escolher essa opção no menu dropdown Tipo de Arquivo da maioria dos editores de 
texto). 
 
 
Veja exemplo da estrutura de uma página HTML. 
 
 
 
Veja o resultado do código acima no navegador. 
 
 
Vamos modificar para resolver o problema da acentuação e aprender a inserir comentários em 
uma página HTML. 
 
 
 
Veja resultado: 
 
 
Títulos para páginas em HTML (Headings) 
A tag <h> define títulos para sua página. 
Ao todo temos 6 níveis de títulos possíveis a utilizar. 
A tag <h> é uma tag semântica em sua estrutura base. 
 
 
Veja resultado: 
 
 
Parágrafos para páginas em HTML 
A tag <p> define parágrafos para sua página. 
 
 
 
Veja outro exemplo: 
 
 
 
A tag <br> define quebra de linhas. 
O comando &nbsp; define um espaço adicional ao texto. 
Veja novamente o exemplo modificado: 
 
 
 
Importante! 
A primeira página de um site HTML deve ter como nome de arquivo index.html, só assim os 
navegadores abrem a primeira página de seu site sem a necessidade de digitar o nome do 
arquivo. 
As outras páginas podem possuir qualquer nome a sua escolha, porém evitem utilizar espaços 
e caracteres especiais nos nomes dos arquivos das páginas web.