Post on 23-Jun-2015
description
Ing. Orlando Huaranga NegreteIng. Orlando Huaranga Negreteorlandohn@hotmail.comorlandohn@hotmail.com
Aprender acerca de los elementosAprender acerca de los elementosque componen un documento HTMLque componen un documento HTML
Crear documentos HTML.
Conocer la estructura de un documento HTML.
Identificar las etiquetas que dan la funcionalidad al documento HTML.
Interactuar con las propiedades de las etiquetas.
Estructura de un documento HTML.Estructura de un documento HTML. Head and Body.Head and Body. Tablas.Tablas. Vínculos.Vínculos. Imágenes.Imágenes. Mapas.Mapas. Marcos.Marcos.
<html><head>
<title>Titulo de la página</title></head><body parámetros>
Contenido de la Página</body>
</html>
Estructura de un doc. HTML.Estructura de un doc. HTML.Head and Body.Head and Body. Tablas.Tablas. Vínculos.Vínculos. Imágenes.Imágenes. Mapas.Mapas. Marcos.Marcos.
Elementos que no alteran el contenido de la página.Elementos :
<title> Titulo zona azul </title><meta author=“Acme S.A.” keywords=“java”><base href=“http://www.mitienda.com”>
Contenido de la Página<body parámetros> Contenido </body>
Elementos :
<center></center><strong></strong><font color="blue" face="Arial"></font><h1></h1><hr><br>
Cabecera y cuerpo documento.Cabecera y cuerpo documento.Head and Body.Head and Body. Tablas.Tablas. Vínculos.Vínculos. Imágenes.Imágenes.Marcos.Marcos.
Organizar la información.
<table>
<tr>
<td>1.1</td>
<td>1.2</td>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
</tr>
</table>
Cabecera y cuerpo documento.Cabecera y cuerpo documento.Head and Body.Head and Body. Tablas.Tablas. Vínculos.Vínculos. Imágenes.Imágenes.Marcos.Marcos.
Incorporar enlaces a otras zonas u otras páginas.
<a href =http://www.cibertec.edu.pe>
Enlace a Cibertec
</a>
<a href="mailto:ramirez@stconsulting.com.pe">
Enviar e-mail
</a>
Cabecera y cuerpo documento.Cabecera y cuerpo documento.Head and Body.Head and Body. Tablas.Tablas. Vínculos.Vínculos. Imágenes.Imágenes.Marcos.Marcos.
Inclusión de imágenes, los formatos permitidos son GIF, JPG y PNG.
<img src=“archivo” alt=“Mi Foto”>
Atributos: <img src=“archivo”
alt=“Mi Foto”
width=“88”
height=“30”>
Cabecera y cuerpo documento.Cabecera y cuerpo documento.Head and Body.Head and Body. Tablas.Tablas. Vínculos.Vínculos. Imágenes.Imágenes.Marcos.Marcos.
Cabecera y cuerpo documento.Cabecera y cuerpo documento.Head and Body.Head and Body. Tablas.Tablas. Vínculos.Vínculos. Imágenes.Imágenes.Marcos.Marcos.