Guia HTML

GUIA HTML
ESTRUCTURA
<HTML>
<HEAD>
CABEZERA
<TITLE> TITULO DE LA PAGINA</TITLE>

</HEAD>
DOCUMENTO
<BODY>
CUERPO
CONTENIDO DE LA PGINA
</BODY>
</HTML>
NOTA: SI SE ESTA DISEANDO LA PAGINA POR MEDIO DE UN EDITOR DE TEXTO,

POR EJEMPLO BLOCK DE NOTAS, SE DEBE GUARDAR EL DOCUMENTO CON LA
EXTENSION HTML (EJ: INDEX.HTML).
HTML ES UN LENGUAJE DESARROLLADO PARA LA CREACION DE PAGINAS WEB
COMPUESTO POR ETIQUETAS LAS CUALES CUENTA CON UNA SERIE DE ATRIBUTOS QUE
PERMITEN MEJORAR LA APARIENCIA DE LA MISMA. A CNTINUACION SE PRESENTA LAS
ETIQUETAS MAS COMUNES JUNTO CON SUS ATRIBUTOS
ETIQUETA <BODY> CUERPO DEL DOCUMENTO
ATRIBUTOS:
BGCOLOR=COLOR DE FONDO, SE EXPRESA EL NOMBRE DEL COLOR EN INGLES

O SU EQUIVALENTE EN HEXADECIMAL
BACKGROUND=IMAGEN DE FONDO. SE INDICA L NOMBRE Y EXTENSION
LINK=COLOR DE LOS HIPERVINCULOS
VLINK=COLOR DE LOS HIPERVINCULOS VISITADOS
ALINK= COLOR DE LOS HIPERVINCULOS ACTIVOS
SCROLL=VISIBILIDAD
DE
LA
BARRA
DE
DESPLAZAMIENTO,
VALORES=YES/NO
TEXT=COLOR DEL TEXTO DEL DOCUMENTO
ETIQUETAS DE TEXTO, LOS ELEMENTOS QUE SE ENCUENTREN ENTRE ESTAS

ETIQUETAS TENDRN LAS CARACTERSTICAS QUE EN ESTAS SE DEFINEN
Profa Yemilibeth Gutirrez
1 | Informtica II
<B>TEXTO EN NEGRITA</B>
<U>SUBRAYADO</U>
<I>TEXTO EN CURSIVA</I>
<S>TACHADO</S>
<SUB>SUBNDICE</SUB>
<SUP>SUPERNDICE</SUP>
<PRE> TEXTO PREDETERMINADO</PRE> EL TEXTO SE VISUALIZARA EN EL

DOCUMENTO HTML IGUAL A COMO SE ENCUENTRA DISTRIBUIDO EN EL EDITOR
DE TEXTO
<H1>
ENCABEZADO 1</H1>
<H2>
ENCABEZADO 2</H2>
<H3>ENCABEZADO 3</H3>
ETIQUETA DE SALTO DE LINEA <BR>

ETIQUETA DE SALTO DE PARRAFO <P>
NOTA: PARA CENTRAR EL CONTENIDO DEL DOCUMENTO SE COLOCAN TODOS LOS

ELEMENTOS DENTRO DE LA ETIQUETA <CENTER> ----- </CENTER>
NOTA: PARA DESTACAR UNA SECCION DEL TEXTO Y MODICAR EL ESTILO SE UTILIZA LA
ETIQUETA <FONT>
ETIQUETA <FONT>
ATRIBUTOS
FACE=TIPO DE FUENTE (ARIAL, VERDANA, ETC)
COLOR=COLOR DEL TEXTO
SIZE=TAMAO DE LA FUENTE NUMERO ENTERO POSITIVO
ETIQUETA <HR> INSERTA LINEA
ATRIBUTOS
ALING=ALINEACION VALORES=RIGHT/LEFT/CENTER
COLOR=COLOR DE LA LINEA
NOSHADE (SIN SOMBRA, NO ES NECESARIO ASIGNAR UN VALOR)
2 | Informtica II
SIZE=GROSOR DE LA LINEA NUMERO ENTERO POSITIVO
WIDTH=ANCHO
DE
LA LINEA
EXPRESADO
EN
PIXELES
EN
PORCENTAJE
ETIQUETA <MARQUEE> MARQUEZINA
ATRIBUTOS
BGCOLOR=COLOR DE FONDO
DIRECTION=DIRECCION VALORES=DOWN/LEFT/RIGHT/UP
LOOP=NUMERO DE REPETICIONES
CREACION DE LISTAS
NO ENUMERADAS
<UL>
<LI> ELEMENTO 1
<LI> ELEMENTO 2
</UL>
ATRIBUTOS DE LA ETIQUETA <UL>
TYPE=TIPO DE VIETA VALORES=CIRCLE/DISC/SQUARE
ENUMERADAS
<OL>
<LI> ELEMENTO 1
<LI> ELEMENTO 2
</OL>
ATRIBUTOS DE LA ETIQUETA <OL>
TYPE=TIPO DE ENUMERACION VALORES=A/a/I/i/1
ATRIBUTOS DE LA ETIQUETA <LI>
VALUE=VALOR DEL ELEMENTO NUMERO ENTERO POSITIVO, SEGN EL ORDEN

