Estrutura da página
Uma página em HTML é um conjunto de comandos e textos, digitados em formato texto, que determina para o navegador o modo de apresentar todos os seus itens (textos, figuras, vídeos, sons) na tela de um computador, via WWW.
Para escrever documentos HTML só é necessário um editor de texto simples e conhecimentos sobre os códigos que compõem a linguagem. Os códigos, conhecidos como "tags", indicam a função de cada elemento da página na rede.
Tags
Na estrutura de documentos em HTML os elementos usados para determinar os comandos são chamados de tags.
Cada tag possui 2 símbolos: o sinal "<" ("menor que"), e o sinal ">" ("maior que").
O comando é digitado entre esses símbolos, sendo sempre uma palavra em inglês, como head (cabeça, cabeçalho) ou body (corpo), e pode ser digitado tanto em maiúsculas ou minúsculas.
O comando pode ser independente (ou solitário, ou solto), ou pode precisar de encerramento (também chamado envolvimento).
Assim, o tag que indica
- quebra de linha: é um exemplo de elemento solitário: <br>
- localização centralizada do texto: é um exemplo de elemento que deve ser encerrado:
<center> ... </center>
Notar que o comando que fecha é o mesmo que abre, mas tem uma barra extra.
Exemplos de tags
| Negrito | Bold | <b>Negrito</b> ou <span style="font-weight: bold;"></span> |
| Itálico | Italic | <i> Itálico</i> ou <span style="font-style: italic;"></span> |
| Strikethrough | <strike>Riscado</strike> ou <s>Riscado</s> ou <span style="text-decoration: line-through;"></span> | |
| Subscrito | Subscript | <sub>Subscrito</sub> |
| Sobrescrito | Superscript | <sup>Sobrescrito</sup> |
| Sublinhado | Underline | <u>Sublinhado</u> ou <span style="text-decoration: underline;"></span> |
Títulossubtítulos | Título | <h1> ... Título ... </h1> <h2> ... Subtítulo ... </h2> Pode haver: h1, h2, ... h6, ou seja, parágrafos com 6 tamanhos diferentes de fonte, em que 1 é o tamanho maior e 6 o menor. |
Note-se que para aplicar uma formatação, após selecionar o texto desejado, pode-se utilizar diretamente os botões das barras de ferramentas ou clicar em "Formatar" e em algumas das opções como "Fonte", "Tamanho do texto", Cor do texto.
Em "Estilo do texto" ("Text style"), várias opções estão disponíveis.
Exemplo: <h5 align="center"> Exemplo com atributo</h5>
Exemplo com atributo
Nesse caso o título é do tipo 5, determinado por <h5></h5> e possui um atributo "align="center"" que o centraliza na página.
Estrutura básica de uma página
Todo arquivo HTML obrigatoriamente contém alguns comandos que identificam aquele texto como uma home page para o navegador. Assim, as páginas em HTML possuem uma anatomia fixa, devendo conter obrigatoriamente os seguintes Tags.
<html> e </html> - Determinam início e fim do documento HTML. <html> diz ao browser para iniciar um novo documento HTML cujo conteúdo se encontra definido entre esse local e a etiqueta de fim do documento, que é </html>.
<head> e </head> - Definem o cabeçalho. Esta informação não é apresentada graficamente mas dá indicações importantes a respeito daquilo que a página contém e sobre a forma como ela deve ser apresentada.
<title> e </title> - Contém o título da página, ou seja, o nome da janela que irá aparecer na barra superior do navegador.
<body> e </body> - Define tudo aquilo que o navegador deve apresentar graficamente. Todos os arquivos, textos, sons deverão estar entre estes elementos.
Título da janela - é o nome da página, que aparece lá em cima, na barra (superior) de título dessa janela, junto com o símbolo do navegador.
Por exemplo, essa página tem o título: HTML - Estrutura da página
(observe a barra de título do navegador)
Assim, a estrutura básica de uma página, em ordem de comandos obrigatórios é:
<html>
<head>
<title>
Entre <title> e </title> deve ser digitado o título da página.
</title>
</head>
<body>
Entre <body> e </body> devem ser colocados todos os textos, figuras e sons da página.
</body>
</html>
Deve-se ressaltar que o primeiro elemento a ser aberto (no caso, <html>) é sempre o último a ser finalizado.
Nenhum comentário:
Postar um comentário