Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Des de Interface e App para Web HTML

    Enviado por

    Eliane Ezidio
    9 visualizações22 páginas

    Título original

    des de Interface e App Para Web HTML

    Direitos autorais

    © Attribution Non-Commercial (BY-NC)

    Formatos disponíveis

    PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    9 visualizações22 páginas

    Des de Interface e App para Web HTML

    Enviado por

    Eliane Ezidio

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 22

    Linguagens Web Cliente

    Curso Bsico de HTML Parte 2

    Lista de Itens
    As listas de itens podem ser implementadas no texto de um documento HTML utilizandose as tags <UL> e <OL>. Nas listas com tag <UL>, os itens no so numerados, enquanto nas listas com tag <OL> os itens so automaticamente numerados. Independente do tipo de lista, os itens so identificados pela tag <LI>.

    Lista de Itens
    <OL> Inicio da lista numerada <LI>Belo Horizonte Item <LI>Manaus Item <LI>Recife Item </OL> Final da lista numerada <UL> Inicio da lista no numerada <LI>Carto de crdito Item <LI>Cheque Item <LI>Dinheiro Item </UL> Final da lista no numerada

    Lista de Itens
    Nas listas no numeradas possvel informar o caractere usado para identificao dos itens atravs do atributo TYPE, que assumir os valores disc, round ou square.
    <UL TYPE=square> <LI>Carto de crdito <LI>Cheque <LI>Dinheiro </UL>

    Lista de Itens
    As listas de itens podem ser aninhadas, isto , uma lista pode ser colocada dentro de uma outra lista.
    <UL> <LI>Nordeste:
    <UL> <LI>Fortaleza <LI>Natal </UL>

    <LI>Sul: <UL> <LI> Curitiba <LI>Porto Alegre </UL> </UL>

    Lista de Itens
    possvel implementar listas onde os itens so destacados por tabulao. Isso feito com as tags <DL>,<DT> e <DD>. As tags <DL> e </DL> identificam a lista de itens tabulados, enquanto as <DT> e </DT> identificam os itens principais e as tags <DD> e </DD>, os itens secundrios.

    Lista de Itens
    <DL> Inicio da lista <DT>Histria do Brasil</DT> Item principal <DD>Editora da UEA. 1993.</DD> Item secundrio <DT>Histria da Arte</DT> Item principal <DD>Editora Moderna, 1992.</DD> Item secundrio </DL> Final da Lista

    Uniform Resource Locator (URL)


    Todo recurso na Web tem um endereo que pode ser codificado como um URL. http://www.uea.edu.br/alunos/matricula.html http://www.uea.edu.br/figuras/uealogo.gif http://www.uea.edu.br/scripts/notas.php

    Uniform Resource Locator (URL)


    Um URL pode tambm identificar uma localizao especifica dentro de um documento HTML. Esse tipo de URL termina com o caractere # seguido pelo identificador da localizao dentro do documento. http://www.uea.edu.br/tese.html#bibliografia

    Hiperlinks
    Os hiperlinks possibilitam a conexo entre recursos na Web e a organizao dos documentos em hipertextos. O recurso pode estar no mesmo servidor ou em outro servidor. As tags <A> e </A> possibilitam a definio de um hiperlink. O valor do atributo HREF identifica o recurso acessado (ncora de destino). A ncora de origem identificada por um texto ou imagem posicionado entra as tags <A> e </A>

    Hiperlinks
    Links para recursos no mesmo servidor
    < A HREF=mural.html>Novos eventos</A> <A HREF=atividades/esportes.html>Esportes</A> Link para recursos em outros servidores
    <A HERF=http://www.uea.edu.br/alunos.html>UEA</A>

    Hiperlinks
    O URL que identifica um recurso pode ser absoluto ou relativo. Atravs da tag <BASE> e do atributo HREF possvel especificar o URL base para os URLs relativos.

    Hiperlinks
    <HTML> <HEAD> <TITLE>Notas dos alunos</TITLE> <BASE HREF=http://www.uea.edu.br> </HEAD> <BODY> <A HREF=docentes/alunos/notas.html>Notas</A> </BODY> </HTML>

    Hiperlinks
    A finalidade de um hiperlink pode ser descrita como o atributo TITLE, cujo o valor um texto apresentado quando o usurio aponta para a ncora de origem.
    <A HREF=http://www.uea.edu.br TITLE=Universidade do Estado do Amazonas>UEA</A>

    Hiperlinks
    As cores usadas para representar os hiperlinks podem ser especificas na tag <BODY> atravs dos atributos LINK (links no visitados), VLINK (links visitados) e ALINK (links selecionados).
    <BODY LINK=red VLINK=verde ALINK=azul>

    Hiperlinks
    Uma imagem pode ser usada para representar uma ncora de origem. Quando o usurio seleciona a imagem, o recurso identificado em HREF acessado. <A HREF=carros/index.html> <IMG SRC=gifs/carro.gif> </A>

    Hiperlinks
    Um hiperlink pode apontar para uma seo especfica de um documento HTML. Para isso, necessrio que a seo para a qual se deseja saltar seja identificada por uma tag <A> com o atributo NAME. <A NAME=nome>texto identificado</A> O atributo NAME especifica o nome da ncora que ser usada como destino e o campo texto identificado o ttulo da seo.

    Hiperlinks
    Uma vez identificada a seo, possvel saltar para a mesma. O caractere # identifica a ncora de origem. <A HREF=#nome>texto identificador</A>

    Imagens
    As imagens podem ser includas nos documentos HTML atravs da tag <IMG>. Embora o uso de imagens resulte em pginas atraentes, no se deve exagerar. O uso exagerado de imagens atrasa a transferncia e apresentao dos documentos. O atributo SRC usado para identificar a imagem a ser apresentada.

    Imagens
    As imagens podem ser armazenadas em arquivos com formatos populares como GIF e JPG. Universidade do Estado do Amazonas <IMG ALIGN=middle SRC=uea.gif><BR> O atributo ALIGN opcional e possibilita o alinhamento da imagem em relao a um texto. Pode assumir os valores:buttom, middle, top, left ou right.

    Imagens
    Atravs dos atributos WIDTH e HEIGHT possvel especificar, em pixels a largura e a altura da imagem.
    <IMG WIDTH=200 HEIGHT=100 SRC=uea.gif><BR>

    Atravs dos atributos HSPACE e VSPACE podese reservar espao em volta de uma imagem.
    <IMG WIDTH=20 HEIGHT=10 HSPACE=10 VSPACE=10 SRC=uea.gif><BR>

    Imagens
    Quando inserida em documento HTML, deve-se tambm especificar, atravs do atributo ALT, um texto a ser apresentado no lugar da imagem. Isso possibilita a compreenso do documento por usurios de navegadores que no podem apresentar a imagem. <IMG SRC=uealogo.gif ALT=Universidade do Estado do Amazonas>

    Você também pode gostar