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