HTML Página 29. Índice

Tamanho: px

Começar a partir da página:

Download "HTML Página 29. Índice"

Ana Clara de Abreu Branco
8 Há anos
Visualizações:

1 PARTE - 5

2 HTML Página 29 Índice HTML - Hiperlinks Frames com links O código fonte do arquivo índex.htm Conhecendo os comandos border e bordercolor do frame Conhecendo os comandos name, scrolling e noresize do frame O código fonte do arquivo titulo.htm O código fonte do arquivo menu.htm O código fonte do arquivo fotos.htm... 34

.. 31 Conhecendo os comandos border e bordercolor do frame.

3 HTML Página 30 HTML - Hiperlinks As páginas da Web são, em última análise, documentos do tipo hipertexto. Um texto comum deve ser lido, linearmente, ou seja, você lê a primeira frase, depois a segunda e assim sucessivamente até o fim. Um hipertexto é diferente. Ele contém elementos internos que fazem a ligação com outros elementos internos ou externos ao texto. A marcação <A>... </A> Esta marcação possui uma série de atributos que pode ser utilizada em diversos contextos. Exemplo gráfico de um link. Página Inicial Imagens Textos Relacionado s Cada retângulo representa uma página e cada linha um link. A página de links interessantes conterá ligações para outras páginas externas ao site. Todas as páginas terão uma ligação com a página inicial. Exemplo Links Interessantes <A HREF = fotos.htm > Minhas fotos </A> onde: fotos.htm é a página e fotos; HREF é o atributo que especifica como se dará a ligação; Minhas fotos é o texto que permitirá o link com o arquivo fotos.htm. Anotações:

Ele contém elementos internos que fazem a ligação com outros elementos internos ou externos ao texto. A marcação <A>.

HTML Página 31 Frames com links Partindo do principio que todos esses arquivos estão em uma mesma pasta. Veja como fica a página inicial. O código fonte do arquivo índex.

4 HTML Página 31 Frames com links Partindo do principio que todos esses arquivos estão em uma mesma pasta. Veja como fica a página inicial. O código fonte do arquivo índex.htm <HEAD> <TITLE> INDEX</TITLE> <FRAME SRC = "titulo.htm" NAME = "cabecalho" scrolling = "no" noresize> <FRAMESET COLS = "20,80"> <FRAME SRC = "menu.htm" NAME = "menu" scrolling = "auto" noresize> <FRAME SRC = "principal.htm" NAME = "principal" scrolling = "auto" noresize> </FRAMESET> </FRAMESET> </HTML> Conhecendo os comandos border e bordercolor do frame Para este frame aplicada uma borda (border), de espessura = 7 e Cor da borda (bordescolor) = vermelha. Conhecendo os comandos name, scrolling e noresize do frame <FRAME SRC = "titulo.htm" NAME = "cabecalho" scrolling = "no" noresize> O frame de tamanho 10 receberá o arquivo titulo.htm. (frame src = titulo.htm ) O nome deste frame é cabecalho. NAME cabecalho ). A barra de rolagem foi desligada e a linha que divide os frames está fixa. (scrolling = no noresize)

htm" NAME = "menu" scrolling = "auto" noresize> <FRAME SRC = "principal.

5 HTML Página 32 <FRAME SRC = "titulo.htm" NAME = "cabecalho" scrolling = "no" noresize> <FRAMESET COLS = "20,80"> O frame de tamanho de tamanho 90, foi dividido, formando um frame de tamanho 20 e um de tamanho 80. <FRAMESET COLS = "20,80"> <FRAME SRC = "menu.htm" NAME = "menu" scrolling = "auto" noresize> <FRAME SRC = "principal.htm" NAME = "principal" scrolling = "auto" noresize> O frame de tamanho 20 receberá o arquivo menu.htm. O nome deste frame é menu. NAME menu ). A barra de rolagem foi colocada de forma automática e a linha que divide os frames está fixa. (scrolling = auto noresize) O frame de tamanho 80 receberá o arquivo principal.htm. O nome deste frame é menu. NAME principal ). A barra de rolagem foi colocada de forma automática e a linha que divide os frames está fixa. (scrolling = auto noresize) O código fonte do arquivo titulo.htm <HEAD> <TITLE> Título</TITLE> <BODY bgcolor = "#F0E68C"> <H1 align = center>colégio FÁTIMA</H1> </BODY> </HTML> A cor de segundo plano foi formatada com o auxilio da tabela de cores. Nome da em hexadecimal.

