Laboratorio 4

1. ¿Qué es un css?

Css significa Cascading Style Sheets, u Hojas de Estilo en Cascada, este es una tecnología desarrollada por el World Wide Web Consortium (W3C)

2.¿Para qué sirve?

Este tiene el fin de separar la estructura de la presentación.

3. ¿Qué elementos lo conforman para que funcione?

Imagenes, index, la licencia y el style

4. La etiqueta div que variables puede tener cuantos tiene el css y para que sirven:

div style= Se utiliza para editar el estilo.
div id= Se utiliza para ingresarle el nombre a nuestra división
di class= Sirve para indicar el tipo de división que utilizaremos

5. ¿Qué palabra reservada se usa para que la etiqueta img tengauna altura y un ancho? ¿Para que se utiliza el top? Ejemplifique.

Las palabras reservadas que se utilizan para poner altura y ancho en una imagen son : height y width, respectivamente de la imagen en pixels.

La etiqueta top sirve para darle alineación superior del texto respecto de la imagen.

6. Escriba diez etiquetas que no entienda de su pagina web.

li= item de lista
Input=Define un objeto de ingreso en un formulario.
Form=Para ingreso de datos del usuario en un formulario
ul=Lista no ordenada, con elementos marcados con < LI >
Meta= Metainformación ubicada en HEAD.
p= Retorno de línea, con un espacio.
Option= Opción de selección dentro de un formulario.
Menu=Lista menú.
Href= Dirección del URL local o remoto.
link=Vinculo

7. Haga un mapa conceptual de su página web utilizando las palabras reservadas abriendo y cerrando sus etiquetas que se utilizaron en su pagina html.
< html >indica el inicio de la pagina web

< head >es la cabecera aqui vamos a declarar la plantilla css
< meta http-equiv="content-type" content="text/html; charset=utf-8" />
< title >ADVERTISING by Free Css Templates< /title >ingresa el titulo de la pagina web
< meta name="keywords" content="" / >
< meta name="description" content="" / >
< link href="default.css" rel="stylesheet" type="text/css" / >
< /head >muestra el final de la cabecera
< body >aqui ponemos todo el cuerpo de la pagina web
< div id="header" >crea divisiones en la pagina web
< h1 >cabecera 1 < /h1 >ingresa e titulo de la division
< h2 >cabecera 2 < /h2 >
< /div >
< div id="menu" >
< ul >ingresa una lista de enlaces
< li >< a href="#" class="active" >inicio< /a >< /li >
< li >< a href="#" >link1< /a >< /li >
< li >< a href="#" >link2< /a >< /li >
< li >< a href="#" >link3< /a >< /li >
< li >< a href="#" >link4< /a >< /li >
< /ul >
< /div >
< div id="content" >
< div id="columnA" >
< h2 >titulo 1< /h2 >
< p >texto 1< /p >
< p >texto 2< /p >
< p >texto 3< /p >

< p >texto 4< /p >
< /div >
< div id="columnB" >
< h3 >titulo 2
< /h3 >
< p >texto 5
< /p >
< h3 >titulo 3 < /h3 >
< p >texto 6 < /p >
< h3 >titulo 4 < /h3 >
< p >texto7< /p >
< h3 >titulo 5
< /h3 >
< p >titulo 6< /a >< /p >
< p >< br / >
< /p >
< /div >
< /div >
< div id="footer" >
< p >Copyright © 2006 Sitename.com. Designed by Free CSS Templates >< /a >< /p >
< /div >
< /body >muestra el fin del cuerpo de la pagina
< /html >muestra el fin de la pagina web