Livro IAI – Introdução ao HTML

Páginas 33-48(fim)

Resumo: Hiperligações, Cores no HTML, Fundos de Ecrã, Formatação de Texto, e Tabelas em HTML

Introdução: A essência da Internet reside na capacidade de estabelecer conexões entre informações, formando uma teia de conhecimento através de hiperligações. A World Wide Web utiliza URLs para identificar o destino dessas hiperligações, essenciais para o HTML. Este resumo abordará aspectos como hiperligações locais e na web, controle de cores em HTML, fundos de ecrã, formatação de texto e tabelas.

1. Hiperligações: O poder da Internet é evidenciado pelas hiperligações, que conectam informações. URLs identificam o destino, e âncoras são usadas para criar links. Hiperligações locais podem referenciar documentos na mesma pasta, incluindo imagens como links. Para acessar documentos em pastas diferentes, ajusta-se a sintaxe.

Exemplos:

Hiperligação local: <a href="ficheiro.html">texto do link</a>
Imagem como hiperligação: <a href="index.htm"><img src="elef1.jpg" alt="Elefantes"></a>
Referência a documentos em pastas: <a href="imagens/nome da imagem.gif">imagem numa pasta abaixo</a>

2. Hiperligações para Documentos Online: Ligações para documentos online utilizam URLs. Exemplo: <a href="http://www.uevora.pt">Universidade de Évora</a>

3. Controlo de Cores no HTML: A web suporta mais de 161 milhões de tons de cor. A paleta básica contém 16 cores, e CSS é preferido para formatação. A mistura de cores RGB cria uma variedade, mas é recomendado o uso de “cores seguras do navegador.” Exemplos incluem a representação hexadecimal e nomes de cores.

4. Fundos de Ecrã: O fundo pode ser uma cor sólida ou uma imagem texturizada. Utiliza-se <body bgcolor="#YYYYYY"> para cor sólida. Cores e texturas podem ser controladas através de atributos.

Exemplos:

Cor de fundo: <body bgcolor="#YYYYYY" text="#YYYYYY" link="#YYYYYY" vlink="#YYYYYY">
Imagem de fundo: <body background="ficheiro_bg.gif">

5. Formatação de Texto: Texto pode ser formatado em tamanho, cor e tipo de letra. A tag  é utilizada para alterar tamanho e cor, enquanto o tipo de letra é ajustado com .

Exemplos:

Tamanho da letra: Texto
Tipo de letra: Letra Arial

6. Tabelas: As tabelas em HTML oferecem estrutura e layout. A estrutura básica inclui linhas e células. A formatação pode ser ajustada com atributos como colspan, rowspan e cabeçalhos de colunas.

Exemplo:

htmlCopy code<table border=1>
  <tr>
    <th>COLUNA A</th>
    <th>COLUNA B</th>
    <th>COLUNA C</th>
  </tr>
  <tr>
    <td>Linha 1 coluna 1</td>
    <td>Linha 1 coluna 2</td>
    <td>Linha 1 coluna 3</td>
  </tr>
  <!-- ... outras linhas ... -->
</table>

Conclusão: Este resumo abordou aspectos cruciais do HTML, destacando o poder das hiperligações na Internet, a diversidade de controle de cores, opções de fundos de ecrã, formatação de texto e a versatilidade das tabelas para organizar informações em páginas web. Ao compreender esses elementos, os desenvolvedores podem criar conteúdo mais rico e interativo na web.

Deixe uma resposta Cancelar resposta