Principios H T M L

Ing. Orlando Huaranga NegreteIng. Orlando Huaranga [email protected]@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>


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>


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



Principios H T M L

Technology