Lección 4

Multimedia y listas

Imágenes 

Para el caso poner o insertar imágenes en html se hace lo siguiente:

<img src="imagen.jpg" >










img es la etiqueta de imagen y en el valor del  atributo src debemos poner el nombre de la imagen seguido de su tipo de extension (en este caso .jpg). Es de mencionar que la imagen o archivo de la misma debe estar junto al archivo html que se esta creando.



tamaño de imagen

<img src="imagen.jpg" width="400"  height="200 ">

En este ejemplo ademas del atributo para la imagen, se esta colocando su ancho y su alto con  las etiquetas width y   height, los valores son expresados en pixeles




borde de imagen

<img src="imagen.jpg" width="400"  height="200" border="2">

Ademas de lo anterior, en esta situacion se le coloca un borde el cual es de 2 pixeles




Listas

Existen 2 de listas: ordenadas y desordenadas. Las ordenadas llevan una numeracion o secuancia logica (1,2,3) (a,b,c) (numeros romanos I, II, III). las desordenadas solo llevan viñetas para listar cada elemento ( circulos o cuadrados)

forma de crear una lista:

Se requiere en primer lugar que se declare, si es una lista ordenada entonces se pone <ol> </ol>, si es desordenada entonces <ul> </ul>. Luego cada elemento de la lista se encierra con la etiqueta <li></li> Ejemplos:

lista ordenada





lista desordenada




 

No hay comentarios.:

Publicar un comentario