HTML elemento Classes
--------------------------------------------------------------------------------------------------------------------------
Permite definir los estilos CSS para las clases de elementos.
Estilos iguales para clases iguales o diferentes estilos para diferentes clases.
<!DOCTYPE html>
<html>
<head>
<style>
.ciudades {
background-color:black;
color:white;
margin:20px;
padding:20px;
}
</style>
</head>
<body>
<div class="ciudades">
<h2>London</h2>
<p> Londres es la capital de Inglaterra. Es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 13 millones de habitantes. </p>
<p> De pie sobre el río Támesis, Londres ha sido un puerto importante durante dos milenios, su historia se remonta a su fundación por los romanos, que la llamaron Londinium. </p>
</div>
</body>
</html>
Londres
Londres es la capital de Inglaterra. Es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 13 millones de habitantesDe pie sobre el río Támesis, Londres ha sido un puerto importante durante dos milenios, su historia se remonta a su fundación por los romanos, que la llamaron Londinium.
PRUEBA DIV CLASS
Elementos Classing Inline
--------------------------------------------------------------------------------------------------------------------------
Es un elemento en línea que puede utilizarse como un contenedor para el texto.
Clasificando <span> hace posible el diseño de estilos iguales por la igualdad de los elementos.<span>
<!DOCTYPE html>
<html>
<head>
<style>
span.red {
color:red;
}
</style>
</head>
<body>
<h1>Mi <span class="red">gallina</span> pone huevos</h1>
</body>
</html>
Mi gallina pone huevos
PRUEBA
Classing Block Elements
-------------------------------------------------------------------------------------
El HTML <div> elemento es un elemento bloque. Se puede utilizar como un contenedor para otros elementos HTML.
El elemento<div>, hace que sea posible definir estilos iguales por la igualdad de <div>
<div class="ciudades">
<h2>Londres</h2>
<p>De pie sobre el río Támesis, Londres ha sido un puerto importante durante dos milenios, su historia se remonta a su fundación por los romanos, que la llamaron Londinium.</p>
</div>
<div class="ciudades">
<h2>Paris</h2>
<p>Paris es la ciudad mas populosa de Francia.</p>
<p>Situada a la orilla del Sena, en cuyo centro hay una isla</p>
<p>Su área metropolitana es uno de las más de Europa, con más de 12 millones de habitantes.</p>
</div>
<div class="ciudades">
<h2>Tokyo</h2>
<p>Tokio es la capital de Japón,
la mayor área metropolitana más poblada del mundo.</p>
<p>Es la sede del gobierno japonés y del Palacio Imperial, y el hogar de la familia imperial japonesa.</p>
<p>La prefectura de Tokio es parte del área metropolitana más poblada del mundo con 38 millones de habitantes y la mayor economía urbana del mundo.</p>
</div>
</body>
</html>
Londres
Londres es la capital de Inglaterra. Es la ciudad más poblada del Reino Unido, con un área metropolitana de más de 13 millones de habitantes
De pie sobre el río Támesis, Londres ha sido un puerto importante durante dos milenios, su historia se remonta a su fundación por los romanos, que la llamaron Londinium.
Paris
Paris es la ciudad mas populosa de Francia.
Paris es la ciudad mas populosa de Francia.
Situada a la orilla del Sena, en cuyo centro hay una isla
Su área metropolitana es uno de las más de Europa, con más de 12 millones de habitantes.
Tokyo
Tokio es la capital de Japón,
Tokio es la capital de Japón,
la mayor área metropolitana más poblada del mundo.
Es la sede del gobierno japonés y del Palacio Imperial, y el hogar de la familia imperial japonesa.
La prefectura de Tokio es parte del área metropolitana más poblada del mundo con 38 millones de habitantes y la mayor economía urbana del mundo.
EJERCICIO 3 AUTORES SPAM
EXTERNAL
HTML
css
INTERNAL
No hay comentarios:
Publicar un comentario