Formato
Hice mi primera página con acceso a Mysql, pero el texto me sale sin ningún formato. ¿Cómo puedo dárselo?
1 respuesta
Respuesta de Alfredo Villa
1
1
Alfredo Villa, Programador Php, MySQL, Javascript, Html, Xml, Ajax, Marketing...
Es realmente sencillo, y puedes hacerlo de 2 formas:
1. Colocando el código html antes de que pintes la salida de mysql, ejem:
<? codigo php
..
..
?> // cierre codigo php
<br>
<STRONG>
<? codigo de respuesta de mysql ..
..
..
?>
</STRONG>
Así puedes dar formato al testo de salida con el resto de etiquetas html
2. La segunda forma es incrustando las etiquetas de formateo de html dentro del código php, ejemp:
<?
Código de consulta a bases de datos
..
..
echo "<br><strong>$variable</strong>"; // codigo que pinta la salida de mysql con las etiquetas de formateo de html, igual puedes colocar el resto ?>
Aquí esta una lista de las principales etiquetas Html que podrás manejar.
<B>...</B> Texto en negrita
<BIG>...</BIG> Ampliación del tamaño de los caracteres
<BLINK>...</BLINK> Texto parpadeante (Netscape solo)
<EM>...</EM> Texto en itálico
<FONT color="#XXXXXX">
...</FONT> Texto en color donde
XXXXXX es un valor hexadecimal
<FONT size=X>...</FONT> Tamaño de los caracteres donde
X es un valor de 1 a 7
<I>...</I> Texto en itálico
<NOBR>...</NOBR> Impide las rupturas automáticas
de línea de los browser
<PRE>...</PRE> Texto preformateado, o sea con una visualización
de todos los espacios y saltos de línea
<SMALL>...</SMALL> Reducción del tamaño de los caracteres
<STRONG>...</STRONG> Puesta en negrita del texto
<SUB>...</SUB> Texto en indicio
<SUP>...</SUP> Texto en exponente
<U>...</U> Texto subrayado
Puesta en forma del texto
<!--...--> Comentarios ignorado por el navegador
<BR> A la línea
<BLOCKQUOTE>...
</BLOCKQUOTE> Citación (introduce un retracto de texto)
<CENTER>...</CENTER> Centra cada elemento comprendido en la etiqueta
<DIV align=center> ...</DIV> Centra el elemento encuadrado por la etiqueta
<DIV align=left> ...</DIV> Alinea el elemento a la izquierda
<DIV align=right> ...</DIV> Alinea el elemento a la derecha
<Hx>...</Hx>
<Hx align=center>...</Hx>
<Hx align=left>...</Hx>
<Hx align=right>...</Hx> Título o x tiene un valor de 1 à 7
Título centrado
Título alineado a la izquierda
Titulo alineado a la derecha
<P>...</P>
<P align=center>...</P>
<P align=left>...</P>
<P align=right>...</P> Nuevo párrafo
Párrafo centrado
Párrafo alineado a la izquierda
Párrafo alineado a la derecha
Listas
<UL>
<LI>
</UL> Lista no numerada
Elemento de lista
<OL>
<LI>
</OL> Lista numerada
Elemento de lista
<DL>
<DT>...</DT>
<DD>...</DD>
</DL> Lista de glosario
Termino de glosario (sin retracto)
Explicación del termino (con retracto)
Rayas
<HR> Línea de separación. Raya horizontal
<HR width="x%"> Anchura de la raya en %
<HR width=x> Anchura de la raya en pixeles
<HR size=x> Altura de la raya en pixeles
<HR align=center>
<HR align=left>
<HR align=right> Raya centrada
Raya alineada a la izquierda
Raya alineada a la derecha
<HR noshade> Raya sin efecto de sombreado
Enlaces
<A href="http://...">...</A> Enlace hacia una página Web
<A href="mailto:...">...</A> Enlace hacia una dirección Email
<A href="fichier.htm">...</A> Enlace hacia la página fichero.htm
situada en el mismo directorio
<A name="xyz">...</A> Definición de una ancla
<A href="xyz">...</A>
<A href="fichier#xyz">...</A> Enlace hacia una ancla
Imagenes
<IMG scr="xyz.gif">
<IMG scr="xyz.pjg> Inserción de una imagen al formato Gif o Jpg
(ver enlaces para la dirección)
<IMG ... width=x height=y> Puesta a la escala de la imagen en pixeles
<IMG ... border=x> Definición del borde de una imagen con un enlace
<IMG ... alt="votre texte"> Texto alternativo cuando la imagen no esta mostrada
<IMG ... align=bottom>
<IMG ... align=middle>
<IMG ... align=top>
<IMG ... align=left>
<IMG ... align=right>
Alinea la imagen abajo
Alinea la imagen en el medio
Alinea la imagen arriba
Alinea la imagen a la izquierda
Alinea la imagen a la derecha
<IMG ... hspace=x>
<IMG ... vspace=y> Espaciamiento horizontal entre la imagen y el texto Espaciamiento vertical entre la imagen y el texto
Tablas
<TABLE>...</TABLE> Definición de una tabla
<TABLE width="x%"> Anchura de la tabla en %
<TABLE width=x> Anchura de la tabla en pixeles
<TABLE border=x> Anchura del borde
<TABLE cellpadding=x> Espacio entre el borde y el texto
<TABLE cellspacing=x> Espesor de la raya entre las celdas
<TR>...</TR> Línea de la tabla
<TD>...</TD> Celda de la tabla
<TD bgcolor="#XXXXXX"> Color de una celda de la tabla
<TD width="x%">
<TD width=x> Anchura de columna en %
Anchura de columna en pixeles
<TD align=center>
<TD align=left>
<TD align=right> Texto centrado en la celda
Texto alineado a la izquierda en la celda
Texto alineado a la derecha en la celda
<TD valign=bottom>
<TD valign=middle>
<TD valign=top> Alineación hacia arriba del contenido de la celda Centrado vertical del contenido de una celda
Alineación hacia el bajo del contenido de la celda
<TD colspan=x>
<TD rowspan=x> Numero de celdas para fusionar horizontalmente Numero de celdas para fusionar verticalmente
Frames
<FRAMESET>...</FRAMESET> Define una estructura de frames
(reemplaza la etiqueta BODY)
<FRAMESET rows="x%,y%,..."> División horizontal de la ventana en %
<FRAMESET cols="x%,y%,..."> División vertical de la ventana en %
<FRAME src="fichier.htm"> Fichero mostrado en una ventana de frames
<NOFRAMES>...</NOFRAMES> Contenido para los browser no previstos para los frames
Fichero Html
<HTML>...</HTML> Principio y fin del fichero Html
<HEAD>...</HEAD> Zona de encabezamiento de un fichero Html
<TITLE>...</TITLE> Titulo visualizado por el browser (elemento de HEAD)
<BODY>...</BODY> Principio y fin del cuerpo del fichero Html
<BODY bgcolor="#XXXXXX"> Color del fondo (en hexadecimal)
<BODY background="xyz.gif"> Imagen del fondo
Cualquier cosa me cuentas
Bye
Almonato
1. Colocando el código html antes de que pintes la salida de mysql, ejem:
<? codigo php
..
..
?> // cierre codigo php
<br>
<STRONG>
<? codigo de respuesta de mysql ..
..
..
?>
</STRONG>
Así puedes dar formato al testo de salida con el resto de etiquetas html
2. La segunda forma es incrustando las etiquetas de formateo de html dentro del código php, ejemp:
<?
Código de consulta a bases de datos
..
..
echo "<br><strong>$variable</strong>"; // codigo que pinta la salida de mysql con las etiquetas de formateo de html, igual puedes colocar el resto ?>
Aquí esta una lista de las principales etiquetas Html que podrás manejar.
<B>...</B> Texto en negrita
<BIG>...</BIG> Ampliación del tamaño de los caracteres
<BLINK>...</BLINK> Texto parpadeante (Netscape solo)
<EM>...</EM> Texto en itálico
<FONT color="#XXXXXX">
...</FONT> Texto en color donde
XXXXXX es un valor hexadecimal
<FONT size=X>...</FONT> Tamaño de los caracteres donde
X es un valor de 1 a 7
<I>...</I> Texto en itálico
<NOBR>...</NOBR> Impide las rupturas automáticas
de línea de los browser
<PRE>...</PRE> Texto preformateado, o sea con una visualización
de todos los espacios y saltos de línea
<SMALL>...</SMALL> Reducción del tamaño de los caracteres
<STRONG>...</STRONG> Puesta en negrita del texto
<SUB>...</SUB> Texto en indicio
<SUP>...</SUP> Texto en exponente
<U>...</U> Texto subrayado
Puesta en forma del texto
<!--...--> Comentarios ignorado por el navegador
<BR> A la línea
<BLOCKQUOTE>...
</BLOCKQUOTE> Citación (introduce un retracto de texto)
<CENTER>...</CENTER> Centra cada elemento comprendido en la etiqueta
<DIV align=center> ...</DIV> Centra el elemento encuadrado por la etiqueta
<DIV align=left> ...</DIV> Alinea el elemento a la izquierda
<DIV align=right> ...</DIV> Alinea el elemento a la derecha
<Hx>...</Hx>
<Hx align=center>...</Hx>
<Hx align=left>...</Hx>
<Hx align=right>...</Hx> Título o x tiene un valor de 1 à 7
Título centrado
Título alineado a la izquierda
Titulo alineado a la derecha
<P>...</P>
<P align=center>...</P>
<P align=left>...</P>
<P align=right>...</P> Nuevo párrafo
Párrafo centrado
Párrafo alineado a la izquierda
Párrafo alineado a la derecha
Listas
<UL>
<LI>
</UL> Lista no numerada
Elemento de lista
<OL>
<LI>
</OL> Lista numerada
Elemento de lista
<DL>
<DT>...</DT>
<DD>...</DD>
</DL> Lista de glosario
Termino de glosario (sin retracto)
Explicación del termino (con retracto)
Rayas
<HR> Línea de separación. Raya horizontal
<HR width="x%"> Anchura de la raya en %
<HR width=x> Anchura de la raya en pixeles
<HR size=x> Altura de la raya en pixeles
<HR align=center>
<HR align=left>
<HR align=right> Raya centrada
Raya alineada a la izquierda
Raya alineada a la derecha
<HR noshade> Raya sin efecto de sombreado
Enlaces
<A href="http://...">...</A> Enlace hacia una página Web
<A href="mailto:...">...</A> Enlace hacia una dirección Email
<A href="fichier.htm">...</A> Enlace hacia la página fichero.htm
situada en el mismo directorio
<A name="xyz">...</A> Definición de una ancla
<A href="xyz">...</A>
<A href="fichier#xyz">...</A> Enlace hacia una ancla
Imagenes
<IMG scr="xyz.gif">
<IMG scr="xyz.pjg> Inserción de una imagen al formato Gif o Jpg
(ver enlaces para la dirección)
<IMG ... width=x height=y> Puesta a la escala de la imagen en pixeles
<IMG ... border=x> Definición del borde de una imagen con un enlace
<IMG ... alt="votre texte"> Texto alternativo cuando la imagen no esta mostrada
<IMG ... align=bottom>
<IMG ... align=middle>
<IMG ... align=top>
<IMG ... align=left>
<IMG ... align=right>
Alinea la imagen abajo
Alinea la imagen en el medio
Alinea la imagen arriba
Alinea la imagen a la izquierda
Alinea la imagen a la derecha
<IMG ... hspace=x>
<IMG ... vspace=y> Espaciamiento horizontal entre la imagen y el texto Espaciamiento vertical entre la imagen y el texto
Tablas
<TABLE>...</TABLE> Definición de una tabla
<TABLE width="x%"> Anchura de la tabla en %
<TABLE width=x> Anchura de la tabla en pixeles
<TABLE border=x> Anchura del borde
<TABLE cellpadding=x> Espacio entre el borde y el texto
<TABLE cellspacing=x> Espesor de la raya entre las celdas
<TR>...</TR> Línea de la tabla
<TD>...</TD> Celda de la tabla
<TD bgcolor="#XXXXXX"> Color de una celda de la tabla
<TD width="x%">
<TD width=x> Anchura de columna en %
Anchura de columna en pixeles
<TD align=center>
<TD align=left>
<TD align=right> Texto centrado en la celda
Texto alineado a la izquierda en la celda
Texto alineado a la derecha en la celda
<TD valign=bottom>
<TD valign=middle>
<TD valign=top> Alineación hacia arriba del contenido de la celda Centrado vertical del contenido de una celda
Alineación hacia el bajo del contenido de la celda
<TD colspan=x>
<TD rowspan=x> Numero de celdas para fusionar horizontalmente Numero de celdas para fusionar verticalmente
Frames
<FRAMESET>...</FRAMESET> Define una estructura de frames
(reemplaza la etiqueta BODY)
<FRAMESET rows="x%,y%,..."> División horizontal de la ventana en %
<FRAMESET cols="x%,y%,..."> División vertical de la ventana en %
<FRAME src="fichier.htm"> Fichero mostrado en una ventana de frames
<NOFRAMES>...</NOFRAMES> Contenido para los browser no previstos para los frames
Fichero Html
<HTML>...</HTML> Principio y fin del fichero Html
<HEAD>...</HEAD> Zona de encabezamiento de un fichero Html
<TITLE>...</TITLE> Titulo visualizado por el browser (elemento de HEAD)
<BODY>...</BODY> Principio y fin del cuerpo del fichero Html
<BODY bgcolor="#XXXXXX"> Color del fondo (en hexadecimal)
<BODY background="xyz.gif"> Imagen del fondo
Cualquier cosa me cuentas
Bye
Almonato
- Compartir respuesta
- Anónimo
ahora mismo