html

Inserindo IMAGENSPara exibir uma imagem em uma pgina HTML utiliza-se o comando . Exemplo:

Tipos de imagens mais utilizadas:jpgjpeggifOnde: src especifica a imagem a ser exibida e border a grossura da borda desta imagem.

Para especificar a largura e altura dos diversos componentes de uma pgina HTML utiliza-se os comandos width e height. Exemplo:

Onde: width a largura e height a altura. Tais comandos podem ser utilizados dentro de diversas tags HTML como vdeos, tabelas, etc. Inserindo IMAGENS

Exemplo de insero de imagem:

O exemplo abaixo mostra a frase descrito no title quando o user para o mouse sobre a imagem, que demonstrado no prximo slide:

Inserindo IMAGENS

Inserindo IMAGENS

Incio de texto com espaoUma marca de tabulao pode ser conseguida com o comando:

ESPAAMENTO ENTRE PALAVRASUma marca de tabulao pode ser conseguida com o comando:

Hello world

Oi mundo.

ESPAAMENTO ENTRE PALAVRASUma marca de tabulao pode ser conseguida com o comando:

CRIAO DE LINKSContedo:

O que link.Como criar um link.Tipos de link.ExemplosLink/download.

CRIAO DE LINKSOs links so responsveis pela navegabilidade entre as pginas da web. Permitem acesso dentro do prprio documento ou a documentos externos. Para isso, utiliza-se a tag , que significa ncora no existe um nome mais sugestivo para navegao.

CRIAO DE LINKS

LinkCentro Paula Souza

CRIAO DE LINKSLinks para outras pginas HTML ou sites podem ser criados com o comando . Exemplo:

Para abrir o link na mesma aba ou janelaGoogle

Para abrir o link em outra aba ou janela

CRIAO DE LINKSDiferena entre target="_blank" e target="_new" target="_blank" usado para abrir links em vrias janelas e target="_new" usado para abrir vrios links em uma janela.7ExemplosTtuloTtulo

LISTAS DE DEFINIO NO NUMERADASPara organizar listas de contedos pode-se utilizar o comando com diferentes tipos de marcadores como: type="disc", type="circle", type="square". Exemplo:

LISTAS DE DEFINIO NUMERADASPara organizar listas de contedos numerados pode-se utilizar o comando . Exemplo:

tpico numero um tpico nmero dois

LISTAS DE DEFINIO NUMERADASPara o caso das listas numerveis o atributo type define o tipo dos marcadores da lista, ou seja, se ser com nmeros decimais (1,2,3,4,...), com nmeros romanos (I,II,III,IV,...)ou com letras do alfabeto (a,b,c,d,...).

Exemplos:

LISTAS DE DEFINIO NUMERADAS Exemplos:

Java Visual Basic

Java Visual Basic

Java Visual Basic

Java Visual Basic

LISTAS DE DEFINIO NUMERADAS Exemplos:

CRIAO DE TABELASA tabela um dos recursos mais usados para organizar as informaes em umapgina. Mas para mont-la precisamos de uma srie de marcaes que nos permitiroorganizar a sua estrutura.TABLE Identifica o incio e o fim da tabela.TR Linhas da tabela.TD Colunas da tabela.TH Representa a coluna da tabela para ttulos, formatando o texto emnegrito.

CRIAO DE TABELASTabelas HTML podem ser criadas com os seguintes comandos:

marca o incio de uma tabela e a espessura de sua borda;

cria/finaliza linhas em uma tabela;

cria/finaliza colunas nas linhas de uma tabela;

finaliza uma tabela.

EXEMPLO DE TABELATabela com uma linha e duas colunas:

linha1 coluna1 linha1 coluna2

EXEMPLO DE TABELANo exemplo abaixo temos uma tabela 2X2:

Tabela

EXEMPLO DE TABELANesse primeiro momento de desenvolvimento interessante manter a borda da tabela, porque facilita a verificao de sua estrutura (figura abaixo).

EXEMPLO DE TABELA COM ATRIBUTOS

TESTE

Oi

tchau

HOME

EXEMPLO DE TABELA COM ATRIBUTOS

EXEMPLO DE TABELA dentro de TABELAFormatando o texto na pgina:

Ao escrever um texto em HTML, a formatao (espaos entre uma palavra e outra e distncia entre uma linha e outra) no interpretada, ou seja, preciso incluir comandos de quebra de linha, pargrafo e de texto pr-formatado como os que seguem: Termina uma linha de texto (pula para prxima linha): Termina um pargrafo (pula duas linhas): Para pular vrias linhas, no adianta usar diversos seguidos. O que pode ser feito para pular diversas linhas usar o comando , seguido de alguns "Enter" e depois o comando para terminar.


Colocando um texto pr-formatado: coloque o texto aqui Teste. < pre width="80"> < /pre> Exemplo de texto pr-formatado: "Este um texto pre-formatado." Normalmente a apresentao de um texto formatado pelo comando pre pior do que a de um texto formatado pelos comandos de formatao do HTML. Iniciando um pargrafo de texto: Este comando afasta a primeira linha do texto que vem a seguir dele um pouco para a direita.

Width = larguraHeight = altura


Criando linhas de separao:O comando cria uma linha horizontal em uma pgina e pode ser utilizado com alguns atributos: Onde a largura pode ser definida em pixels (width="100" por exemplo) ou em porcentagem do tamanho horizontal da tela (width="30%" por exemplo). Exemplo: cria uma linha com 8 pixels de altura, com largura igual a 50% do tamanho da tela, alinhada direita, como a seguinte: Uma linha mais slida pode ser criada usando o atributo noshade junto com o hr, como no exemplo: Gera a linha...

html

Documents