DE LA LISTA
GLOSARIO DE TERMINOS
<DL>
<DT> TERMINO 1
<DD>DEFINICIN
<DT> TERMINO 2
<DD>DEFINICIN
</DL>
3 | Informtica II
CREACIN DE HIPERVNCULOS Y ANCLAS

ETIQUETA <A>
ATRIBUTOS PARA CREAR HIPERVNCULOS
HREF.=URL, DOCUMENTO O #ANCLA A VINCULAR
TARGET=DESTINO DEL DOCUMENTO VALORES=_BLANK/_SELF/_TOP/_PARENT
ATRIBUTOS PARA CREAR ANCLAS
NAME= DEFINIR EL NOMBRE DEL ANCLA

INSERTA IMGENES
ETIQUETA <IMG>
ATRIBUTOS
ALT=TEXTO ALTERNATIVO
BORDER=GROSOR DEL BORDE DE LA IMAGEN
SRC=NOMBRE DE LA IMAGEN
HEIGHT=ALTURA DE LA IMAGEN EN PIXELES O PORCENTAJE
WIDTH=ANCHO DE LA IMAGEN EN PIXELES O PORCENTAJE
ALING=ALINEACIN DEL TEXTO QUE SE ENCUENTRA JUNTO A LA IMAGEN

VALORES=RIGHT/LEFT/CENTER/BOTTOM/TOP/MIDDLE
TABLAS
LAS
TABLAS
PERMITEN
DISTRIBUIR
LOS
ELEMENTOS
DENTRO
DE
NUESTRO
DOCUMENTO,. ESTA COMPUESTA POR FILAS Y CELDAS

<TABLE>
<TR> FILA 1
<TD> CELDA1.1
<TD> CELDA2
</TR>
<TR>FILA 2
<TD> CELDA 2.1
<TD> CELDA 2.2
</TR>
ETIQUETA <TABLE>
ATRIBUTOS
ALIGN=ALINEACIN EN EL DOCUMENTO VALORES=RIGHT/CENTER/LEFT
4 | Informtica II
BACKGROUND=IMAGEN DE FONDO
BORDERCOLOR=COLOR DEL BORDE
BORDER=GROSOR DEL BORDE NUMEROS ENTEROS POSITIVOS
CELLPADDING=ESPACIO ENTRE EL BORDE DE LA TABLA Y EL CONTENIDO DE A

CELDA
CELLSPACING=ESPACIO ENTRA CELDAS
COLS=NUMERO DE COLUMNAS
HEIGHT=ALTURA
WIDTH=ANCHO DE LA TABLA
ETIQUETA <TR> FILA DE LA TABLA

ATRIBUTOS
BORDERCOLOR=COLOR DEL BORDE
ALING=ALINEACIN HORIZONTAL DEL CONTENIDO

VALORES=RIGHT/LEFT/CENTER
VALING=ALINEACIN VERTICAL DEL CONTENIDO DE LA FILA

VALORES=MIDDLE/BOTTOM/TOP
HEIGHT=ALTURA
WIDTH=ANCHO DE LA FILA
ETIQUETA <TD> CELDA DE LA FILA

ATRIBUTOS
BACKGROUND=IMAGEN DE FONDO
ALING=ALINEACIN HORIZONTAL DEL CONTENIDO

VALORES=RIGHT/LEFT/CENTER
VALING=ALINEACIN VERTICAL DEL CONTENIDO DE LA FILA

VALORES=MIDDLE/BOTTOM/TOP
HEIGHT=ALTURA
WIDTH=ANCHO DE LA FILA
COLSPAN=NUMERO DE COLUMNAS QUE OCUPA LA CELDA
ROWSPAN=NUMERO DE FILAS QUE OCUPA LA CELDA
5 | Informtica II

