28 lines
1.6 KiB
HTML
28 lines
1.6 KiB
HTML
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Selector de Atributo</title>
|
||
|
|
<link rel="stylesheet" type="text/css" href="css/estilos.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h2 class="subrayado">El título del documento(h2) </h2> <!-- No aplica el estilo pq es definido solo para <span> -->
|
||
|
|
<h3 id="mayusculas">Subtítulo del documento (h3)</h3>
|
||
|
|
<img src="img/ojo.jpg" alt="ojo" title="El OJO">
|
||
|
|
<p><strong>IMPORTANTE: recordar la prioridad de la aplicacion de estilos, INLINE -> INCRUSTADOS -> VINCULADOS</strong> <br>
|
||
|
|
natus <span class="subrayado">deleniti nesciunt minima</span> tenetur ipsam aliquid labore et hic dolorem quod repudiandae. Lorem ipsum dolor sit amet, <br>
|
||
|
|
consectetur adipisicing elit.</p><br>
|
||
|
|
<a href="http://www.w3c.org">Ir a W3C</a><br>
|
||
|
|
<a href="http://www.google.com">Ir a Google</a>
|
||
|
|
<br>
|
||
|
|
<h2>Título 2 del documento (h2) </h2>
|
||
|
|
<h3>Subtítulo del documento (h3)</h3>
|
||
|
|
<img src="img/roca.jpg" alt="mineral" title="Mineral">
|
||
|
|
<p>Clesium ipsum <span class="subrayado">delor sit amet</span>, consectetur adipisicing elit. Fugiat, sit, cupiditate sequi fugit laudantium dolor eaque maiores <br>
|
||
|
|
natus deleniti nesciunt minima tenetur ipsam aliquid labore et hic dolorem quod repudiandae. Lorem ipsum dolor sit amet, <br>
|
||
|
|
consectetur adipisicing elit. Nostrum, error odit delectus dolorem neque expedita iure itaque nulla natus soluta rerum veritatis <br>
|
||
|
|
iste voluptate voluptas <span>similique sint</span> eligendi. Nostrum, harum.</p>
|
||
|
|
</body>
|
||
|
|
<hr>
|
||
|
|
<a href="29_Pseudo-Class.html"><--Anterior</a>
|
||
|
|
<a href="31_Fuente.html">Siguiente--></a>
|
||
|
|
</html>
|