Reporte
de practica 11
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 11 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>
<style type="text/css">
.navbar{
list-style-type: none;
padding:0;
margin:0;
FLOAT="left";
margin-right:20px;
margin-bottom:900px;
}
LI{
background: white;
margin: 0.5em 0;
padding: 0.3em;
border-right: 1em
solid black;
text-decoration: none;
a:link { color: blue; }
a:visited {color: purple; }
</style>
<BODY>
<ul class="navbar">
<li><a href="paginaprincipal.html">Pagina
principal</a></li>
<li><a href="altas.html">Altas</a></li>
<li><a href="bajas.html">Bajas</a></li>
<li><a href="modificaciones.html">Modificaciones</a></li>
<li><a href="Consultas.html">Consultas</a></li>
</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”, Times, serif }
<style type="text/css">
h1 { Font-family:Helvetica,
Geneva, Arial,SunSans-Regular, sans-serif }
</style>
</style>
</body>
</body>
</body>
</html>
Primero
se abre la etiqueta html para poder empezar a trabajar en ella. Despues se
declara style type=”text/css” que
nos permitirá realizar la hoja de estilo.
list-style-type: none; Nos
indica que vamos a abrir una lista en la pagina; a continuación sus propiedades
con estilo:
FLOAT="left"; nos
permite que el flotador (la lista) es te un determinado lugar en este caso
izquierda.
margin-right:20px;
aquí se asigna el valor en pixeles del margen derecho.
background: white; aquí indica que el fondo de la lista
será blanco
border-right:
1em solid black; indica que el borde derecho de la lista será
negro
Así queda la pagina:
Conclusión:
Se necesita delcara <style-css:”text/css” para poder
iniciar el estilo de la pagina, despues se le asignan las diferentes propiedades
que se requieran declarar para la pagina.
No hay comentarios:
Publicar un comentario