Desarrollo página web html
Buenas necesito alguien que me colabore y me diga como puedo cambiar la fuente en html, como puedo hacer para que un texto quede centrado en la página y algunas otras cositas por el estilo para desarrollar una pequeña página de un hotel que tengo que entregar para la u en unos días.
1 Respuesta
Respuesta de pomelete
1
Si quieres centrar una cosa en HTML, sólo escríbela entre las etiquetas <center> EL TEXTO U IMAGEN AQUÍ </center>
Aquí te dejo los comandos que existen en HTML
Estilos de texto
<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
FORMATOS DE TEXTOS
<!--...--> 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> Título o x tiene un valor de 1 à 7
<Hx align=center>...</Hx> Título centrado
<Hx align=left>...</Hx> Título alineado a la izquierda
<Hx align=right>...</Hx> Titulo alineado a la derecha
<P>...</P> Nuevo párrafo
<P align=center>...</P> Párrafo centrado
<P align=left>...</P> Párrafo alineado a la izquierda
<P align=right>...</P> Párrafo alineado a la derecha
LISTAS
<UL> Lista no numerada
<LI> Elemento de lista
</UL>
<OL> Lista numerada
<LI> Elemento de lista
</OL>
<DL> Lista de glosario
<DT>...</DT> Termino de glosario (sin retracto)
<DD>...</DD> Explicación del termino (con retracto)
</DL>
LINEAS
<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> Raya centrada
<HR align=left> Raya alineada a la izquierda
<HR align=right> 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> Enlace hacia una ancla
<A href="fichier#xyz">...</A>
IMAGENES
<IMG scr="xyz.gif"> Inserción de una imagen al formato Gif o Jpg (ver enlaces para la dirección)
<IMG scr="xyz.pjg>
<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> Alinea la imagen abajo
<IMG ... align=middle> Alinea la imagen en el medio
<IMG ... align=top> Alinea la imagen arriba
<IMG ... align=left> Alinea la imagen a la izquierda
<IMG ... align=right> Alinea la imagen a la derecha
<IMG ... hspace=x> Espaciamiento horizontal entre la imagen y el texto
<IMG ... vspace=y> 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%"> Anchura de columna en %
<TD width=x> Anchura de columna en pixeles
<TD align=center> Texto centrado en la celda
<TD align=left> Texto alineado a la izquierda en la celda
<TD align=right> Texto alineado a la derecha en la celda
<TD valign=bottom> Alineación hacia arriba del contenido de la celda
<TD valign=middle> Centrado vertical del contenido de una celda
<TD valign=top> Alineación hacia el bajo del contenido de la celda
<TD colspan=x> Numero de celdas para fusionar horizontalmente
<TD rowspan=x> 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
FICHEROS 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
|
Fuente: TuArroba|
Aquí te dejo los comandos que existen en HTML
Estilos de texto
<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
FORMATOS DE TEXTOS
<!--...--> 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> Título o x tiene un valor de 1 à 7
<Hx align=center>...</Hx> Título centrado
<Hx align=left>...</Hx> Título alineado a la izquierda
<Hx align=right>...</Hx> Titulo alineado a la derecha
<P>...</P> Nuevo párrafo
<P align=center>...</P> Párrafo centrado
<P align=left>...</P> Párrafo alineado a la izquierda
<P align=right>...</P> Párrafo alineado a la derecha
LISTAS
<UL> Lista no numerada
<LI> Elemento de lista
</UL>
<OL> Lista numerada
<LI> Elemento de lista
</OL>
<DL> Lista de glosario
<DT>...</DT> Termino de glosario (sin retracto)
<DD>...</DD> Explicación del termino (con retracto)
</DL>
LINEAS
<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> Raya centrada
<HR align=left> Raya alineada a la izquierda
<HR align=right> 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> Enlace hacia una ancla
<A href="fichier#xyz">...</A>
IMAGENES
<IMG scr="xyz.gif"> Inserción de una imagen al formato Gif o Jpg (ver enlaces para la dirección)
<IMG scr="xyz.pjg>
<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> Alinea la imagen abajo
<IMG ... align=middle> Alinea la imagen en el medio
<IMG ... align=top> Alinea la imagen arriba
<IMG ... align=left> Alinea la imagen a la izquierda
<IMG ... align=right> Alinea la imagen a la derecha
<IMG ... hspace=x> Espaciamiento horizontal entre la imagen y el texto
<IMG ... vspace=y> 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%"> Anchura de columna en %
<TD width=x> Anchura de columna en pixeles
<TD align=center> Texto centrado en la celda
<TD align=left> Texto alineado a la izquierda en la celda
<TD align=right> Texto alineado a la derecha en la celda
<TD valign=bottom> Alineación hacia arriba del contenido de la celda
<TD valign=middle> Centrado vertical del contenido de una celda
<TD valign=top> Alineación hacia el bajo del contenido de la celda
<TD colspan=x> Numero de celdas para fusionar horizontalmente
<TD rowspan=x> 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
FICHEROS 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
|
Fuente: TuArroba|
