producto 3 joon y jorge 9no a

Post on 13-Aug-2015

125 Views

Category:

Documents

0 Downloads

Preview:

Click to see full reader

TRANSCRIPT

HECHO POR: HYOUNG JOON LEE Y JORGE ALBERTO VALDES HERNANDEZ

Diseño de paginas Web

¿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.

¿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.

¿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.

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. 

Gracias por su atención

top related