Criando um site – Parte 3

Olá! Bem-vindos a Parte 3 do tutorial!

Hoje eu vou ensinar como fazer links para download, dar a vocês atributos comuns, isto é, que tem em todas as tags, e a fazer parágrafos.

Não viu os outros dois?

Para fazermos links para download, é necessário termos um arquivo que não seja arquivo de texto (txt) HTML, PDF,PHP, ASP, JavaScript(veremos na Parte 12) e VBScript.

Os tipos mais comuns são ZIP, RAR e EXE.

Para fazer um link para download você faz o seguinte:

<a href="arquivos/Apostila.zip">Apostila</a>

onde:

  • arquivos/Apostila.zip” é o arquivo a ser baixado. Ele está dentro da pasta “arquivos” e seu nome é “Apostila.zip”
  • Apostila é o hiperlink, o que redirecionará ao arquivo quando você clicar.

Parágrafos

Os parágrafos – na informática – são aqueles textos que tem um espaço muito grande entre um parágrafo e outro. Para você fazer um parágrafo, você o inicia com a tag <p>. Eles são muito importantes na hora de você fazer textos grandes.

Um exemplo:

<p><em>Este é um parágrafo. O seu conteúdo é delimitado na tag p. Quando<br /> 
o navegador renderiza, o que está entre essas tags sofre um espaçamento <br />
em cima e em baixo das outras coisas </em></p>

Por exemplo:

Esse é um parágrafo. O seu conteúdo é delimitado na tag p. Quando
o navegador renderiza, o que está entre essas tags sofre um espaçamento
em cima e embaixo das outras coisas

Acabou o parágrafo… Agora vou explicar uma nova tag: a tag <em>. Ela substitui a tag <i>. Você pode usar a tag <em> no lugar da tag <i>.

Atributos comuns

Esses atributos tem em algumas tags. Vou mostrar a vocês:

Tag <h(x)> Tag <p> Tag <img> Tag <hr> Tag <font>
Atributo align
Atributo id*
Atributo class*
Atributo border
Atributo color

* Vamos ver esses atributos futuramente

Agora vou explicar o que cada atributo faz:

align: Ele alinha o texto ou objeto a uma determinada posição. Seus valores são: left (esquerda), center (centro), right (esquerda) e justify (justificada).

id e class: Atributos de folha de estilo. Vamos ver isso lá na Parte 12 ou 13.

border: Define o tamanho de umauma borda. Seus valores são numéricos. Assim:
border= número
sendo número o número de pixels da borda

color: Define a cor, sendo que pode ser nomes de cor em inglês ou hexadecimais

Na próxima parte estarei explicando a tabela de cor hexadecimal (você vai usar isso MUITO) e como mostrar imagens na sua página HTML

Anúncios

Publicado em 05/07/2010, em Nível médio, tutoriais e marcado como , , . Adicione o link aos favoritos. 4 Comentários.

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: