Etiquetas

Mostrando entradas con la etiqueta Estilos. Mostrar todas las entradas
Mostrando entradas con la etiqueta Estilos. Mostrar todas las entradas

lunes, 7 de noviembre de 2016

Ejercicio de Todo

<html>
<head>
<title>Alan Walker</title>
<link href="estilos.css" rel="stylesheet"type=text/css"/>
</head>
<body>
<h1>Alan Walker</h1>
<p>Es un DJ noruego nacido en 1997</p>
<img src="Alan walker foto.jpg"/>
<h2>Integrantes del Grupo</h2>
<ul>
<li>Alan Walker</li>
</ul>
<p>Pertenece a una "asociación" de DJ's llamada NCS (NO  COPYRIGHT SOUND)</p>
<h2>TEMAS</h2>
<table width="80%" border="1" align="center">
<caption>Grandes exitos de Alan Walker</caption>
<tr>
<th>Año</th>
<th>Tema</th>
</tr>
<tr>
<td>2014</td>
<td>Fade</td>
</tr>
<tr>
<td>2015</td>
<td>Faded</td>
</tr>
<tr>
<td>2016</td>
<td>Sing me to sleep</td>
</tr>
</table>

<h1>Sitio web oficial</h1>

<p>www.alanwalkermusic.no</p>
</body>
</html>

CSS

th
{
background-color:fff000;
}
td
{
background-color:#7FFF00;
}
table
{
border-color:#BLACK;
}

lunes, 24 de octubre de 2016

Ejercicio Estilo Básico II



<html>
<head>
<title>Estilos</title>
<link href="estilos2.css"rel="stylesheet" type="text/css"/>
</head>
<body>
<h1>Estilos basicos</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel lacus leo. Suspendisse

accumsan lorem nec arcu dictum elementum. Nulla luctus in nulla at malesuada. Quisque non magna

nec est facilisis eleifend. Nulla facilisi. Donec vel molestie odio, nec fringilla urna.

Pellentesque vitae eros ligula. Aliquam ornare felis vitae nunc sodales, ut mattis neque

imperdiet. Etiam vestibulum lorem venenatis, convallis tellus at, mattis dui. Ut eros turpis,

mollis id eros eget, dignissim euismod risus. Quisque venenatis eget sem et suscipit.</p>

<h2>Estilos básicos 2</h2>
<p class=”miparrafo”>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel lacus leo.

Suspendisse accumsan lorem nec arcu dictum elementum. Nulla luctus in nulla at malesuada. Quisque

non magna nec est facilisis eleifend. Nulla facilisi. Donec vel molestie odio, nec fringilla

urna. Pellentesque vitae eros ligula. Aliquam ornare felis vitae nunc sodales, ut mattis neque

imperdiet. Etiam vestibulum lorem venenatis, convallis tellus at, mattis dui. Ut eros turpis,

mollis id eros eget, dignissim euismod risus. Quisque venenatis eget sem et suscipit.</p>
</body>
</html>

CSS

body
{
font-family:Tahoma;
background-color:#00FFFB;
}
h1
{
font-size:30px;
color:#FF0006;
border-bottom-style:solid;
border-bottom-color:#FF7A0C;
}
p
{
font-size:12px;
}
.miparrafo
{
color:#FFFF05
}