QUAL É O DOCUMENTO HTML

4. Desenvolvimento

4.1 O QUE É UM DOCUMENTO HTML

Todo e qualquer documento possui uma extensão q determina a que tipo de arquivo ele pertence, como por exemplo, uma imagem, um arquivo de som etc. Os documentos HTML normalmente possuem a extensão “HTML” ou “HTM” que significa Hypertext Markup Language(Linguagem de Formatação de Texto) que pode ser escrito em qualquer editor de texto. É uma linguagem de marcação de hipertexto usada para criar sites.

4.2 COMO SÃO CHAMADOS OS COMANDOS EM HTML

Antes que a pagina seja exibida, o browser interpreta o código fonte. Nesse momento, ele busca por caracteres especiais, ou seja, procura pelos TAGs. Buscando pelos comandos que determinam as formatações e/ou as ações, por exemplo: se um texto será exibido em negrito ou exibido em itálico, ou ainda se esse texto irá funcionar como um link para outro arquivo ou outra página de internet. Os TAGS são os comandos utilizados para escrever uma página HTML, ou seja, o conteúdo dessa página. As TAG é iniciado pelo sinal de menor “<” e finalizado pelo sinal de maior “>”, ficando desta maneira “<>”. Os TAGs são etiquetas ou marcas padrões para fazer indicações a determinado browser; normalmente são usadas em pares, por exemplo:

<nome da TAG>... texto a ser exibido...</nome da TAG>

Através desses comandos, o código fonte é criado como em qualquer outra linguagem. Os browsers (navegadores) são capazes de interpretar executar todos os comandos que serão visualizados pelo usuário.

4.3 MELHORADO A APARÊNCIA DO DOCUMENTO

Podemos usar algumas TAGs com comandos básicos para melhorar a aparência do documento web como a TAG <title></title> que muda o titulo do documento na barra de titulo do navegador. Também podemos usar a formatação da fonte para melhorar a aparência do documento inserindo o comando “<font> size= n, face= nome da fonte, color=cor </font>”, em que size, o nùmero determina o tamanho da fonte, no parâmetro face indica a fonte que a ser atribuída ao texto, e poderá ser definido mais de um nome de fonte, já o parâmetro color, este é responsável por defineir a cor do texto. A cor pode ser definida pelo seu nome(“red” “White” “Black”,....) ou escrita em sua forma exadecimal, por exemplo: color=”#008800”. Ainda podemos criar cabeçalos, parágrafos e inserir quebras de linha e mais algumas formatações para deixar o documento com uma aparência agradável para o usuário.

4.4 COMO INSERIR IMAGEM, VIDEOS, TABELAS E LINKS PARA NAVEGAÇÃO

As imagem trazem um enriquecimento intensa para qualquer site. Quando navegamos necessitamos de imagens coloridas, belas, para que as páginas não se tornem monótonas e consigam transmitir a mensagem desejada ao usuário. Certamente, os sites na Internet seria muito difícil de trabalhar se não fosse possível adicionar imagens ao conteúdo das paginas. Inserir imagens em páginas Web é muito simples; necessita-se ter a imagem desejada e fazer uma referência a ela com a Tag <img src>, onde o src é o seu atributo. O valor do atributo src (Surce = origem) aponta para o endereço da imagem. O valor do atributo pode ser o caminho absoluto ou relativo de uma imagem. Temos que estrar atentos também aos tamanhos das imagens; se ocupam muito espaço, isso implicará tempo para aparecer a imagem na tela, o qe faz o usuário perder a paciência, o que jamais seria nosso objetivo. A sintaxe do tag Imagem é:

<img src = “nome da figura. extensão”>

Em geral, a pagina de HTML aceita arquivos de imagem em formato JPG e GIF poies esses fomatos comprimem as imagens, deixando o arquivo pequeno. Cada formato tem seus objetivos , então deve-se escolher a forma mais adequada.No HTML é simples colocar um vídeo em um site, e necessário apenas ter o vídeo disponível em uma pasta donsite e colocar no documento o tag <vídeo> apontando para ele, por exemplo:

<videowidth= “320” heigth= “240 “ controls autoplay>

<sourcesrc= “vídeo/filme.mp4”type=”vídeo/mp4”>

<sourcesrc= “vídeo/filme.ogg”type=”vídeo/ogg”>

Dentro do TAG vídeo deve ter um ou mais tags <source>. Cada tag <source> representa um arquivo de vídeo em determinado formato. Por padrão o HTML suporta os formatos de vídeo MP4, WebM e ogg. Essa limitação não deve ser vista como algo ruim, afinal, com menos formatos, praticamente todos os navegadores tenderão a suportar os mesmos formatos, facilitando muito na hora de disponibilizar um conteúdo multimídia, afinal basta que você disponibilize o seu vídeo nesses poucos formatos e todos os navegadores o acessarão.

Utilizar o YouTube para adicionar vídeos á sua página é ainda uma das formas mais fáceis de se fazer isso e é, de longe, a mais utilizada para documentos on-line. Por isso apesar de você não precisar de conhecimento de HTML para fazer isso, se o assunto é vídeo, temos que falor do You Tube.

Primeiro você deve escolher o vídeos que quer adicionar ou criar a sua conta e fazer upload do seu vídeo. Depois acesse o vídeo no YouTube e escolha a opção”Compartilhar” e, em seguida, a opção “incorporar”. Então aparece uma caixa contendo o código que você deverá copiar e colocar no seu documento HTML para ter o vídeo no seu site. Muito fácil.

As tabelas são muito usadas na organização de dados e informações que são compostas por linhas e coçunas onde a intersecção desses elementos formam as células. As tabelas são muito uteis na parte estética da página Web. Para cria uma tabela vamos usar a tag <table></table>, que define uma tabela em HTML. Dentro do tag<table>, precisamos definir a estrutura de linhas e colunas que formarão cada célula de nossa tabela. Para isso, vamos usar outros dois tags, um que cria linhas e outro que cria col<unas de uma tabela esses tags são:

 tr></tr> → tag que define uma linha, abreviação do inglês “TABLE ROW”;

 <td></td> → tag que define uma coluna, abreviação do inglês “TABLE DATA”.

Esse tags devem ser informados em tags para cada célula da linha e deve estar sempre entre os tags<tr></tr>;

 <th></th>