Tecnología

Inicio

Cómo agregar texto en HTML encima de un objeto incrustado

Cómo agregar texto en HTML encima de un objeto incrustado


HTML trata a películas Flash, applets de Java y otros tipos de multimedia embebidos como objetos. Los objetos incrustados requieren etiquetas HTML para establecer el objeto, añadir parámetros y luego incrustar el objeto en sí. El código no ha cambiado mucho con los años, aunque algunos servicios de vídeo están cambiando a dar a los usuarios código de marco en línea a los medios de comunicación "Insertar". Puede identificar fácilmente los objetos incrustados en el código HTML y añadir texto para que aparezca antes o después de ellos. Utilización de hojas de estilo en cascada código (CSS), también se puede colocar el texto a la derecha, la izquierda o hacia cualquier otro lugar que prefiera.

Instrucciones

1 Abra el archivo HTML de la página Web en un editor de código como jEdit, Notepad ++ o BBEdit. Busque la apertura y cierre de etiquetas <object>. Entre esas etiquetas, a menudo verá etiquetas <param> y una etiqueta <embed>.

2 Añadir texto, ya sea por encima o por debajo de las etiquetas <object>. Envolver el texto en una etiqueta HTML apropiado tal como <h1> para una gran partida o <p> En un párrafo de texto. Si desea colocar el texto utilizando código CSS, establecer el atributo "ID" para un nombre único y significativo que pueda recordar más tarde. Texto de un párrafo con un atributo "ID" es el siguiente:

<P id = "mi-texto"> Aquí es un poco de texto. </ P>

3 Abra el archivo CSS para su página Web. Si la página no utiliza un archivo CSS externo, o si no sabe si lo hace o no, mira entre el <head> y </ head> en el archivo HTML. Si usted no ve <style>, añada <style> y </ style> entre las etiquetas <head>. Se puede añadir código CSS directamente a un archivo CSS externo o entre las etiquetas <style>.

4 La posición de su texto usando el código CSS, si se desea. El siguiente código, por ejemplo, hace un párrafo de 200 píxeles de ancho y luego flota a la izquierda:

# p-mi texto {

Anchura: 200px;

flotador izquierdo;

}

Dado que usted puso la etiqueta <p> junto a la etiqueta <object>, flotará a la izquierda de su <object> contenido. Tenga en cuenta que "mi #-texto" se dirige a una etiqueta <p> con un "ID" en "mi-texto", y el signo numeral denota un atributo "ID".

Consejos y advertencias

  • No coloque texto entre las etiquetas <object>, ya que esto va a interferir con los medios de comunicación integrada.