Material 3 Tecnologias WEB

Nome do arquivo: estruturabásica.html
1 <!DOCTYPE html>
2 <html lang="pt‐br">
3 <head>
4 <meta charset="UTF‐8">
5 <link rel="stylesheet" type="text/css" href="estilo.css">
6 <title></title>
7 </head>
8 <body>
9 </body>
10 </html>
Em casos que a acentuação não se apresente corretamente em algum navegador pode‐se utilizar:

<meta http‐equiv="Content‐Type" content="text/html; charset=utf‐8" /> ou <meta http‐equiv="Content‐Type" content="text/html; charset=iso‐8859‐1" />

<!DOCTYPE html>
Em versões anteriores do HTML se colocava:
<!DOCTYPE html PUBLIC "‐//W3C//DTD XHTML 1.0 Strict//EN“
"http://www.w3.org/TR/xhtml1/DTD/xhtml1‐strict.dtd">

A definição de tipo de documento, ou simplesmente DTD, contém as regras que definem quais as tags que podem ser usadas num documento XML e quais os valores válidos.

Tag A e Tag LINK

Exemplo 1:
<a href="http://www.google.com.br">G O O G L E</a>
Será renderizado no navegador assim:
GOOGLE
Para construir links entre páginas de um mesmo website você não precisa escrever o endereço completo de cada página (URL). Se por exemplo você tem duas páginas chamadas de pagina1.html e pagina2.html, e salvou as duas em um mesmo diretório, você constrói um link de uma para a outra usando somente o nome do arquivo no link. Nestas condições, um link da pagina1.html para a pagina2.html é como mostrado abaixo:
Exemplo 2 (:
<a href="pagina2.html">Aqui está o link para a página 2</a>

Tag A e Tag LINK
Se a página 2 for colocada em um subdiretório (chamado de "subdiretorio"), o link é como mostrado abaixo:
Exemplo 3:
<a href="subdiretorio/pagina2.html">Aqui está o link para a página 2</a>
No slide 1 deste material tem um exemplo de uma Tag LINK que importa o arquivo .CSS para a página principal:

Tag A
Pode‐se criar links internos, dentro da própria página ‐ por exemplo, uma tabela de conteúdos ou índice com links para cada um dos capítulos em uma página. Tudo o que se precisa é usar o atributo id e o símbolo "#".