Download - Principios H T M L
![Page 1: Principios H T M L](https://reader035.vdocumento.com/reader035/viewer/2022081504/5588fdb6d8b42a9e3f8b45e7/html5/thumbnails/1.jpg)
Ing. Orlando Huaranga NegreteIng. Orlando Huaranga [email protected]@hotmail.com
![Page 2: Principios H T M L](https://reader035.vdocumento.com/reader035/viewer/2022081504/5588fdb6d8b42a9e3f8b45e7/html5/thumbnails/2.jpg)
Aprender acerca de los elementosAprender acerca de los elementosque componen un documento HTMLque componen un documento HTML
![Page 3: Principios H T M L](https://reader035.vdocumento.com/reader035/viewer/2022081504/5588fdb6d8b42a9e3f8b45e7/html5/thumbnails/3.jpg)
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.
![Page 4: Principios H T M L](https://reader035.vdocumento.com/reader035/viewer/2022081504/5588fdb6d8b42a9e3f8b45e7/html5/thumbnails/4.jpg)
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.
![Page 5: Principios H T M L](https://reader035.vdocumento.com/reader035/viewer/2022081504/5588fdb6d8b42a9e3f8b45e7/html5/thumbnails/5.jpg)
<html><head>
<title>Titulo de la página</title></head><body parámetros>
Contenido de la Página</body>
</html>
![Page 6: Principios H T M L](https://reader035.vdocumento.com/reader035/viewer/2022081504/5588fdb6d8b42a9e3f8b45e7/html5/thumbnails/6.jpg)
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.
![Page 7: Principios H T M L](https://reader035.vdocumento.com/reader035/viewer/2022081504/5588fdb6d8b42a9e3f8b45e7/html5/thumbnails/7.jpg)
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”>
![Page 8: Principios H T M L](https://reader035.vdocumento.com/reader035/viewer/2022081504/5588fdb6d8b42a9e3f8b45e7/html5/thumbnails/8.jpg)
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>
![Page 9: Principios H T M L](https://reader035.vdocumento.com/reader035/viewer/2022081504/5588fdb6d8b42a9e3f8b45e7/html5/thumbnails/9.jpg)
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.
![Page 10: Principios H T M L](https://reader035.vdocumento.com/reader035/viewer/2022081504/5588fdb6d8b42a9e3f8b45e7/html5/thumbnails/10.jpg)
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>
![Page 11: Principios H T M L](https://reader035.vdocumento.com/reader035/viewer/2022081504/5588fdb6d8b42a9e3f8b45e7/html5/thumbnails/11.jpg)
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.
![Page 12: Principios H T M L](https://reader035.vdocumento.com/reader035/viewer/2022081504/5588fdb6d8b42a9e3f8b45e7/html5/thumbnails/12.jpg)
Incorporar enlaces a otras zonas u otras páginas.
<a href =http://www.cibertec.edu.pe>
Enlace a Cibertec
</a>
<a href="mailto:[email protected]">
Enviar e-mail
</a>
![Page 13: Principios H T M L](https://reader035.vdocumento.com/reader035/viewer/2022081504/5588fdb6d8b42a9e3f8b45e7/html5/thumbnails/13.jpg)
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.
![Page 14: Principios H T M L](https://reader035.vdocumento.com/reader035/viewer/2022081504/5588fdb6d8b42a9e3f8b45e7/html5/thumbnails/14.jpg)
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”>
![Page 15: Principios H T M L](https://reader035.vdocumento.com/reader035/viewer/2022081504/5588fdb6d8b42a9e3f8b45e7/html5/thumbnails/15.jpg)
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.
![Page 16: Principios H T M L](https://reader035.vdocumento.com/reader035/viewer/2022081504/5588fdb6d8b42a9e3f8b45e7/html5/thumbnails/16.jpg)
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.
![Page 17: Principios H T M L](https://reader035.vdocumento.com/reader035/viewer/2022081504/5588fdb6d8b42a9e3f8b45e7/html5/thumbnails/17.jpg)