producto 3 joon y jorge 9no a

7

Click here to load reader

Upload: joonlee2000

Post on 13-Aug-2015

125 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Producto 3 joon y jorge 9no a

HECHO POR: HYOUNG JOON LEE Y JORGE ALBERTO VALDES HERNANDEZ

Diseño de paginas Web

Page 2: Producto 3 joon y jorge 9no a

¿Qué es HTML?

HTML es el lenguaje que se emplea para el desarrollo de páginas de internet.

Está compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla.

Page 3: Producto 3 joon y jorge 9no a

¿Cómo se estructura una pagina web?

Básicamente, los sitios web se componen y estructuran de la siguiente manera:

Contenedor: Esto es lo que definimos en la regla y en dentro de este contenedor estan todos los elementos del sitio.

Logotipo: Aquí es donde debemos dejar la imagen de la empresa, que identificará la marca en todo el sitio. 

Contenido: Lo más importante y fundamental de una buena página. Lo que mantiene al visitante cautivo e interesado.

Footer: Localizado al final del sitio, abajo, generalmente dejamos ahí información de Copyright y legales o menús secundarios.

Page 4: Producto 3 joon y jorge 9no a

¿Qué es una etiqueta?

Una etiqueta o marca HTML es un código que se incluye en los archivos creados con el lenguaje HTML para estructurar, añadir significado o formato al contenido a una página web.

Page 5: Producto 3 joon y jorge 9no a

Etiquetas principales de HTML

 <HTML>: indica el comienzo del documento HTML. * <HEAD>: indica que empieza la cabecera de la página. En ella se suele poner el título (<title> de la web, una descripción y otras informaciones relacionadas con el contenido de la página. 

* <BODY>: es el cuerpo de la página, donde va lo que se ve en el navegador al cargar una web. En el body van los textos, las imágenes y todos los contenidos de la web. 

* <H1>, <H2>, etc.: son los títulos o encabezados. Se utilizan para establecer determinados textos de la página como titulares, suelen tener un tamaño de fuente mayor para diferenciarlos del resto del texto. Son importantes en el posicionamiento en buscadores. 

* <A>: define los enlaces. 

* <TABLE>: es una tabla, y dentro de esta tenemos filas <TR> y celdas <TD>. 

* <P>: el texto dentro de esta etiqueta forma un párrafo. 

* <IMG>: imágenes. 

* <BR>: salto de línea. 

Page 7: Producto 3 joon y jorge 9no a

Gracias por su atención