2. Contenidos del Power Point
Etiquetas básicas
Propiedades de la pagina
Formato de texto
Formato de párrafos
Creación de listas
Creación de imágenes
Creación de enlaces
Etiquetas desconocidas
3. ETIQUETAS BASICAS
<html></html> Al inicio y al termino de cada
documento.
<head></head> Cabecera del documento. En
estas se ponen las etiquetas:
<title></title> Indica el titulo de pagina
Tras cerrar la etiqueta el head se pone la
etiqueta:
<body></body> Dentro de estas etiquetas se
insertan los codigos del documento. El cierre de
esta etiqueta se coloca justo antes del cierre de
</html>
4. PROPIEDADES DE LA PAGINA
La etiqueta <body> Puede llevar incluida
información sobre las propiedades de la pagina:
<body bgcolor=?> Define el color del fondo de la
pantalla.
<body text=?> Define el color por defecto del
texto en la pagina.
<body link=?> Define el color de los enlaces.
<body vlink=?> Define el color de los enlaces
visitados.
<body alink=?> Define el color de los enlaces
activos.
5. FORMATO DE TEXTO
<b></b> El color del texto en negrita. (También
sirve la etiqueta <strong></strong>)
<i></i> El texto en cursiva.(También sirve la
etiqueta <em></em>
<u></u> El texto subrayado.
<font color=”#xxyyzz”>..</font> Define el color
del texto. Esto esta dado por codigos.
<font face=“arial”</font> Determina el tipo de
fuente.
6. FORMATO DE PÁRRAFOS
<p></p> Salto de párrafos.
<br> Salto de línea.
<center> Centrar el texto.
<p align= center> Párrafo centrado.
<p align= left> Párrafo alineado ala
izquierda.
<p align= right Párrafo alineado ala
derecha.
7. CREACIÓN DE LAS LISTAS
Lista no enumerada: Se abre con <ul>
<li> </li> Primer elemento de la lista, etc.
Se cierra con </ul>
Lista numerada: Se abre con <ol>
<li> </li> Primer elemento de la lista, etc.
Se cierra con </ol>
Lista de glosario: Se abre con <dl>
<dt> </dt> Termino que se va a definir.
<dd> </dd> Definición del termino.
8. CREACIÓN DE IMAGENES
<img..src=“?”> Indica la ruta de la imagen.
<img..border=“x”> Establece un borde de
x pixels en torno ala imagen.
<img src=“name” align=?> Alinea la
imagen izquierda, derecha y centro.
<body background=“url o ruta del
archivo”></body>.
9. CREACIÓN DE ENLACES
<a href=”http://www.servidor.com”>
Enunciado del enlace </a>.
<a href=”mailto:dirección de mail”>
Vínculo a una dirección de correo-e.
target="_blank" Abre la página en un
nuevo navegador.
target=”_top” Abre la página en toda la
pantalla para evitar los frames.
10. ETIQUETAS DESCONOCIDAS
<PRE></PRE>
Obtener una pagina
que incluya los
espacios. Se utiliza
esta etiqueta.
11. ETIQUETA DESCONOCIDAS
Se obtiene un texto
respetando los
espacios y salto en
línea del párrafo
12. ETIQUETAS DESCONOCIDAS
<form></form>
Button name=“submit”
type=
“submit”>ok</button
Crea un botón se puede
poner el nombre del
botón o el tipo de
botón para poder
navegar.
