HTML, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.
Aquí esta una lista de las principales etiquetas Html que podrá imprimir
Puesta en forma de los caracteres | |
<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 |
es muiy interesante