Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
CABEÇALHO .................................................................................................. 4
CORPO ............................................................................................................ 13
FONTE ............................................................................................................. 16
FRAME ............................................................................................................... 27
IFRAMEs ............................................................................................................ 29
O QUE É HTML?
- ESTRUTURA BÁSICA
Todo site em HTML começa pela tag <html> e termina com a tag
</html>. Tag pode ser considerado como o código da linguagem HTML
propriamente dito. Desse modo, todas as palavras inseridas dentro de menor (<)
e maior (>) são chamadas de tag.
CABEÇALHO
<link> Define ligações da página com outros arquivos ou com outras páginas.
Descrição: é o que vai aparecer sublinhado na sua home page indicando que
pode ser clicado.
Isto porque quando se clica sobre um link sua cor é alterada para indicar
ao usuário que aquele link já foi consultado.
Vlink
Alink
Se você desejar colocar um link para abrir em outra janela, para que o
visitante n ão saia do seu site, por exemplo, colocar um link para uma home
page fora do site. Para fazer isso é simples, basta inserir o atributo TARGET,
assim:
Como utilizar: devem ser incluídas no seu código HTML, dentro da tag
<head>, da seguinte maneira:
Refresh
Além de busca, a tag meta também serve para chamar outra página em um
determinado espaço de tempo, usando o refresh pode-se fazer isso, pode
inseri-la no corpo também <body> ... </body>. Veja o exemplo:
Subtítulo
Quebra de Linha
Parágrafo
Quando for utilizar um parágrafo, deve-se implementar a tag <p>. Veja exemplo:
Você pode escolher alinhar seu parágrafo. Pra isso, basta usar a tag
ALIGN. Exemplo:
Texto Pré-formatado
Este recurso deixa o texto exatamente da forma que foi digitado. Usa-se
a tag <pre>...</pre>. Exemplo:
O exemplo anterior ficou da seguinte maneira:
FONTE
Itálico: existem duas maneiras: <i> ... </i> e outra um pouco mais longa:
<em> e </em> é mais prático escrever da primeira forma, por isso que os sites
que encontramos escrevem dessa forma
Veja o exemplo:
O código anterior fica dessa forma:
UTILIZANDO IMAGENS
<img src="caminho-para-o-arquivo">
Atributo ALT
Sintaxe:
Você pode escrever qualquer frase no atributo alt, veja como fica:
Atributos HEIGHT e WIDTH
Inserir Bordas:
Podemos inserir bordas nas imagens através do atributo border, veja o
exemplo:
A imagem de fundo faz parte da tag body. Basta você incluir na tag body
um parâmetro (BGproperties=fixed) para fazer com que o fundo fique fixo.
CRIAR TABELAS
Para inserir uma tabela com três colunas e duas linhas, com borda
número 10, possuindo o texto dentro da tabela de forma justificada, deve-se
implementar o seguinte código:
MARCADORES DE TEXTO
Também, para não digitar sempre a tag <li> podemos usar da seguinte
maneira:
CRIAR FORMULÁRIOS
Parâmetros do form
Action: é para onde os dados serão submetidos(tratados);
Elementos do Form
Campo Senha: quando o usuário digita aparece apenas (*), mas esse
campo não possui criptografia, pode ser visto;
Submit: envia;
Exemplo de um Formulário:
O código anterior gerou a seguinte página:
Inserir Barra
Para inserir uma barra usa-se a tag <hr></hr>, para deixá-la mais
grossa use o termo size(volume) juntamente com a tag <hr>.
Veja exemplo:
FRAME
Frameborder - Diz se vai existir ou não bordas (1 para sim e 0 para não).
Tag <Frame>
<frameset rows="15%,*,75">
<frame src="http://www.google.com.br">
<frame src="http://www.saraiva.com.br">
<frame src="http://www.submarino.com.br">
</frameset>
Indica o nome desse frame, facilitando sua pesquisa por ele, caso
precise. O SRC é utilizado para mostrar o caminho de onde está a página que
vai ser carregada.
IFRAMEs