PORTFÓLIO - ANÁLISE E DESENVOLVIMENTO DE SISTEMASPORFOLIO

...

A linguagem HTML foi criada por Tim Barners Lee na década de 1900. As especificações da linguagem são controladas pela W3C (world Wide Web Consortium). As versões da evolução da HTML incluem XHTML (uma linguagem com sintaxe mais rigorosa, baseada em XML) e HTML5 (quinta versão da HTML que traz novos recursos, principalmente a manipulação de conteúdo gráfico e multimídia). O HTML se criou a princípio com objetivos de divulgação. Porém, não se pensou que a web chegaria a ser uma área de ócio com caráter multimídia, de modo que, o HTML surgiu sem dar respostas a todos os possíveis usos que lhe dariam posteriormente e a todo coletivo de gente que o utilizariam no futuro.

3.2 Como são chamados os comandos em HTML

TAGS é o nome dado aos comandos em HTML. São os tags que dizem ao browser como o texto, a informação e as imagens serão exibidas. Como exemplo, um tag que diz que um texto vai ser exibido em negrito, itálico e com um tipo de fonte qualquer. Não só isso, mas um tag também diz que na verdade um determinado pedaço do texto é um endereço para outra página Web que será acessada ao dar um click no endereço. A inicialização do Tag é simbolizada pelo sinal de menor “”, ficando representado assim: “”, lembrando que no fechamento inclui-se a barra ficando assim: “>”. Na verdade a barra “/” indica que o tag está sendo finalizando a marcação de um texto. Já que os tags são etiquetas ou marcas padrões para fazer indicações a determinados browser, normalmente são usadas em pares, como nos exemplos:

texto do TAG>

abre

Fecha

Para criar paginas HTML ou usar os browsers, não é necessário estar ligado a web. Ao terminar de escrever sua página no bloco de notas, salve com um nome qualquer usando a extensão HTM ou HTML, para que suas páginas sejam interpretadas.

Outros dois relevantes tags na estrutura do documento HTML são os tags e .

Mas ainda há outros tags que são básicos em todos os documentos HTML que são:

: da inicio ao documento HTML;

: cria o cabeçalho com as informações não de cabeçalho não visíveis da página, mas não na sua aba;

: se trata do corpo do documento, onde está o conteúdo da página.

Ex:

Texto

3.3 Melhorando a aparência do documento HTML

Só mente na utilização dos TAGS pontos:

1: Essa tag é responsável por definir o início de um documento HTML e seu fim.

2: Título da página a ser exibido

1: tag que define o início e o fim do cabeçalho do documento.

2. Tag onde devem ser inseridos os conteúdos do site que deverão ficar visíveis ao usuários quando a página for renderizada no navegador.

3.4 Inserindo imagens

Para que este comando tenha funcionalidade temos que seguir alguns paramentos como altura e largura e dimensionar em muitos outros.

3.5 Inserindo Vídeos

Inserindo vídeos do YouTube, são incorporados em um arquivo HTML usando a tag. O atributo src define qual arquivo de vídeo para incorporar a página. A tag não requer um fechamento (/>).

3.6 Inserindo tabelas

As tabelas são muito importantes para o designer de uma home-page. Com elas pode-se fazer alinhamentos que dificilmente seriam possíveis com simples comandos. A funcionalidade de uma tabela faz com que um determinado site tenha um aspecto mais profissional e o usuário possa navegar de forma mais eficiente, pois os objetos podem estar melhor posicionados na home-page.

Vamos discutir, nesta parte, quais são os comandos para se criar uma tabela e mostrar alguns exemplos. Claro que você deverá praticar e principalmente planejar a sua tabela, pois sem isso, fica muito difícil de controlar o código HTML da sua home-page. O comando para se inserir uma tabela é ; para iniciar uma linha devemos introduzir a tag

e para uma célula (alguns preferem dizer coluna) . Todos estes comandos são encerrados como , e respectivamente. Vejamos um exemplo. Vamos supor que queiramos montar uma tabela 3X2, ou seja de 3 colunas por 2 linhas, o código HTML para isso é:

TABELA

1º COLUNA

2º COLUNA

3º COLUNA

PRIMEIRA COLUNA

SEGUNDA COLUNA

TERCEIRA COLUNA

Salve este exemplo como com a extensão .HTML é só abrir um navegador para ver como ficou.

Parâmetros podem ser acrescidos às tabelas, tais como: aumentar ou diminuir a largura de uma célula; distanciar as células uma das outras; inserir cor de fundo dentro da célula etc. Vamos procurar trabalhar com vários exemplos para visualizarmos melhor o uso destes parâmetros.

Outro atributo que podemos ter nas tabelas é mudar a sua cor de fundo, isto se torna particularmente útil quando se quer dar destaque a uma célula em especial. Vejamos um exemplo:

VERMELHO

AZUL

VEMELHO

AZUL

VEMELHO

AZUL

Aqui, vimos que podemos acrescentar cores ao fundo de uma célula, outra coisa que também pode ser feita é mudar a fonte com os comandos de formatação que você já conhece, como , por exemplo.

Repare que no exemplo anterior nós colocamos BORDER=0 e as células apareceram coloridas, mas com um certo espaçamento entre elas, para tirarmos este espaço devemos acrescentar dentro da tag o parâmetro CELLSPACING=0. Este parâmetro elimina por completo os espaços entre as células.

VERMELHO

AZUL