Links e listas

Link

É a forma de estabelecer conexão com outra página ou com a própria página.

Exemplo da TAG de Link: <a href="pagina.html">link</a>.

A - Âncora da página, o elo de ligaçao.

Href - atributo da ancora que permite que transforme o texto em hiperlink.

Formatando a cor dos textos

• Para definirmos se o link da página foi realmente acesso existe atributos

necessários que são adicionados a TAG Body.

• <body vlink="red" alink="yellow" link="green">

• Vlink - Define a cor do link a ser visitado.

• Alink - Define a cor do link ativo.

• Link - Define a cor do link a ser carregado.

Exemplo

Listas

Tipos de Listas

• Ordenadas;

• Não Ordenadas

• Definições

Listas Ordenadas

• São as listas que possuem marcadores como: Letras, Números e

Algorismos Romanos.

• Representada pela tag <ol></ol> { OL: Significa Ordered List}

• Itens dessa lista são representados pela tag <li></li> { LI :

Significa List Item}

• Estrutura da Lista : <ol><li></li></ol> {Observação: A tag de

itens sempre deve ser inserida dentro da tag de lista, para

mostrar o tipo de lista que este item esta sendo formado}

Tipos de Lista Ordenada

• O formato da lista é definido pelo atributo TYPE ( Definido dentro da tag da lista).

• Existem quatro tipos de formatos de listas ordenadas:

• Numerada. Exemplo: <ol type=“1”><li></li></ol>

• Letras Maiusculas. Exemplo: <ol type=“A”><li></li></ol>

• Letras Minusculas. Exemplo: <ol type=“a”><li></li></ol>

• Numeros Romanos. Exemplo: : <ol type=“I”><li></li></ol>

Listas Não Ordenadas

• São as listas que possuem marcadores como: Simbolos (Quadrados,

circulos e discos)

• Representada pela tag <ol></ol> { UL: Significa UnOrdered List}

• Itens dessa lista são representados pela tag <li></li> { LI :

Significa List Item}

• Estrutura da Lista : <ul><li></li></ul> {Observação: A tag de

itens sempre deve ser inserida dentro da tag de lista, para mostrar

o tipo de lista que este item esta sendo formado}

Tipos de Listas Não Ordenadas

• Como a lista ordenada, esse tipo lista é definido pelo atributo TYPE.

• Existem três tipos de listas não ordenadas.

• Discos. Exemplo: <ul type=“disc”><li></li></ul>

• Quadrados. Exemplo: <ul type=“square”><li></li></ul>

• Circulo. Exemplo: <ul type=“circle”><li></li></ul>

Listas De Definição

• Diferente das listas anteriores, lista de definição não exibe os itens

mas sim seu titulo e sua respectiva descrição.

• Estrutura da Lista de Definição: <dl><dt><dd></dd></dt></dl>

• DL – (Definition List) TAG que representa uma lista de Definição.

• DT - (Definition Title) Representa o titúlo da lista.

• DD – (Definition Description) Representa a descrição.

Exemplo

Links e listas

Technology

Transcript of Links e listas