TB PT 01 Mozer

UNIVERSIDADE NORTE DO PARANÁ

CURSO DE TECNÓLOGO EM ANÁLISE E DESENVOLVIMENTO DE SISTEMAS

HTML

UNOPAR/ 2014

UNIVERSIDADE NORTE DO PARANÁ

O QUE É HTML?

EDSON SILVA SANTOS

UNOPAR

2014

UNIVERSIDADE NORTE DO PARANÁ

O QUE É HTML?

Trabalho Individual apresentado por Edson Silva Santos, à Universidade Norte do Paraná, como um dos requisitos para a obtenção do título de Tecnólogo em Análise e Desenvolvimento de Sistemas.

Orientador (a):

Nilson Evaldo Silva Lima Filho

LUIS EDUARDO MAGALHÃES

2014

SUMÁRIO

1. INTRODUÇÃO 1

2. OBJETIVO GERAL 1

3. DESENVOLVIMENTO 1

3.1 O que é um arquivo HTML? 1

3.2 Como inserir imagens, vídeos, tabelas e links? 6

4. CONCLUSÃO 13

REFERÊNCIAS 14

1. INTRODUÇÃO

O HTML é a liguagem base da internet. Foi criada para ser de fácil entendimento por seres humanos e também por máquinas, como por exemplo o Google ou outros sistemas que percorrem a internet capturando informação.

2. OBJETIVO GERAL

Estudar, analisar e entender o HTML, seus tags, seus atributos a fim de aplicá-los com eficiência e eficácia.

3. DESENVOLVIMENTO

O que é um arquivo HTML?

• HTML significa Hyper Text Markup Language

• Um arquivo HTML é um arquivo texto contendo pequenas tags de marcação

• As tags de marcação indicam para o Navegador Web como mostrar a página

• A extensão de um arquivo HTML deve ser htm ou html

• Um arquivo HTML pode ser criado usando um editor de texto simples

Todo documento HTML apresenta elementos entre parênteses angulares (< e >); esses elementos são as etiquetas (tags) de HTML, que são os comandos de formatação da linguagem. A maioria das etiquetas tem sua correspondente de fechamento:

<tag>...</tag>

Isso é necessário porque as etiquetas servem para definir a formatação de uma porção de texto, e assim marcamos onde começa e termina o texto com a formatação especificada por ela. Alguns elementos são chamados “vazios”, pois não marcam uma região de texto, apenas inserem alguma coisa no documento:

<tag>

Todos os elementos podem ter atributos:

<tag atributo1=valor1 atributo2=valor2>...</tag>

Como inserir imagens, vídeos, tabelas e links?

A tag utilizada para se inserir imagens é a tag <img />, que pode ser aberta e fechada no mesmo bloco da tag. Também precisamos informar o endereço da imagem ao navegador então para isso utilizaremos o comando src.

Exemplo:

<img src="link_da_imagem"/>

É importante observarmos que o link da imagem deve sempre terminar com o nome da imagem, ponto (.) a extensão do tipo da imagem. E se a imagem está em uma pasta no mesmo diretório do documento HTML, devemos colocar o nome da pasta seguido de barra (/), antes do nome da imagem.

Exemplo:

<img src="minha_pasta/minha_imagem.png"/>

Os comandos de redimensionamento de imagem servem para controlar o tamanho da imagem. São eles: width (largura), height (altura).

Os valores mais usados para estes comandos são valores em píxel, que já expliquei em postagens anteriores.

Devemos tomar muito cuidado na hora de usar estes comandos, pois se aplicarmos um tamanho muito distante ao tamanho real da imagem, teremos uma enorme perda de qualidade da mesma.

Exemplo:

<img width="300px" height="300px" src="imagens/minha_imagem.png"/>

O comando para alinhamento é o align, que tem como seus principais valores:

left - alinha a imagem a esquerda; right - alinha a imagem a direita; top - alinha a imagem com o topo do elemento mais alto de sua linha; bottom - alinha a imagem com a base mais baixa dos outros elementos de sua linha;

Exemplo:

<img align="right" src="imagens/minha_imagem.png"/>

Além do comando align podemos utilizar a tag <center> para alinhar uma imagem. A utilização