Comandos Básicos html.docx

elisabethtorres14 20 views 3 slides Jul 16, 2022

Slide 1 of 3

About This Presentation

Comandos Básicos html

Size: 260.72 KB

Language: es

Added: Jul 16, 2022

Slides: 3 pages

Slide Content

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>

</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>

<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"><EMBED SRC="nombre de la cancion.formato del video" HEIGHT=1000 WIDTH=1000
AUTOSTART=true LOOP=TRUE></p>tamaño del video
</body>
</html>