<FRAMESET COLS = "20,80"> <FRAME SRC = "menu.htm" NAME = "menu" scrolling = "auto" noresize> <FRAME SRC = "principal.

6 HTML Página 33 O código fonte do arquivo menu.htm <HEAD> <TITLE> MENU</TITLE> <BODY bgcolor = "#6495ED"> <H1 align = center>menu</h1> <A HREF = "fotos.htm" TARGET = principal >Imagens </A><P> <A HREF = "textos.htm" TARGET = principal >Textos relacionados</a><p> <A HREF = "links.htm" TARGET = principal >Links interessantes </A><P> </BODY> </HTML> <A HREF = "fotos.htm" TARGET = principal >Imagens </A><P> O nome deste frame é principal. Ao dar um clique na palavra Imagens que é um link, o arquivo fotos.htm será aberto no frame que foi nomeado como principal. HREF é o atributo que especifica como se dará a ligação; fotos.htm é a página de fotos; TARGET = principal indica que o arquivo fotos.htm será aberto no frame nomeado como principal; Imagens é a palavra que permitirá o link com o arquivo fotos.htm. Importante: Para que os arquivos fotos.htm, textos.htm e links.htm, sejam apresentados na região principal, ao serem acionados seus links, nas marcações NAME, TARGET o nome do da região do frame, precisam ser declaradas no arquivo index.htm e menu.htm respectivamente e digitadas em letra minúscula.

htm" TARGET = principal >Links interessantes </A><P> </BODY> </HTML> <A HREF = "fotos.htm" TARGET = principal >Imagens </A><P> O nome deste frame é principal.

7 HTML Página 34 O código fonte do arquivo fotos.htm <HEAD><TITLE>FOTOS</TITLE> <BODY> <H2 P ALIGN = CENTER>Tarcila do Amaral</H2> <p align = justify>tarsila do Amaral nasceu em 1 de setembro de 1886, no Município de Capivari, interior do Estado de São Paulo.<br> Tarsila participou da I Bienal de São Paulo em 1951, teve sala especial na VII Bienal de São Paulo, e participou da Bienal de Veneza em Em 1969, a mestra em história da arte e curadora Aracy Amaral realizou a Exposição, 'Tarsila 50 anos de pintura'. Sua filha faleceu antes dela, em 1966.</p> Tarsila faleceu em janeiro de <P ALIGN = CENTER> <IMG SRC = "foto1.jpg"> <IMG SRC = "foto2.jpg"> <IMG SRC = "foto3.png"> <IMG SRC = "foto4.jpg"> </P> <P ALIGN = CENTER> <A HREF = "principal.htm" TARGET = "principal">voltar</a> </BODY> </HTML> Resultado após o clique no link imagens. Ao dar um clique na palavra Voltar que é um link, o arquivo principal.htm, que será apresentado no frame nomeado como principal.

São Paulo.<br> Tarsila participou da I Bienal de São Paulo em 1951, teve sala especial na VII Bienal de São Paulo, e participou da Bienal de Veneza em 1964.

Documentos relacionados

Links e Frames José Antônio da Cunha

Links e Frames José Antônio da Cunha Links Até agora, produzimos documentos simples. Mas os documentos de hipertexto têm como principal característica, fazer ligações com outros hipertextos. Os pontos