presentacion html

1,126 views

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,126
On SlideShare
0
From Embeds
0
Number of Embeds
25
Actions
Shares
0
Downloads
19
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

presentacion html

  1. 1. Lenguaje HTML ROMAN JUAN JAVIER 6º 2ª INSTITUTO DE EDUCACION MEDIA
  2. 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. 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. 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. 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. 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. 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. 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. 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. 10. ETIQUETAS DESCONOCIDAS  <PRE></PRE>  Obtener una pagina que incluya los espacios. Se utiliza esta etiqueta.
  11. 11. ETIQUETA DESCONOCIDAS  Se obtiene un texto respetando los espacios y salto en línea del párrafo
  12. 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.
  13. 13. ETIQUETAS DESCONOCIADAS  El botón ya creado en la pagina html.
  14. 14. FIN DE LA PRESENTACION JAVIER ROMAN 6º 2ª INFORMATICA 2009 IEM

×