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?

• Parte 1
• Parte 2

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

Páginas: 1 2 3