Faça experiências com a combinação de atributos e

This preview shows page 11 - 14 out of 14 pages.

Faça experiências com a combinação de atributos e crie links utilizando as imagens para os exercícios anteriores.. <HTML> <HEAD> <TITLE> Mostrando figuras no documento HTML. </TITLE> </HEAD> <BODY> <BR> <IMG SRC="figura1.gif"> Veja uma figura no documento... <BR><BR><BR> <IMG SRC="figura2.gif" ALIGN="top"> Essa figura tem o texto alinhado acima <BR><BR><BR> <IMG SRC="figura3.gif" ALT="Texto alternativo"> Passe o mouse sobre a figura <BR><BR><BR> <IMG SRC="figura4.gif" HEIGHT="100"> Essa figura esta com a altura modificada </BODY> </HTML> Dicas ü É possível colocar imagens como links. Basta incluí-la entre as tags <A> e </A>. Página 11
Image of page 11

Subscribe to view the full document.

Aprendendo HTML Programação em HTML - Lição 10 - Listas HTML suporta cinco tipos de listas. UL - Listas não ordenadas OL - Listas ordenadas DL - Listas de definições (ou listas glossário) DIR - Listas diretório (obsoleta HTML 3.0) MENU - Listas diretório (obsoleta HTML 3.0) Para nós no momento, interessa apenas as três primeiras. ü Tags <UL> ... </UL> ü Tags <LI> ... </LI> Uma LISTA não ordenada é primeiro marcada com tag de início e fim <UL>, então cada item da lista é indicado com uma tag <LI>. A lista dos itens, a qual pode aparecer em uma ordem particular é usualmente mostrada como uma lista de bullets. Exemplo Resultado <UL> <LI>Maçãs <LI>Laranjas </UL> ü Apples ü Oranges Dicas ü É possível escolher o tipo dos bullets que serão apresentados através do atributo <UL TYPE=”X”> , onde X pode ser SQUARE , CIRCLE e DISC . Isso funciona apenas com o NETSCAPE. ü Os itens da lista tem tags de fim </LI> , mas elas são opcionais desde que uma nova tag implique no final da anterior. ü As listas podem estar aninhadas e nesse caso, são apresentadas internamente aos itens da lista anterior ü Tags <OL> ... </OL> ü Tags <LI> ... </LI> Uma LISTA ordenada é primeiro marcada com tag de início e fim <OL>, então cada item da lista é indicado com uma tag <LI>. Uma lista de itens em uma ordem particular. Estas são normalmente numeradas quando mostradas. Exemplo Resultado <OL> <LI>Apples <LI>Oranges </OL> 1. Apples 2. Oranges Dicas ü Junto com a tag <OL> podemos utilizar dois atributos : TYPE=”X” (que permite que se especifique o tipo de sistema de numeração A maiúsculas, a minúsculas, I numerais romanos grandes e i numerais romanos pequenos) e START=”X” (que permite especificar quaisquer valores para iniciar a lista). Página 12
Image of page 12
Aprendendo HTML Tags <DL> ... </DL> ü Tag <DT> ü Tag <DD> Uma lista definição <DL> é uma lista de termos <DT> e suas definições <DD>. Cada definição é usualmente mostrada identada em relação ao termo correspondente. Exemplo Resultado <DL> <DT>HTML <DD>HyperText Markup Language <DT>SGML <DD>Standard Generalized Markup Language </DL> HTML HyperText Markup Language SGML Standard Generalized Markup Language E x e r c í c i o 1 0 . 1 Utilizando as tags desse capítulo você deve criar a seguinte página. De acordo com suas preferências.
Image of page 13

Subscribe to view the full document.

Image of page 14

{[ snackBarMessage ]}

What students are saying

  • Left Quote Icon

    As a current student on this bumpy collegiate pathway, I stumbled upon Course Hero, where I can find study resources for nearly all my courses, get online help from tutors 24/7, and even share my old projects, papers, and lecture notes with other students.

    Student Picture

    Kiran Temple University Fox School of Business ‘17, Course Hero Intern

  • Left Quote Icon

    I cannot even describe how much Course Hero helped me this summer. It’s truly become something I can always rely on and help me. In the end, I was not only able to survive summer classes, but I was able to thrive thanks to Course Hero.

    Student Picture

    Dana University of Pennsylvania ‘17, Course Hero Intern

  • Left Quote Icon

    The ability to access any university’s resources through Course Hero proved invaluable in my case. I was behind on Tulane coursework and actually used UCLA’s materials to help me move forward and get everything together on time.

    Student Picture

    Jill Tulane University ‘16, Course Hero Intern