Sexta sesión de html y css
Este es el código que he usado para esto:
<!Doctype html>
<html>
<head lang=es-ES>
<title>Usar columnas</title>
<meta charset=utf-8>
<link type=text/css rel=stylesheet href="Prueba sesión 6.css">
<script>
alert ("Esto es una prueba de html")
</script>
</head>
<body>
<Header>
<h1>Probando columnas</h1>
</Header>
<article>
<h2>Probando cosas en la sesión 6 de informática</h2>
<section><h3>Columna 1</h3>En esta sesión estamos probando a organizar nuestras páginas web de manera que esten organizadas de maneras distintas y no solo estando encima o debajo de otras</section>
<section><h3>Columna 2</h3>No es algo difícil pero al ser uevo hay que probas para ver si lo sabemos hacer bien y así acordarnos de como hacerlo en otras sesiones</section>
<section><h3>Columna 3</h3>Ya veremos como usamos estas nuevas opciones pero de momento ya sabemos poner diferentes columnas para organizar de manera diferente el texto y guardar estas etiquetas en nuestras tablas de etiquetas</section>
</article>
<footer>
<h4>Este es un pequeño pie de página para probar esta función</h4>
</footer>
</body>
</html>
Esto es el css:
h1{text-align: center;
padding: 1cm;
border: solid;
border-color: #47fdfd;
border-width: 1cm;
background-color:#a4fcb2
}
section{
width: 32%;
float:left ;
text-align: justify;
padding: 0.5%;
}
h2{
border: solid;
border-width: 0.3cm;
padding: 0,2cm;
text-align: center;
background-color:#a4fcb2
}
h3{
background-color:#b5fcf1;
text-align: center;
}
h4{
clear:both;
background-color: #a4fcb2;
text-align: center;
}
Comentarios
Publicar un comentario