Reporte
de practica 10
Nombre
del alumno: José Antonio Del Ángel Mateos
Grupo:
604-INFO.
Docente:
Lic. Gisela Gutiérrez Lugo.
Nombre de la practica:
Establecer apariencia del texto y de la letra en las páginas web con código
HTML.
Propósito: Definir
propiedades con código HTML, que permitan establecer la apariencia del texto y
de la letra utilizada.
En la práctica 10 se tiene que
elaborar una página en la cual se hace el uso de hojas de estilo la página
contiene el siguiente código:
<html>
<head>
</head>
<title>
Uso de
</title>
<body>
<ul>
<li><a href="paginaprincipal.html">Pagina principal</a>
<li><a href="altas.html">Altas</a>
<li><a href="bajas.html">Bajas</a>
<li><a href="modificaciones.html">Modificaciones</a>
<li><a href="Consultas.html">Consultas</a>
</ul>
<p><h1>Uso de herramientas aplicaciones web</h1></p>
<p>¡En este ejemplo haremos uso de hojas de estilo en cascada!</p>
<p>¡Daremos formato al texto y a los enlaces!</p>
<p>Esta Página no cuenta con imágenes, pero contiene enlaces, aunque no te lleven a ningún sitio…</p>
<p>Debería haber más cosas aquí, pero es suficiente para lo que necesitamos ejemplificar</p>
<style type="text/css">
body { color: blue }
body { background-color: #F3F781 }
body { font-family: Georgia,"times new roman, arial}
<style type="text/css">
h1 { Font-family:Helvetica, Geneva, Arial,SunSans-Regular, sans-serif }
</style>
</style>
</body>
</body>
</body>
</html>
Primero se hace una lista, se
define de que tipo va a ser la lista y luego los enlaces que llevará con la
etiqueta “a href”. Después se inserta un titulo con la etiqueta “h1”, por
último se agrega el texto que llevará la página.
Ahora insertaremos los estilos, se
define de qué tipo de estilo utilizaremos que será igual a “text/css”,
aplicaremos estilo a través del selector “body”:
body { color: blue } aqui indica el color de la letra de la pagina.
body { background-color: #F3F781 } en esta etiqueta el color del fondo de la pagina.
body { font-family: Georgia,"times new roman, arial} Aqui se establece el tipo de
letra de la pagina.
<style type="text/css"> Se abre otra etiqueta para aplicar el estilo al encabezado.
h1 { Font-family:Helvetica, Geneva, Arial,SunSans-Regular, sans-serif }.
Conclusión:
Para poder aplicar el estilo
a toda la hoja se utiliza el selector –body-, el cual se manda a llamar al
insertar color al fondo de la pagina, también para el tipo de letra y color del
mismo, al igual que el estilo del encabezado, estas etiquetas si necesitan
cierre.
oye envia el codigo de css
ResponderEliminar