| |
|
· Alt - dá nome alternativo para imagem. Basta posicionar o mouse sobre a imagem para aperecer um quadrinho dando sua descrição. Ex.: <img src = bemvindo.gif alt = "Escreva o desejado" >
· Align - indica como dese ser o alinhamento do texto em relação a imagem inserida nele. Ex.: <img src = figura.gif align = middle>
Obs: os padrões são bottom - baixo, middle - centro, top - cima.
· Width e height - recebem seus valores em pixels. Redimensiona a imgem. Ex.: <img src fig.gif width = 50 height = 50>
· Border - quando a imgem é utilizada como link, por definição, surge uma borda ao redor da imagem. Você pode aumentar a espessura da borda, bastando especificar o valor em pixels ou para diminui-la basta especificar um valor menor. Para não aparecer borda se usar a imagem como link, use border = 0.
Listas
Existem 3 tipos de listas: ordenadas, listas não-ordenadas e listas de definições.
Listas Ordenadas
<ol type = ... start = ... > </ol> - estas são as marcas que definem a lista. Os elementos da lista são definidos por <li></li>. O parâmetro type indica qual será o tipo da lista: "A" (A, B, C, D, ...), "a" (a, b, c, d, ...), "I" (I, II, III, IV, ...), "i" (i, ii, iii, iv, ...), e o padrão, se omitido, é "1" (1, 2, 3, 4, ...). O parâmetro start indica onde a lista iniciará. Quando utilizar no parâmetro type um valor como "A" ou "i", deve ser utilizado o ponto de início como um número.
Listas Não-Ordenadas
<ul type = ... > </ul> - estas são as marcas de uma lista não-ordenada. Sua estrutura é a mesma da lista ordenada, ou seja, utiliza o <li></li>. O parâmetro type pode receber o valor "square" onde o bullet terá aparência de um quadrado.
Listas de Definições
<dl></dl> - são utilizadas para fazer glossários e coisas do gênero. Existem outras duas marcas: <dt>, que é o termo a ser definido e <dd>, que é a definição.
Vamos ver um exemplo completo.
Ex.: lista.html
<html>
<head> <title>Listas</title></head>
<body tex = white bg color = black>
<h2>Listas Ordenadas por Número</h2>
<ol>
<li>Elemento 1</li>
<li>Elemento 2</li>
<li>Elemento 3</li>
<li>Elemento 4</li>
</ol>
<h2> Listas Ordenadas por letras, iniciando em E</h2>
<ol type = "A" start = 5>
<li>Elemento 1</li>
<li>Elemento 2</li>
<li>Elemento 3</li>
<li>Elemento 4</li>
</ol>
<h2> Listas Não-Ordenadas</h2>
<ul>
<li>Elemento 1</li>
<li>Elemento 2</li>
<li>Elemento 3</li>
<li>Elemento 4</li>
</ul>
<h2> Listas Não-Ordenadas</h2>
<ul type = square>
<li>Elemento 1</li>
<li>Elemento 2</li>
<ul>
<li>Elemento 2.1</li>
<li>Elemento 2.2</li>
</ul>
<li>Elemento 3</li>
<li>Elemento 4</li>
</ul>
<h2>Listas de Definições</h2>
<dl>
<dt>HTML</dt>
<dd>Hypertext Markup Language</dd>
<dt>OL</dt>
<dd>Lsita Ordenada</dd>
<dt>UL</dt>
<dd>Lista Não-Ordenada</dd>
</dl>
<h2>Listas de Definições Junto com Lista Não-Ordenada</h2>
<dl>
<dt>Parâmetro de OL</dt>
<dd>
<ul type = square>
<li>type</li>
<li>start</li>
</ul>
</dd>
<dt>Três parâmetros de IMG</dt>
<dd>
<ul type = square>
<li>alt</li>
<li>border</li>
<li>src</li>
</lu>
</dd>
</dl>
</body>
</html>
Veja o exemplo
Topo
|
