1. Comandos Básicos
< HTML > ... < /HTML > : Indica el comienzo y fin de un archivo HTML
< HEAD > ... < /HEAD > : Indica el comienzo y fin de un encabezado (aquí se coloca
generalmente el título).
< TITLE > ... < /TITLE > : Indica el título.
< BODY > ... < /BODY > : Indica el comienzo y fin del cuerpo de la página.
< P > ... < /P > : Indica comienzo y fin de un párrafo.
< BR > : Permite saltarse una línea (se llama quiebre de línea).
< Hn > ... < Hn > : Para n entre 1 y 6, hacen que el texto encerrado aparezca como encabezado
(un subtítulo). Se recomienda usar sólo 1,2 y 3.
<FONT SIZE="tamaño">Texto</FONT>
Tipos de letras:
o < B > ... < /B > : Negrita.
o < L > ... < /L > : Cursiva.
o <I>… < /I> : Cursiva (Italic)<
o < BLINK > ... < /BLINK > : Parpadeante.
o < STRONG > ... < /STRONG > : Enfatizada.
o <U> --- < /U>: Subrayado (Underline)
< UL > ... < /UL > : Indica comienzo y fin de una lista no ordenada (puntos). Dentro de ellos,
cada item empieza por < LI > y termina al terminar la línea.
< OL > ... < /OL >: Indica comienzo y fin de una lista ordenada (números). Dentro de ellos, cada
item empieza por < LI > y termina al terminar la línea.
Ejemplo:
< OL >
< LI > Primer item
< LI > Segundo item
< UL >
< LI > Primer subitem
< LI > Segundo subitem
< /UL >
< LI > Tercer item
< /OL >
Y esto se ve
1. Primer item
2. Segundo item
Primer subitem
Segundo subitem
3. Tercer ítem
Lista ordenada con letras
<ol type="A">
<li>Un ordenador Pentium 1000 </li>
<li>Tarifa plana ¡ya! </li>
<li>Vacaciones en el Caribe</li>
<li>Vacaciones para nuestro Jefe </li>
</ol>
Con el atributo start= añadido a una etiqueta <ol>, la lista comienza donde indiquemos.
<ol start="7">
<li>Un ordenador Pentium 1000</li>
<li>Tarifa plana ¡ya!</li>
<li value="10">Vacaciones en el Caribe</li>
<li>Vacaciones para nuestro Jefe</li>
2. </ol>
La forma de implementar las listas de definición es con la marca <DL> de la siguiente forma:
<DL>
<DT> Nombre del termino
<DD> Definición del término
</DL>
Para dar color a todo el texto del documento podemos hacerlo con:
<FONT COLOR="color">Texto</FONT>
<BODY TEXT=“blue”>
Para especificar el color de fondo del documento deberemos utilizar
<BODY BGCOLOR=“blue”>
Centrado*Izquierda*Derecha
<center>*********</center>
<left>*************</left>
<right>*************</right>
Tablas
<TABLE BORDER="1">
<CAPTION> Nombre de la tabla </CAPTION>
<TR>
<TH>uno</TH>
<TD>dos</TD>
</TR>
<TR>
<TD>tres</TD>
<TD>cuatro</TD>
</TR>
</TABLE>
Justificación del texto de las celdas
<TABLE>
<TR>
<TD ALIGN=”horizontal” VALIGN=”vertical”>
…..
</TD>
</TR>
……….
</TABLE>
- horizontal puede tomar los valores CENTER, LEFT y RIGHT. Por
defecto vale LEFT.
-vertical: puede tomar los valores TOP, MIDDLE, BOTTOM, y
BASELINE. Por defecto vale CENTER.
Imagen
Imágen de Fondo <body background="XXX.gif (o jpg)"> ----
Imágen Individual <img src="YYY.gif (o jpg)"> ----
Imágen(Ancho*Alto) <img src=".." width="n" height="n"> -----
Espacio "libre" <img src=".." hspace="n">
La etiqueta que se utiliza para la inclusión de imágenes en una página Web es la siguiente:
<IMG SRC=”imagen.jpg”></IMG>
3. <IMG SRC="nombre_imagen" ALT="Texto_alternativo">
Uso de imágenes como enlaces.
<A HREF=”enlace”> <IMG SRC=”imagen”> </A>
SUBIR VIDEOS
- video..
<embed src="nombrearchivo.avi, mp4, wmb....." width="300" height="300"></embed>
- audio.
<embed src="audio.mp3" width="32" height="32"hidden="true" autostart="true"></embed>
<html>
<body BGCOLOR=="#0000FF"> color del blog ejm. azul
<p align="right"><EMBEDSRC="nombre de la cancion.formato del video" HEIGHT=1000 WIDTH=1000
AUTOSTART=true LOOP=TRUE></p>tamaño del video
</body>
</html>