HTML, siglas deHyperText Markup Language («lenguaje de marcado de hipertexto»), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). | Así se escribe: | Así se ve: |
|---|---|
| <FONT SIZE="+1" COLOR="red" FACE="Arial"> Define tipo de letra, tamaño y color a tu gusto </FONT> | Define tipo de letra, tamaño y color a tu gusto |
<P>Una palabra o un fragmento de texto se puede resaltar con el tag STRONG o con el tag EM, que en la mayor parte de los browsers se corresponden con <STRONG>bold</STRONG> e <EM>italic</EM></P> | Una palabra o un fragmento de texto se puede resaltar con el tag STRONG o con el tag EM, que en la mayor parte de los browsers se corresponden con bold e italic. |
<P>En cualquier caso, también se pueden utilizar los tags <B>bold</B> (B) e <I>italic</I> (I).</P> | En cualquier caso, también se pueden utilizar los tags bold (B) eitalic (I). |
<P>Para escribir con una <TT>letra de paso constante (estilo teletipo)</TT> se emplea la Tag TeleType</P> | Para escribir con una letra de paso constante (estilo teletipo) se emplea la Tag TeleType. |
<P>Para que el texto <BLINK>parpadee</BLINK> se emplea la TAG Blink.</P> | Para que el texto se emplea la Tag Blink. |
| <P>Títulos: <H1>1</H1><H2>2</H2><H3>3</H3> <H4>4</H4><H5>5</H5><H6>6</H6></P> | Títulos: 123456 |
| <P>Alineados:</P> <P ALIGN="LEFT">Izquierda</P> <P ALIGN="RIGHT">Derecha</P> <P ALIGN="CENTER">Centrado</P> </P> | Alineados: Izquierda
Derecha
|
| Otros efectos: <P><U>subrayado</U> <P><STRIKE>tachado</STRIKE> <P><BIG>letra más grande que el estándar</BIG> <P><SMALL>letra más pequeña que el estándar</SMALL> <P>Texto tipo<SUB>subíndice</SUB> <P>Texto tipo<SUP>superíndice</SUP> | Otros efectos: subrayado letra más grande que el estándar letra más pequeña que el estándar Texto tiposubíndice Texto tiposuperíndice |
| Así se escribe: | Así se ve: |
|---|---|
<P>Las listas no ordenadas: <UL> <LI>Van precedidas por "bullets" <LI>Se entiende que no importa el orden <LI>Se utilizan con mucha frecuencia </UL> | Las listas no ordenadas:
|
| Así se escribe: | Así se ve: |
|---|---|
Las listas ordenadas: <P>Las listas ordenadas: <OL> <LI>Van precedidas por números <LI>La numeración es automática <LI>Son también muy utilizadas </OL> | Las listas ordenadas:
|
| Así se escribe: | Así se ve: |
|---|---|
<P>Las listas de definiciones: <DL> <DT>Primer término <DD>Definición del 1er término <DT>Segundo término <DD>Definición del 2º término </DL> | Las listas de definiciones:
|
| Así se escribe: | Así se ve: | ||||
|---|---|---|---|---|---|
<TABLE BORDER=1> <TR><TD>celda (1,1)</TD><TD>celda (1,2)</TD></TR> <TR><TD>celda (2,1)</TD><TD>celda (2,2)</TD></TR> </TABLE> |
| ||||
<CENTER><TABLE BORDER=1> <TR><TD>celda (1,1)</TD><TD>celda (1,2)</TD></TR> <TR><TD>celda (2,1)</TD><TD>celda (2,2)</TD></TR> </TABLE></CENTER> |
| Así se escribe: | Así se ve: |
|---|---|
<P><A NAME "ancla"> |
| Así se escribe: | Así se ve: |
|---|---|
<P>Este link envía al Web de la Universidad<P> <A HREF="http://193.145.249.23">Al Web</A> | Este link envía al Web de la Universidad Al Web |
<P>Este link envía al ancla<P> <A HREF="#ancla">Al ancla</A> | Este link envía; al ancla Al ancla |
| Así se escribe: | Así se ve: |
|---|---|
<IMG SRC="todo.gif"> |  |
| Así se escribe: | Así se ve: |
|---|---|
<P><A HREF="#ancla"> <IMG SRC="todo.gif"> </A> | |
| Así se escribe: | Así se ve: |
|---|---|
<P><IMG USEMAP="#mapadirec" SRC="mapa.gif"> <MAP NAME="mapadirec"> <AREA COORDS=0,0,47,46 HREF="http://193.145.249.23"> <AREA COORDS=47,0,96,46 HREF="#ancla"> </MAP> |  |
Insertar imagen vinculada. Si hacemos clic en el triángulo que hay al lado del botón Insertar, aparecerá la opción Vincular al archivo de forma que cuando se produzcan cambios en el archivo origen, éstos se verán reflejados en el documento Word. En realidad, la imagen no se copia en el documento Word, sino que se inserta una referencia al lugar donde está la imagen, si borramos la imagen también desaparecerá del documento Word.
Manipular imágenes
|
Brillo. Sirve para aumentar o disminuir el brillo de la imagen. Contraste. Permite aumentar o disminuir el contraste de la imagen. Volver a colorear. Permite aplicar un filtro de color sobre la imagen. En este desplegable también encontrarás la opción Color transparente para hacer transparente un color a escoger en imágenes con determinados formatos de imagen (como por ejemplo JPG). Comprimir imágenes. Permite reducir el peso de las imágenes del archivo completo (o solo las seleccionadas) para que ocupen menos espacio en disco. Restablecer imagen. Después de aplicar varios tratamientos a la imagen, como cambios de color y brillo, podemos volver a la imagen original mediante este botón.
Posición. Ajusta la imagen respecto a la página de varias formas, tal y como se puede ver en los iconos de la ventana.
Ajuste del texto: Ajusta la imagen respecto del texto que la rodea de varias formas, tal y como se puede ver en los iconos de esta ventana.
Traer al frente. Muestra la imagen seleccionada sobre los objetos que se encuentren en su mismo nivel. Enviar al fondo. Muestra la imagen seleccionada bajo los objetos que se encuentren en su mismo nivel. Alinear. Alinea o distribuye varios objetos según la opción que se escoja. Agrupar. Agrupa diferentes objetos para poder trabajar con ellos como si fuese uno solo. Girar. Muestra un menú con diferentes opciones de giro y volteo aplicables a la imagen.