Guia HTML

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Guia HTML

Transféré par

Droits d'auteur :

Formats disponibles

GUIA HTML

<TITLE> TITULO DE LA PAGINA</TITLE>

NOTA: SI SE ESTA DISEANDO LA PAGINA POR MEDIO DE UN EDITOR DE TEXTO,

BGCOLOR=COLOR DE FONDO, SE EXPRESA EL NOMBRE DEL COLOR EN INGLES

BACKGROUND=IMAGEN DE FONDO. SE INDICA L NOMBRE Y EXTENSION

LINK=COLOR DE LOS HIPERVINCULOS

VLINK=COLOR DE LOS HIPERVINCULOS VISITADOS

ALINK= COLOR DE LOS HIPERVINCULOS ACTIVOS

TEXT=COLOR DEL TEXTO DEL DOCUMENTO

ETIQUETAS DE TEXTO, LOS ELEMENTOS QUE SE ENCUENTREN ENTRE ESTAS

Profa Yemilibeth Gutirrez

<PRE> TEXTO PREDETERMINADO</PRE> EL TEXTO SE VISUALIZARA EN EL

ETIQUETA DE SALTO DE LINEA <BR>

NOTA: PARA CENTRAR EL CONTENIDO DEL DOCUMENTO SE COLOCAN TODOS LOS

FACE=TIPO DE FUENTE (ARIAL, VERDANA, ETC)

COLOR=COLOR DEL TEXTO

SIZE=TAMAO DE LA FUENTE NUMERO ENTERO POSITIVO

ETIQUETA <HR> INSERTA LINEA

NOSHADE (SIN SOMBRA, NO ES NECESARIO ASIGNAR UN VALOR)

Profa Yemilibeth Gutirrez

SIZE=GROSOR DE LA LINEA NUMERO ENTERO POSITIVO

TYPE=TIPO DE VIETA VALORES=CIRCLE/DISC/SQUARE

TYPE=TIPO DE ENUMERACION VALORES=A/a/I/i/1

ATRIBUTOS DE LA ETIQUETA <LI>

VALUE=VALOR DEL ELEMENTO NUMERO ENTERO POSITIVO, SEGN EL ORDEN

Profa Yemilibeth Gutirrez

CREACIN DE HIPERVNCULOS Y ANCLAS

HREF.=URL, DOCUMENTO O #ANCLA A VINCULAR

TARGET=DESTINO DEL DOCUMENTO VALORES=_BLANK/_SELF/_TOP/_PARENT

ATRIBUTOS PARA CREAR ANCLAS

NAME= DEFINIR EL NOMBRE DEL ANCLA

BORDER=GROSOR DEL BORDE DE LA IMAGEN

HEIGHT=ALTURA DE LA IMAGEN EN PIXELES O PORCENTAJE

WIDTH=ANCHO DE LA IMAGEN EN PIXELES O PORCENTAJE

ALING=ALINEACIN DEL TEXTO QUE SE ENCUENTRA JUNTO A LA IMAGEN

DOCUMENTO,. ESTA COMPUESTA POR FILAS Y CELDAS

ALIGN=ALINEACIN EN EL DOCUMENTO VALORES=RIGHT/CENTER/LEFT

Profa Yemilibeth Gutirrez

BORDERCOLOR=COLOR DEL BORDE

BORDER=GROSOR DEL BORDE NUMEROS ENTEROS POSITIVOS

CELLPADDING=ESPACIO ENTRE EL BORDE DE LA TABLA Y EL CONTENIDO DE A

CELLSPACING=ESPACIO ENTRA CELDAS

ETIQUETA <TR> FILA DE LA TABLA

BORDERCOLOR=COLOR DEL BORDE

ALING=ALINEACIN HORIZONTAL DEL CONTENIDO

VALING=ALINEACIN VERTICAL DEL CONTENIDO DE LA FILA

ETIQUETA <TD> CELDA DE LA FILA

ALING=ALINEACIN HORIZONTAL DEL CONTENIDO

VALING=ALINEACIN VERTICAL DEL CONTENIDO DE LA FILA

COLSPAN=NUMERO DE COLUMNAS QUE OCUPA LA CELDA

ROWSPAN=NUMERO DE FILAS QUE OCUPA LA CELDA

Profa Yemilibeth Gutirrez

Vous aimerez peut-être aussi