Tecnologias Web Prof. Msc. Juliano Gomes Weber Tecnologias Web Notas de Aula – Aula 03 1º Semestre UNIJUÍ – DETEC – Ciência da Computação

O que vimos até então? O que vimos nas duas primeiras aulas? -

Gerenciadores de domínios internacionais Registro.br registra domínios nacionais.br... E para registrar um domínio.com sem precisar de um intermediário? IPOWE GODADDY

Continuação do html...

Links Referencia-se a outros recursos tais como: outra página html, arquivos, imagens etc. Texto ou Imagens podem atuar como hyperlink. UNIVERSIDADE REGIONAL DO NOROESTE DO ESTADO DO RIO GRANDE DO SUL " Prof. Juliano Problema deste comando?

6 Tag texto/imagem A âncora de um link pode ser uma imagem ( ) Ligando Documentos Semelhantes a apontadores Considerados a alma da Internet Links

7 Links Internos São utilizados para indexar documentos Muito utilizados Pode-se criar links para o interior de outros documentos Âncora:... Destino:... Exemplo 1: Indice Introducao HTML-Tabelas Usando Links... Introducao

8 Links Internos Exemplo 2: Veja o nosso tutorial HTML Representação Gráfica do Exemplo 1:

9 Links Internos Representação Gráfica do Exemplo 2:

Linha Separadora <HR COLOR="RED" SIZE="3"

Comentários (IMPORTANTÍSSIMO) - Fornece informação sobre o código do documento mas não tem qualquer efeito em termos de formatação/estruturação - - Serve apenas para dar informação acerca do conteúdo do código - Sintaxe : <Tag Inicial <! - -

Comentários

Exercício Crie 5 páginas html, totalmente linkáveis entre si. O assunto das páginas pode ser o seu hobby ou a seu gosto; Postar na hospedagem hdfree que você criou;

Listas Ordenadas Desordenada Definição

Listas Ordenadas Item 1 Item 2 Desordenada Definição

Listas Ordenadas Desordenada Item 1 Item 2 Definição

Listas Ordenadas Desordenada Definição Item 1 Item 2

Listas Sub-item Item 1 Item 1.1 Item 1.2

Imagens

Imagens

Imagens Atributos de IMG Atributo: SRC Explicação: Obrigatório, indica a URL da imagem a ser exibida. Podem ser usadas URL absoluto ( ou URL relativo (/images/imagem.gif) Exemplo: Atributo: ALT Explicação: Indica um texto asociado à imagem. Quando a imagem não puder ser exibida, o texto é exibido em seu lugar. Este texto também é exibido quando o cursor fica parado sobre a imagem. Exemplo:

Imagens Atributo: ALIGN Explicação: Determina o alinhamento da imagem em relação ao texto existente na mesma linha. Os valores válidos são "TOP", "MIDDLE", "BOTTOM","LEFT" e "RIGHT". Exemplo: Atributo: WIDTH Explicação: Determina a largura, em pixels, da imagem. Exemplo: Atributo: HEIGHT Explicação: Determina a altura, em pixels, da imagem. Exemplo:

Imagens Atributo: BORDER Explicação: Determina a largura, em pixels, da imagem. Exemplo: Atributo: HSPACE Explicação: Determina a quantidade de espaço deixado em branco aos lados da imagem, de forma que ela não fique demasiadamente próxima dos outros elementos da página. Exemplo: Atributo: VSPACE Explicação: Determina a quantidade de espaço deixado em branco acima e abaixo da imagem. Exemplo:

Imagens Três formatos mais populares: Graphics Interchange Format (GIF) Joint Photographic Experts Group (JPEG) Portable Network Graphics (PNG) Atributos: src – Caminho(path) da Imagem. align – Alinhamento da Imagem border – Borda da Imagem alt – Texto da Imagem height – Altura da Imagem width – Largura da Imagem

Atividade de pesquisa e implementação De forma individual, faça uma pesquisa sobre a tag FRAME. Elabore um pequeno texto explicativo sobre o uso destas tags; Desenvolva um exemplo;