-
Cómo envolver texto alrededor de una imagen mediante programación HTML
-
HTML (lenguaje de marcado de hipertexto) es un lenguaje de programación utilizado para crear páginas Web. Ya sea que usted está configurando un personal o un sitio web de negocios, el aprendizaje del código HTML es esencial para la manipulación de la configuración de página. Puede ajustar el texto alrededor de una imagen para darle a su página sea más atractivo. Estos pasos muestran cómo utilizar el código HTML para ajustar el texto alrededor de las imágenes para verlas en su página.
Instrucciones
1 Comience su procesador de textos o editor de texto que va a utilizar para crear su página Web.
2 Tipo "align = left" dentro de la etiqueta de la imagen, justo después del nombre de la imagen, para envolver el texto alrededor de la parte derecha de la imagen. El código debería ser similar al ejemplo siguiente:.. <HTML> <HEAD> <TITLE> Este es su título </ title> </ head> <body> <H1> Este es el texto de bienvenida </ H1> <IMGSRC = "foto.jpg" align = left> <P> Este es el párrafo. </ P> </ BODY> </ HTML>
3 Tipo "align = right" dentro de la etiqueta de la imagen, justo después del nombre de la imagen, para envolver el texto alrededor de la parte izquierda de la imagen. El código debería ser similar al ejemplo siguiente:.. <HTML> <HEAD> <TITLE> Este es su título </ title> </ head> <body> <H1> Este es el texto de bienvenida </ H1> <IMGSRC = "photo2.jpg" align = right> <P> Este es el párrafo. </ P> </ BODY> </ HTML>
4 Abra su navegador web para comprobar que la página se muestra correctamente el texto alrededor de la imagen. Para abrir la página en el navegador, haga clic en el botón "Archivo" en la barra de menús, haga clic en "Abrir". Aparece el cuadro de diálogo Abrir. Haga clic en "Examinar" para localizar su página Web en la ubicación que se guarda. Elija la página que desea abrir. Su página aparecerá en su navegador.
Consejos y advertencias
- Debe abrir la página Web en varios navegadores para ver cómo cada navegador lo mostrará.
