Está en la página 1de 6

HTML.

Los documentos en formato html son un conjunto de elementos anidados, mediante etiquetas comprendidas
entre el signo de menor y mayor. Su estructura es la siguiente:
<Html>
<Head>
<Title>titulo</title>
</head>
<ody>
cuerpo
</ody>
</html>
ETIQUTEAS.
<Br>: esta etiqueta permite estalecer un espacio para separar un p!rrafo de otro.
<p> </p>: es semejante a la anterior con la diferencia que genera espacios m!s peque"os y define p!rrafo por
p!rrafo
<Hr> <hr>: despliega una l#nea hori$ontal, generalmente se utili$a como separador dentro de una pagina %e
<b> </b>: acti&a las negritas
<i> </i>: acti&a las cursi&as it!licas
<u> </u>: acti&a el surayado
EENCABEZADOS.
'stas se utili$an para definir un te(to de mayor tama"o y se utili$an las siguientes etiquetas.
<h1> </h1> __ <h> </h>
<C!"#!r> <L!$#> <%i&h#.>: estalece la alineaci)n del te(to centrado, i$quierda y derecha dentro de la
p!gina
N'#(: se utili$a la etiqueta align para estalecer la alineaci)n
*olores
+ara definir los colores en html se utili$ar el c)digo he(adecimal, utili$ando la modalidad -./
<b')* b&+','r - .+','r/ >estalece el color de fondo de la pagina
<$'"# +','r - .+','r/> estalece el color del te(to
011234567(b+)!$
%8B
9$0000
00$$00
0000$$
$$$$$$
000000
*aecera
*uerpo
<Sup> </:up>: acti&a la letra super#ndice
<Sub> </:ub>: acti&a la letra su#ndice
LISTAS DENT%O DE UNA ;<8INA =EB.
E>i:#!" 2 $'r?(: )! +r!(r ,i:#(::
1@ ,i:#(: )!:'r)!"()(: A"' "u?!r()(:@
1@ ,i:#(: 'r)!"()(: A"u?!r()(:@
2@ ,i:#(: )! )!$i"i+iB"
LISTAS DESO%DENADAS.
La estructura para dise"ar este tipo de listas es la siguiente:
<UL>Au"'r)!r!) ,i:#@
<LI> A,i:# i#!?@
<LI>
.
.
.
</UL>
LISTAS O%DENADAS.
La estructura de las listas ordenadas es la siguiente:
<OL> A'r)!r!) ,i:#@
<LI> A,i:# i#!?@
<LI>
.
.
.
</OL>
TC;E: para modificar la forma de la lista 0, a, 1, i, etc.
STA%T: para indicar donde inicie
LISTAS DE DE9INICIDN.
Se utili$an para glosarios o definir t2rminos
<DL>
<DT> A!,!?!"#' ( )!$i"ir@
<DD> A)!$i"i+iB"@
</DL>
ENLACES CON OT%AS ;<8INAS.
Los enlaces tienen la siguiente estructura:
<( hr!$ - .)!:#i"' )! !",(+!/ > #!>#' i")i+(#iE' </(>
ENLACES DENT%O DE LA MISMA ;<8INA.
Se utili$a este tipo de enlaces cuando el contenido de las paginas es muy e(tenso, las siguientes etiquetas se
utili$an para estalecer el enlace:
<( hr!$ - .F ?(r+(/ >)!:+rip+iB" </(>
<( "(?! - .?(r+(/></(>
<( hr!$ - .p(&i"( h#?, F?(r+(/>)!:+rip+iB"</(>
ENLACES CON UNA ;<8INA 9UE%A DE
NUEST%O SISTEMA ALINGS@.
<( hr!$ - .h##p: // HHH.*(h''. +'?.?>/ > #!>#' < / (>
ENLACES CON CO%%EO ELECT%DNICO.
<( hr!$ - .?(i,i#': u:u(ri'Ih'#?(i,.+'?.?>/ >?i ?(i,</(>
9UENTES TI;O8%<9ICAS.
+ara aplicar una fuente tipogr!fica a una parte del te(to se utili$a la siguiente etiqueta:
<$'"# $(+! - .#ip' )! ,!#r( .>#!>#'</$'"#>
IM<8ENES.
La etiqueta que nos permite introducir im!genes a nuestra p!gina %e es muy similar a la de enlaces de otras
p!ginas.
La estructura es:
<i?& :r+ - .i?(&!".&i$/>
*on el comando <img src3> 4imagen source, fuente de la imagen5 en esta se indica que se quiere cargar una
imagen llamada .gif <+!"#!r>
6entro de la etiqueta se puede a"adir tal como:
A,# - .)!:+rip+iB"/: sir&e para descriir una descripci)n o frase re&e indicati&a de la imagen.
B'r)!r - .#(?(J'/: indica el tama"o del orde de la imagen. 0 toda imagen se le asigna un orde que ser!
&isile cuando la imagen forme parte de un hiperenlaces.
=i)#h - .("+h'/: !:p!+i$i+( !" pi>!,!: !, ("+h' )! ,( i?(&!".
H!i&h# - .(,#'/: especifica el alto que lle&ara la imagen en pi(eles.
H:p(+! - .?(r&!"/: indica el numero de espacios hori$ontales, en puntos, que separaran la imagen del
te(to que la siga y la anteceda.
K:p(+! - .?(rLu!!/: indica el numero de puntos &erticales que separaran la imagen del te(to que la siga o
le anteceda.
*on la siguiente etiqueta se puede especificar una imagen de fondo de nuestra pagina:
La etiqueta especificara dentro de la etiqueta ody.
<b')* b(+M&r'u") - .i?(&!".&i$/>
Las paginas %e utili$an im!genes principalmente con el signo formato: &i$, Np!&, Np& el manejo de
im!genes BM; en paginas %e no es con&eniente por que tardar#a mucho tiempo en cargarse en la +*.
Las im!genes .17 se caracteri$an por almacenar las im!genes con un m!(imo de 89: colores.
Tanto el formato ;+'. como el ;+. almacena <:.= millones de colores.
A,i&": permite especificar la alineaci)n que tendr! la imagen como referencia a un te(to. Las alineaciones
son:
A,i&" - T'p -(,i"!(+iB" (rrib(
Mi)),! - (,i"!(+iB" !" ?!)i'
B'##'? - (,i"!(+iB" (b(N'
MODI9ICACIDN DE COLO%ES.
+ara estalecer los colores desde el inicio, dentro de la etiqueta .b')*/ se usaran los siguientes par!metros:
T!># - +','r )! #!>#'
Li"M - +','r )! !",(+!
K,i"M - +','r Ei:i#()'
A,i"M - +','r (+#iE'
CA%ACTE%ES ES;ECIALES.
&it; <
&gt; >
&amp; &
&auto;
&aacute;
&eacute;
&oacute;
&uacute;
&Aacute;
&iacute;
&Oacute;
&Uacute;
&ntilde;
&tilde; !
&uuml; "
&Uuml; #
&$%&%; '
&$%(%; )
&*acute; +
&,acute; -
COMEMNTA%IOS EN LAS ;<8INAS
Las etiquetas para insertar comentarios no imprimiles son:
< OP ?!":(N! P>
TABLAS.
Los elementos de las talas son:
Ti#u,'
E"+(b!Q()'
D(#': )! ,( $i,(
D(#': )! ,( +',u?"(
Las etiquetas que se usaran son:
<T(b,!> </#(b,!>: estalece la tala.
<Tr> </#r>: estalece la fila.
<Th> </#h>: estalece el encae$ado
<T)> </#)>: define una celda.
=i)#h: espec#fica el ancho de la columna, se encontrara dentro de tale, es un n>mero dado en p#(eles.
%'H:p(": permite que la celda aarque m!s filas, deer! ir dentro de la etiqueta <th>
<#h r'H:p(" - 1> pr')u+#': </#h>
C',:p(": permite que la celda aarque &arias columnas.
<#h +',:p(" - 3 >pr')u+#':</#h>
B'r)!r: especifica el color del orde de la tala.
SONIDOS.
+ermite que el lenguaje html tener sonidos incorporados en las paginas de fondo, normalmente los sonidos
deer!n tener el formato .%a& y .mdi.
La etiqueta es:
<b&:'u") :r+ - .(r+hiE': )! :'"i)':/ ,''p - " >
<,''p - "u?!r' )! E!+!: Lu! :! !N!+u#(r( !, (r+hiE', :i " - P1 ' ,''p - i"$i"i#! !, (r+hiE' :! !N!+u#( )!
?("!r( i"$i"i#'.
TERTO EN MOKIMIENTO.
+ara estalecer un te(to en mo&imiento se utili$an las marquesinas.
La etiqueta es:
<M(rLu!!> #!>#' </?(rLu!!>
=i)h#, H!i&h#: ajusta la anchura y altura de la marquesina estaleci2ndolo en p#(eles o porcentaje.
A,i&": modifica el alineamiento del te(to que rodea a la marquesina, puede ser Top, ?iddle y /uttom.
9%AMES.
7rames en ingles significa marcos en espa"ol este procedimiento permite di&idir la pantalla en diferentes
$onas o &entanas.
DE9INICIDN DE 9%AMES.
Lo primero que se tiene que hacer es crear un documento nue&o en html. 6onde se di&ide en cuantas $onas se
di&idir! la pantalla.
'structura:
9r(?! :!# +',: - .>>,**/
9r(?! :r+ - .p(&i(" )! !",(+!/
9r(?! :r+ - Sp(&i"( )! !",(+!T "(?! - U "'?br! )!, 1)' !",(+! V
'n un frame se especificara su distriuci)n en forma de porcentajes o se puede utili$ar el asterisco para
representar una secci)n.
9%AME BO%DE%.
1ndica el orde que tendr!n los frames
T(r&!#: Significa destino y se utili$a para especificar en que frame se mostrara la pagina tami2n puede
tener los siguientes &alores.
Target 3 @AlanBC 4pagina nue&a5
Target 3 @AselfC 4se carga en el propio frame5
Target 3 @AtopC 4se carga en la pantalla completa, eliminando todos los frames5.