0% encontró este documento útil (0 votos)
30 vistas3 páginas

Comandos y Etiquetas HTML Esenciales

Este documento describe las etiquetas HTML más comunes para formato de texto, listas, enlaces, imágenes, tablas y color. Incluye etiquetas para cambiar el tamaño, estilo y alineación de texto, y para crear listas ordenadas y con viñetas, enlaces hipertextuales, y tablas con bordes, alineación y combinación de celdas.

Cargado por

Ariel Torrico
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
30 vistas3 páginas

Comandos y Etiquetas HTML Esenciales

Este documento describe las etiquetas HTML más comunes para formato de texto, listas, enlaces, imágenes, tablas y color. Incluye etiquetas para cambiar el tamaño, estilo y alineación de texto, y para crear listas ordenadas y con viñetas, enlaces hipertextuales, y tablas con bordes, alineación y combinación de celdas.

Cargado por

Ariel Torrico
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

ETIQUETAS HTML

< BIG>........................</BIG> Aumenta el tamaño de un


<SMALL>....................< /SMALL:> texto. Reduce el tamaño de
< suP>..........................< / suP> un texto.
<SUB>........................</SUB> Superindice.
&NTILDE Subindice.
&IACUTE Inserta una "ñ" en el texto. Ej:
< DIV ALIGN “CENTER”>.......</DIV> mo&ntiIdeo Acentua la vocal "i". Ej:
(“RIGHT", “LEFT", “JUSTIFY") Pulsa aqu&iacute
Texto CENTRADO (o alineado por la
< FACE="ARIAL"> DERECHA, por la IZQUIERDA o
< UL>< LI>.........< /UL> JUSTIFICADO.
< OL> LI I..............JOL> Tipo de letra que aparecera en el navegador.
< LI VALUE=”12“>
< LI TYPE=”CIRCLE“> Lista con VINETAS.
(“SQUARE”, “DISC") Lista NUMERADA.
Lista NUMERADA que comenzarâ por el 12.
< !.....ESTE TEXTO NO SE VERA.> VINETA con forma de CIRCULO. (CIRCULO
RELLENO o CUADRADO).
<IMG SRC="MESA.3PG"> COMENTARIOS. El texto no se verâ en el
Navegador.
<INIG SRC="NIESA.3PG" WIDTH=”50” Insertar imagen "mesa". Solo al principio.
HEIGHT=”150“> Formatos graficos validos para las paginas
< HSPACE=”100”> web: “.GIF" y “.JPG"
<VSPACE=”20”> ANCHO y ALTO de la imagen en pixels.

< BODY TEXT="RED" LINK="GREEN" Separacién HORIZONTAL/VERTICAL entre el


ALINK="YELLOW" VLINK= "ORANGE "> texto y la imagen.
Colores del texto y de los vi’ncuIos (antes
< BODY BGCOLOR="PINK" de visitarlos, al pasar el rat6n sobre ellos y
BACKGROUND=AVION.3PG"> después de visitarlos). Si la pagina tiene un
color de fondo harâ contraste con estos.
<A HREF="http//[Link]/"> Color e imagen de fondo de la pagina. Es
Santillana</A> bueno poner un color que se verâ mientras
se carga la imagen.
<A HREF="MI PRIPIERA PAGINA
WEB"> Enlace o hipervi‘ncuIo a otra pagina. Texto
Volver a la pagina principals/A> que aparecera en el hipervinculo:
<A HREF=”[Link] Santillana.
<INIG SRC=”FOTO RADIO.3PG” Hipervi’nculo con la direcci6n de la pagina
BORDER=“10” ALT=“PINCHA AQUI”> de Inicio para VOLVER a la PAGINA
<A HREF=“IflAILTO: PRINCIPAL.
antonio@colegiosg HIPERVINCULO con IMAGEN. A continuaci6n
[Link]”><IMG SRC= de Alt escribimos el texto que aparecera
"[Link]" ALT=”envfa un correo al mientras se carga la imagen.

HIPERVINCULO al CORREO ELECTRONICO.


autor”> “
Las instrucciones más frecuentes para realizar una tabla son:

<TABLE>.............................</TABLE> Comienzo y final de una tabla.

<TR>.............</TR> Divisiones horizontales. FILAS.

Alineación Izquierda del texto de esta fila.


<TR ALIGN="LEFT">
También "Middle" o "Right".
Divisiones en celdas independientes dentro
<TD>.............</TD>
de una fila. RECTÁNGULOS.

<TABLE BORDER="1"> Aplicar BORDE a una tabla. Sin borde ="0".

<ALIGN="RIGHT"> o Left o Center Alineación Derecha, Izquierda o Centrada.

<CELLSPACING="20"> Espacio entre Celdas.

Espacio entre el contenido de una celda y su


<CELLPADDING="30">
borde.
Ancho de la celda en pixels.
<TD WIDTH="600">.........</TD>
Ancho en % respecto a la ventana del
<TD WIDTH="50%">.......</TD>
navegador.
<TD ALIGN="RIGHT" VALIGN="TOP"> Alineación del texto dentro de la celda: por
o "Middle" o "Bottom". arriba y por la derecha.
Indica al navegador el número de celdas de la
<COLSPAN="2">
fila que tiene que combinar.
Indica al navegador el número de celdas de la
<ROWSPAN="2">
columna que tiene que combinar.

<TD BGCOLOR="RED">......</TD> Color de fondo de una celda.

<TD BACKGROUND="[Link]">......
Imagen de fondo de una celda.
......</TD>
<TD HEIGHT="320">.........</TD>
Altura de las celdas de una fila.

También podría gustarte