Após apresentar o assunto no post anterior (Detalhes) nesse post estarei apresentando algumas tags básicas para a construção de uma pagina Web simples.
Obs: Para realizar os exemplos abaixo, abra o bloco de notas, escreve o codigo dentro das tags <body></body> e salve com a extensão ".html".
As imagens abaixo estão com o código e o resultado.
Titulo
Atributos
Os tamanhos dos títulos são definidos atrás da tag <h> juntamente com o numero que vai de 1 a 6 no qual faz referencia ao tamanho. Quando menor o numero maior o tamanho da fonte.
Atributos
align - Alinhamento do parágrafo: left, right, center e justify (serve para varias tags)
Parágrafo e Quebra Linha
Os parágrafos são definidos com a tag <p>. A tag <br> é usada quando você quer terminar uma linha, mas não quer começar um novo parágrafo.
Comentários
A tag de comentário é usada para se comentar algo em um código html.
Tags de formatação de texto
Utilizadas para formatação do texto:
Listas
Para a inserção de imagens, supondo que as imagens estejam numa pasta chamada "imagens" utiliza-se a tag <img src="imagens/logo.png" />
Fonte:
Fonte01
Fonte02
Fonte03
Fonte04
Parágrafo e Quebra Linha
Os parágrafos são definidos com a tag <p>. A tag <br> é usada quando você quer terminar uma linha, mas não quer começar um novo parágrafo.
Comentários
A tag de comentário é usada para se comentar algo em um código html.
Tags de formatação de texto
Utilizadas para formatação do texto:
Listas
- Listas não ordenadas: com vários itens marcados todos com o mesmo símbolo.
- Lista ordenadas: Contêm vários itens numerados.
- Listas de definições: é constituida por uma série de itens mas por termos acompanhados das descrições de seus significados.
LINKS
Para construir um link você usa a tag <a href="pagina.html">Nome do link</a>. O elemento a refere-se a "anchor" - ancora e o href abreviação "hypertext reference" - referência a hypertexto - e especifica o destino do link - que normalmente é um endereço na Internet ou um arquivo.
Para construir um link você usa a tag <a href="pagina.html">Nome do link</a>. O elemento a refere-se a "anchor" - ancora e o href abreviação "hypertext reference" - referência a hypertexto - e especifica o destino do link - que normalmente é um endereço na Internet ou um arquivo.
- Os links entre as próprias página precisão apenas do diretório em que se encontram nome da pagina e extensão. No primeiro exemplo a pagina esta na mesma pasta.
- Se o arquivo tivesse numa pasta de nível acima basta coloca "../" antes do nome da pasta para voltar uma pasta.
- Os links internos, dentro da própria página, usa-se o atributo id para marcar o elemento que é destino do link.
IMAGENS
- Imagen como link
Atributos:
- usemap - Um mapa de imagens do lado cliente
- src - O URL da imagem
- alt - Uma string de texto que será exibida em navegadores que não possam suportar imagens
- align - Determina o alinhamento de uma determinada imagem: top, middle, bottom, left e right
- height - É a altura sugerida em pixels
- width - É a extensão sugerida em pixels
- vspace - O espaço entre a imagem e o texto acima e abaixo dela
- hspace - O espaço entre a imagem e o texto à esquerda e à direita dela
- border - Largura da borda
Exemplo:
Para redimensionar a imagen basta especificar a altura e largura:
Titulos nos links e imagens
Tanto para os títulos quanto para as imagens basta adicionar a tag titulo title="titulo":Fonte:
Fonte01
Fonte02
Fonte03
Fonte04
MUITO BOM.
ResponderExcluir