1. REPUBLICA BOLIVARIANA DE VENEZUELA
UNIVERSIDAD NACIONAL EXPERIMENTAL
SIMÓN RODRÍGUEZ
NÚCLEO CARICUAO
LENGUAJE DE PROGRAMACIÓN 2
GUÍA NÚMERO 1
COMPONENTES DEL LENGUAJE HTML
LENGUAJE DE PROGRAMACIÓN 2
Prof. Carlos Márquez
2. Entidades html
Los caracteres especiales como signo de puntuación, letras con tilde o diéresis, o símbolos
son entidades, por ejemplo:
Carácte
Carácter Entidad HTML Entidad HTML
r
á á Á Á
é é É É
í í Í Í
ó ó Ó Ó
ú ú Ú Ú
ü ü Ü Ü
ñ ñ Ñ Ñ
¡ ¡ ¿ ¿
Etiquetas de html
Con Sin Con Sin Con Sin
etiqueta etiqueta etiqueta etiqueta etiqueta etiqueta
ADDRES B: B:
ADDRESS CITE CITE
S NEGRITA NEGRITA
BIG BIG CODE CODE DFN DFN
I:
EM EM I: ITALICA KBD KBD
ITALICA
SAMP SAMP SMALL SMALL STRONG STRONG
S S
SUB5 SUB 5 SUP5 SUP 5
Tachado Tachado
U U
TT TT Subrayad Subrayad VAR VAR
o o
Etiquetas
Apertura Acción Atributos Cierre
<! Comentario. Ninguno -->
HREF, NAME, REL, REV,
<A> Hipervínculo. </A>
TITLE
<ADDRESS> Formato para dirección Ninguno </ADDRESS>
Prof. Carlos Márquez
3. del autor.
Url del autor; contexto
<BASE> HREF </BASE>
del documento.
<BASEFONT Tamaño de la fuente
Ninguno NO
SIZE> base.
NO - Internet
<BGSOUND> Sonido de fondo. SRC, LOOP.
Explorer
<BIG> Aumenta el tamaño. Ninguno </BIG>
Hace parpadear el </BLINK> -
<BLINK> Ninguno
texto. Netscape
<BLOCKQUOTE Da formato con sangría
Ninguno </BLOCKQUOTE>
> a un párrafo
BGCOLOR,
<BODY> Cuerpo del documento. BACKGROUND, TEXT, </BODY>
LINK, VLINK, ALINK
CLEAR: Se utiliza en
<BR> Retorno de línea. combinación con ALIGN NO
de IMAGE.
ALIGN: TOP/BOTTOM.
Posición de la leyenda
<CAPTION> Internet Explorer: LEFT, </CAPTION>
en una tabla.
RIGHT, CENTER
<CENTER> Centrar. Ninguno </CENTER>
Formato para citas en
<CITE> Ninguno </CITE>
itálicas.
<CODE> Formato en tipo código. Ninguno </CODE>
Definiciones marcadas,
<DD> para Lista de Ninguno NO
Definiciones <DL>.
<DFN< Formato en itálica. Internet Explorer </DFN<
Lista de directorio, con
<DIR> elementos marcados Ninguno </DIR>
con <LI>.
Lista de Definiciones,
con términos marcados
<DL> Ninguno </DL>
con <DT> y definiciones
marcadas con <DD>.
Prof. Carlos Márquez
4. Términos marcados,
<DT> para Lista de Ninguno NO
Definiciones <DL>.
Formato enfatizado en
<EM> Ninguno </EM>
itálica.
SRC, WIDTH, HEIGHT,
<EMBED> Sonido de Fondo. NO - Netscape
AUTOSTART, LOOP.
SIZE, COLOR. Internet
<FONT> Definición de la fuente. </FONT>
Explorer: FACE.
Para ingreso de datos
<FORM> del usuario en un ACTION, METHOD </FORM>
formulario.
Tamaño de letras del 1 HTML 3.0: LEFT,
<H1 ...H6> </H1 .../H6>
al 6. CENTER, RIGHT
Encabezamiento del BASE, TITLE, ISINDEX,
<HEAD> </HEAD>
documento. NEXTID, META
NOSHADE, SIZE,
<HR> Línea horizontal. WIDTH, ALIGN. Internet NO
Explorer: COLOR
Al principio y al fin de
<HTML> HEAD, BODY </HTML>
todo documento.
<I> Itálica (Cursiva). Ninguno </I>
ALIGN, SRC, ALT,
<IMG> Cargar imágenes. ISMAP, WIDTH, HEIGHT, NO
VSPACE, HSPACE
Define un objeto de TYPE, NAME, VALUE,
<INPUT> ingreso en un SIZE, MAXLENGHT, </INPUT>
formulario. ALIGN, SRC, CHECKED
Indica que existe un
<ISINDEX> index en el server para Netscape: PROMPT NO
el documento.
Activa la selección de
<ISMAP> imágenes para el Ninguno NO
usuario.
Formato
<KBD> Ninguno </KBD>
monoespaciado.
<LI> Ítem de lista. Netscape: VALUE, TYPE NO
Prof. Carlos Márquez
5. <LISTING> Listados Ninguno. Obsoleto. </LISTING>
Literal. Como PRE,
<LIT> pero usa letra Ninguno </LIT>
proporcional.
ALIGN, BEHAVIOR,
BGCOLOR, DIRECTION,
HEIGHT, WIDTH,
</MARQUEE> -
<MARQUEE> Marquesina. HSPACE, VSPACE,
Internet Explorer
LOOP,
SCROLLAMOUNT,
SCROLLDELAY.
<MENU> Lista menú. Ninguno </MENU>
Metainformación EQUIV, CONTENT,
<META> NO
ubicada en HEAD. NAME
Es un parámetro que
<NEXTID> NO NO
identifica al documento.
Elimina los saltos de
<NOBR> Ninguno NO
líneas.
Lista ordenada, con
<OL> elementos marcados TYPE, START, VALUE. </OL>
con <LI>.
Opción de selección VALUE, SELECTED
<OPTION> NO
dentro de un formulario. VALUE
Retorno de línea, con
<P> Ninguno NO
un espacio.
<P ALIGN> Alineación de texto. LEFT, CENTER, RIGHT </P>
<PLAINTEXT> Pasaje de texto plano. Ninguno. Obsoleto. </PLAINTEXT>
Visualiza el texto en su
<PRE> WIDTH </PRE>
formato original.
<S> Texto tachado. Ninguno </S>
<SAMP> Formato tipo ejemplo. Ninguno </SAMP>
Para selección de
<SELECT> opciones dentro de un NAME, SIZE, MULTIPLE </SELECT>
formulario.
<SMALL> Disminuye el tamaño. Ninguno </SMALL>
Prof. Carlos Márquez
6. Formato enfatizado más
<STRONG> Ninguno </STRONG>
fuerte que <EM>.
<SUB> Subíndice. Ninguno </SUB>
<SUP> Superíndice. Ninguno </SUP>
BORDER,
CELLPADDING,
CELLSPACING,
<TABLE> Tabla. </TABLE>
HEIGTH, WIDTH.
Internet Explorer:
COLOR
ALIGN, VALIGN,
Celdas de una fila en
NOWRAP, COLSPAN,
<TD> una tabla, dentro de </TD>
ROWSPAN, HEIGTH,
<TR>.
WIDTH
Área para ingreso de
<TEXTAREA> texto dentro de un NAME, ROWS, COLS. </TEXTAREA>
formulario.
ROWSPAN, COLSPAN,
ALIGN, VALIGN,
<TH> Título de Tabla. </TH>
NOWRAP, HEIGHT,
WIDTH
<TITLE> Título dentro de HEAD. Ninguno </TITLE>
<TR> Fila de una Tabla. ALIGN, VALIGN </TR>
<TT> Formato tipo máquina. Ninguno </TT>
Lista no ordenada, con
<UL> elementos marcados COMPACT, TYPE </UL>
con <LI> .
<VAR> Formato tipo variable. Ninguno </VAR>
Se usa con NOBR para
<WBR> una sección que deba Ninguno NO
ser separada.
<XMP> Similar a PRE. Ninguno </XMP>
<A>
Prof. Carlos Márquez
7. Atributos
Nombre Etiqueta Acción Valor
Dirección del URL local
HREF href="www.hp.com"
o remoto.
LOOP Número de veces que se
reproduce el archivo de sonido.
loop=infinite
Para permanente se usa
<BGSOUND> INFINITE o -1.
SRC
Nombre del archivo de sonido src="sonido.wav
(Internet Explorer) "
LOOP Número de veces que se
reproduce el archivo de sonido.
loop=-1
Para permanente se usa
<EMBED> INFINITE o -1.
SRC
Nombre del archivo de sonido
src="sonido.mid"
(con Crescendo)
SRC Nombre del gráfico src="imagen.gif"
<IMAGE> Nombre que reemplaza a la
alt="Nombre de
ALT imágen cuando ésta no puede
Imágen"
ser cargada.
BGCOLOR bgcolor="#FFFF
Color de fondo
BACKGROUND FF" (blanco)
TEXT background="fot
Imágen de fondo
o.gif"
LINK
text="#000000"
VLINK Color del texto
(negro)
<BODY>
link="#0000FF"
Color de vínculo
(azul)
ALINK vlink="#FF0000"
Color de vínculo visitado
(rojo)
alink="#00FF00"
Color de vínculo presionado
(verde)
<CAPTION> dentro de Colocar título arriba (TOP) o
ALIGN align=top
<TABLE> debajo (BOTTOM) de la tabla.
<H1..H6>, <P ALIGN>,
Alinear el texto: LEFT, RIGHT,
ALIGN <TD>, <TH>, <TR>, align=center
CENTER
<DIV>,
ALIGN Alinear el texto: LEFT, RIGHT,
<HR> align=center
SIZE CENTER
Prof. Carlos Márquez
8. Valor de la altura en pixels o
size=3
porcentaje
WIDTH
Valor del ancho en pixels o
width=50%
porcentaje
SIZE Tamaño de la letra de 1 a 7 size=6
COLOR color="#000000"
Color de la letra
<FONT> (negro)
FACE Fuente del texto (Internet face="helv"
Explorer) (helvética)
HEIGHT Valor de la altura en pixels o
<EMBED>, <IMAGE>, heigth=80
porcentaje
<MARQUEE>, <TD>,
WIDTH <TH> Valor del ancho en pixels o
width=50%
porcentaje
BORDER Borde y ancho del borde en la
border=5
CELLPADDING tabla
CELLSPACING Espacio entre el borde y el
cellpadding=10
texto
HEIGHT
Espacio entre las líneas interna
<TABLE> cellspacing=3
y externa del borde
Valor de la altura en pixels o
WIDTH heigth=80
porcentaje
Valor del ancho en pixels o
width=50%
porcentaje
COLSPAN Expandir una celda varias
<TD> dentro de colspan=4
columnas
ROWSPAN <TABLE>
Expandir una celda varias filas rowspan=4
Prof. Carlos Márquez