Tecnología

Inicio

Cómo flotador de una imagen en XHTML

May 8

Según W3 Escuelas, Extensible Hypertext Markup Language (XHTML) es similar a Hypertext Markup Language (HTML), pero tiene normas más estrictas. Por ejemplo, todos los elementos dentro de su código debe estar en minúsculas e incluir una etiqueta de apertura y cierre. Adicionalmente, los elementos deben ser colocados en el mismo orden en que están anidados. Esto significa que si usted comienza con una etiqueta de párrafo y luego una etiqueta de imagen, que necesita para terminar con la etiqueta de imagen y luego la etiqueta de párrafo. las hojas de estilo en cascada (CSS) le ayudan a flotar elementos, incluyendo imágenes, en XHTML. Flotante especifica que los objetos aparecen en una página Web.

Instrucciones

1 Copia el siguiente código XTHML para hacer un flotador de la imagen hacia el lado izquierdo de la página:

<Img style = "float: left" />

2 Copia el siguiente código para hacer un flotador de la imagen hacia el lado derecho:

<Img style = "float: right" />

3 Abra el archivo HTML que desea modificar en un editor de texto, como el Bloc de notas, WordPad o TextEdit. Para abrir el archivo, seleccione "Archivo" y "Abrir" en el menú y cambie "Archivos de tipo" a "todos los archivos" o "Cualquier archivo" en el cuadro de diálogo. Haga doble clic en el archivo para cargarlo en el editor.

4 Desplazarse a la etiqueta <BODY> de su archivo HTML y coloque el punto de inserción donde desee que aparezca la imagen. Pegar el código XHTML que ha copiado en esa área de su página.

5 Reemplazar "floatImage.gif" con el nombre de la imagen que desea flotar.

6 Seleccione "Archivo" y "Guardar" en el menú para guardar los cambios.