5. Etiqueta div¶
<div class=""> </div>La etiqueta div permite asignar un estilo a una sección, es decir un conjunto grande de bloques, dentro del documento HTML.
Por ejemplo, asigna un color diferente a todo el texto que esté en la cabecera de una página web.
Ejercicio¶
Fichero css-div.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | <!doctype html>
<html>
<head>
<title> Etiqueta div </title>
<link rel="stylesheet" type="text/css"
href="css-div.css" >
</head>
<body>
<h1> Etiqueta div </h1>
<p>
La etiqueta "div" permite agrupar varias
etiquetas en un sólo bloque y aplicarles un
estilo común a todas ellas.
</p>
<div class="estilo1">
<p>Periféricos de entrada</p>
<ul>
<li>Ratón</li>
<li>Teclado</li>
</ul>
</div>
<div class="estilo2">
<p>Periféricos de salida</p>
<ul>
<li>Impresora</li>
<li>Monitor</li>
</ul>
</div>
</body>
</html>
|
Fichero css-div.css
Resultado¶
