martes, 25 de abril de 2017

SELECTORES AVANZADOS



EJEMPLO DE PLANILLA SITUANDO EL PUNTERO DEL MOUSE SOBRE ÉL CAMBIA A COLOR AMARILLO.




<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Ejemplo de selectores avanzados</title>
<style>
table {
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

table, tr, th, td {
  border: 1px solid #333;
  line-height: 2em;
}

th {
  background-color: #F5F5F5;
  padding: 0 .5em;
}

td {
  padding: 0 .3em;
}

th.euro {
  background: #E6F3FF url(imagenes/euro.png) no-repeat left center;
  padding: 0 .3em 0 1.2em;
}

th.dolar {
  background: #E6F3FF url(imagenes/dolar.png) no-repeat left center;
  padding: 0 .3em 0 1.2em;
}

th.libra {
  background: #E6F3FF url(imagenes/libra.png) no-repeat left center;
  padding: 0 .3em 0 1.2em;
}

th.yen {
  background: #E6F3FF url(imagenes/yen.png) no-repeat left center;
  padding: 0 .3em 0 1.2em;
}

tr:nth-child(n+1) td {
  text-align: right;
}

tr:nth-child(2n) {
  background-color: #FFFFCC;
}

tr:hover {
  background: #FFFF66;
}
</style>
</head>
<body>
<table>
  <tr>
    <th>Cambio</th>
    <th>Compra</th>
    <th>Venta</th>
    <th>Máximo</th>
    <th>Mínimo</th>
  </tr>
  <tr>
    <th class="euro">Euro/Dolar</th>
    <td>1.25</td>
    <td>1.25</td>
    <td>1.25</td>
    <td>1.24</td>
  </tr>
  <tr>
    <th class="dolar">Dolar/Yen</th>
    <td>119.01</td>
    <td>119.05</td>
    <td>119.82</td>
    <td>119.82</td>
  </tr>
  <tr>
    <th class="libra">Libra/Dolar</th>
    <td>1.86</td>
    <td>1.86</td>
    <td>1.86</td>
    <td>1.85</td>
  </tr>
  <tr>
    <th class="yen">Yen/Euro</th>
    <td>0.67</td>
    <td>0.67</td>
    <td>0.66</td>
    <td>0.67</td>
  </tr>
</table>
</body>
</html>

SELECTORES




Presentación de una página web






<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML &amp; CSS: Curso práctico avanzado</title>
<style>
h2:first-letter {
  font-size: 2em;
}

h2 + p {
  text-indent: 2em;
}

a:before {
  content: "→ ";
}

abbr:after {
  content: " (" attr(title) ")";
  font-style: italic;
}
</style>
</head>
<body>
<h1>HTML &amp; CSS: Curso práctico avanzado</h1>

<h2>Datos del libro</h2>

<ul>
<li>Título: <a href="http://publicacionesaltaria.com/es/tienda/
112-html-css-curso-practico.html">HTML &amp; CSS: Curso
 práctico avanzado</a></li>
<li>Autor: <a href="http://sergiolujanmora.es/">Sergio Luján Mora
</a></li>
<li>Editorial: Publicaciones Altaria</li>
<li>Año de publicación: 2015</li>
<li>ISBN: 978-84-944049-4-8</li>
</ul>


<h2>Descripción del libro</h2>

<p>
Aunque los inicios de <a href="https://es.wikipedia.org/wiki/Internet">
Internet</a> se remontan a los años sesenta, no ha sido hasta los 
años noventa cuando, gracias a la <a href="https://es.wikipedia.
org/wiki/World_Wide_Web">Web</a>, se ha extendido su uso
 por todo el mundo. En pocos años, la <a href="https://es.wikip
edia.org/wiki/World_Wide_Web">Web</a> ha evolucionado en
ormemente: se ha pasado de páginas sencillas, con pocas imág
enes y contenidos estáticos que eran visitadas por unos pocos 
usuarios a páginas complejas, con contenidos dinámicos que p
rovienen de bases de datos y que son visitadas por miles de u
suarios al mismo tiempo.
</p>

<p>
Todas las páginas están internamente construidas con la misma
 tecnología, con el Lenguaje de marcas de hipertexto <abbr title=
"Hypertext Markup Language">HTML</abbr> y con las Hojas de 
estilo en cascada <abbr title="Cascading Style Sheets">CSS</a
bbr>.
</p>

<p>
Este libro es adecuado para cualquiera que tenga interés en
 aprender a desarrollar sus propias páginas web. No son nec
esarios conocimientos previos para aprender con este libro, lo
 único que es necesario es saber utilizar un ordenador y saber 
navegar por la <a href="https://es.wikipedia.org/wiki/World_Wid
e_Web">Web</a>.
</p>


<h2>Contenido del libro</h2>

<p>
El contenido de este libro se estructura en tres apartados bien
 diferenciados:
</p>

<ul>
<li>En la primera parte del libro se trabajan conceptos generale
s que son necesarios para poder desarrollar páginas web; se
 explican conceptos de estructura física y estructura lógica (o
 estructura de navegación) de un sitio web. Se detalla cómo in
fluye la estructura física en las <abbr title="Uniform Resource 
Locator">URL</abbr> o direcciones que se emplean a la hora
 de crear los enlaces de un sitio web. Pasando por el concepto 
de "estándar web", un término general que se emplea para refe
rerirse a los estándares que define su funcionamiento como H
TML y CSS, empleados para el desarrollo de las páginas web 
en el lado del cliente.</li>

<li>En la segunda parte se trabaja HTML. Partiendo de la est
ructura básica de una página web, se explican las etiquetas de
 HTML que se utilizan para definir el texto, los enlaces, las li
stas, las tablas, los formularios y los elementos multimedia.</li>

<li>En la tercera y última parte se explica CSS, el lenguaje que
 se emplea para definir el formato y la presentación de una página
 web. Se explica cómo utilizar el color, cómo definir la presentación 
del texto, de las tablas y de los formularios; cómo realizar
 transformaciones y transiciones con el fin de diseñar una página
 web.</li>
</ul>
</body>
</html>

lunes, 24 de abril de 2017

Reglas Css parte 3



Ejemplo de reglas Css, menú que siga las siguientes órdenes:

  • En su estado normal, un enlace se muestra de color rojo y sin subrayado (propiedad text-decoration).
  • Cuando el usuario sitúa el cursor del ratón sobre un enlace, se invierten los colores (el texto del enlace se muestra con color blanco sobre un fondo rojo) y se muestra el subrayado.
  • Cuando un enlace está activo, se muestra de color naranja.
  • Cuando un enlace ha sido visitado, se muestra de color verde oscuro.
  • Cuando un enlace tiene el foco del teclado, se muestra de color azul y se muestra el subrayado.






<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Ejercicio de selectores</title>
<style>
a {
  color: #F00;
  text-decoration: none;
}

a:visited {
  color: #0A0;
}

a:hover {
  color: #FFF;
  background-color: #F00;
  text-decoration: underline;
}

a:focus {
  color: #00F;
  text-decoration: underline;
}

a:active {
  color: #F60;
  background-color: #FFF;
}
</style>
</head>
<body>
<h1>Universidad de Alicante</h1>

<ul>
<li><a href="">Presentación</a></li>
<li><a href="">Estudios</a></li>
<li><a href="">Alumnos</a></li>
<li><a href="">Deportes</a></li>
<li><a href="">Servicios</a></li>
</ul>
</body>
</html>





Reglas CSS Parte 2



Cómo se llega a esta imagen

html







<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Ejercicio de selectores</title>
<style>
/* También se podría haber hecho con clases */
#fila1 {color: teal;}
#fila2 {color: red;}
#fila3 {color: blue;}
#fila4 {color: orange;}
#fila5 {color: purple;}
#fila6 {color: olive;}
#fila7 {color: fuchsia;}
#fila8 {color: green;}

/* Segunda columna */
td + td {background-color: red;}

/* Tercera columna */
td + td + td {background-color: green;}

/* Cuarta columna */
td + td + td + td {background-color: blue;}
</style>
</head>
<body>
<table border="1">
<trid="fila1"><td>teal</td><td>teal</td><td>teal</td><td>teal</td></tr>
<trid="fila2"><td>red</td><td>red</td><td>red</td></tr>
<trtd>red</td></tr>
<tr id="fila3"><td>blue</td><td>blue</td><td>blue</td><td>blue</td></tr>
<trid="fila4"><td>orange</td><td>orange</td><td>orange</td></tr>
<trtd>orange</td></tr>
<tr id="fila5"><td>purple</td><td>purple</td><td>purple</td><td>purple</td></tr>
<trid="fila6"><td>olive</td><td>olive</td><td>olive</td></tr>
<trtd>olive</td></tr>
<tr id="fila7"><td>fuchsia</td><td>fuchsia</td><td>fuchsia</td></tr>
<trtd>fuchsia</td></tr>
<tr id="fila8"><td>green</td><td>green</td><td>green</td><td>green</td></tr>
</table>
</body>
</html>





SELECTORES - REGLAS CSS - Parte 1



Ejemplo de selectores para las reglas CSS para aplicar los estilos deseados



<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Ejercicio de selectores</title>
<style>
/* Todos los elementos de la pagina */
*
{
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}

/* Todos los parrafos de la pagina */
p
{
  color: #555;
}

/* Todos los párrafos contenidos en #primero */
#primero p
{
  color: #369;
}

/* Todos los enlaces la pagina */
a
{
  color: #C30;
}

/* Los elementos <em> contenidos en #primero */
#primero em
{
  color: #0000BB;
  background-color: #FFFFCC;
}

/* Todos los elementos <em> con la clase "especial" 
en toda la pagina */
em.especial
{
  color: #FFFF00;
  background: #000000;
}

/* Todos los elementos <span> contenidos en la clase
 "normal" */
.normal span
{
  font-weight: bold;
}
</style>
</head>
<body>

<div id="primero">
<p>
<a href="http://publicacionesaltaria.com/es/tienda/
112-html-css-curso-practico.html">HTML &amp; CSS:
 Curso práctico avanzado</a>
</p>

<p>
Aunque los inicios de <a href="https://es.wikipedia.org/wiki/Internet">
Internet</a> se remontan a los años sesenta, no ha sido hasta 
los años noventa cuando, gracias a la Web, se ha extendido su
 uso por todo el mundo. En pocos años, la Web ha evolucionado
 enormemente: se ha pasado de páginas sencillas, con
 pocas imágenes y contenidos estáticos que eran visitadas
 por unos pocos usuarios a <em>páginas complejas, con
 contenidos dinámicos que provienen de bases de datos y que
 son visitadas por miles de usuarios al mismo tiempo</em>.
</p>
</div>

<div id="segundo" class="normal">
<p>
Todas las páginas están internamente construidas con la
 misma tecnología, con el <em class="especial">Lenguaje
 de marcas de hipertexto</em> (<span>Hypertext Markup
 Language</span>, <a href="https://es.wikipedia.org/wiki/HTML">
HTML</a>) y con las <em class="especial">Hojas de estilo 
en cascada</em> (<span>Cascading Style Sheets</span>, 
<a href="https://es.wikipedia.org/wiki/CSS">CSS</a>).
</p>

<p>
Este libro es <em>adecuado para cualquiera que tenga interés
 en aprender a desarrollar sus propias páginas web</em>. 
No son necesarios conocimientos previos para aprender con 
este libro, lo único que es necesario es saber utilizar un 
ordenador y saber navegar por la Web.
</p>
</div>

</body>
</html>







miércoles, 19 de abril de 2017

El padre de CSS


En octubre de 1994, Håkon Wium Lie, mientras trabajaba en el CERN junto con Tim Berners-Lee, propuso un lenguaje de hojas de estilo para definir la presentación visual de las páginas web. 

Él no fue el único en proponer un lenguaje de hojas de estilo, pero su propuesta fue la que finalmente fue adoptada como el estándar CSS por el W3C.

Fichero CSS



Ejemplo de trabajo práctico para crear un fichero CSS

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML &amp; CSS: Curso práctico avanzado</title>
<link href="estilos.css" rel="stylesheet" />
</head>
<body>
<h1>HTML &amp; CSS: Curso práctico avanzado</h1>

<h2>Datos del libro</h2>

<ul>
<li><span>Título:</span> HTML &amp; CSS: Curso práctico avanzado</li>
<li>Autor:<span>Autor:</span> Sergio Luján Mora</li>
<li><span>Editorial:</span> Publicaciones Altaria</li>
<li><span>Año de publicación:</span> 2015</li>
<li>ISBN:<span>ISBN:</span> 978-84-944049-4-8</li>
</ul>


<h2>Descripción del libro</h2>

<p>
Aunque los inicios de Internet<strong>Internet</strong> se remontan a los años sesenta, no ha sido hasta los años 
noventa cuando, gracias a la Web<strong>Web</strong>, se ha extendido su uso por todo el mundo. En pocos años, la Web<strong>Web</strong> ha evolucionado enormemente: se ha pasado de páginas 
sencillas, con pocas imágenes y contenidos estáticos que eran
 visitadas por unos pocos usuarios a páginas complejas, con
 contenidos dinámicos que provienen de bases de datos y que
 son visitadas por miles de usuarios al mismo tiempo.
</p>

<p>
Todas las páginas están internamente construidas con la misma
 tecnología, con el Lenguaje de marcas de hipertexto (<em>Hypertext Markup Language, HTML</em>) y con las Hojas de estilo en cascada (<em>Cascading Style Sheets, CSS</em>).
</p>

<p>
Este libro es adecuado para cualquiera que tenga interés en 
aprender a desarrollar sus propias páginas web. No son necesarios
 conocimientos previos para aprender con este libro, lo único
 que es necesario es saber utilizar un ordenador y saber navegar
 por la Web<strong>Web</strong>.
</p>


<h2>Contenido del libro</h2>

<p>
El contenido de este libro se estructura en tres apartados bien
 diferenciados:
</p>

<ul>
<li>En la primera parte del libro se trabajan conceptos generales 
que son necesarios para poder desarrollar páginas web; se explican
 conceptos de estructura física y estructura lógica (o estructura 
de navegación) de un sitio web. Se detalla cómo influye la estructura
 física en las URL<em>URL</em> o direcciones que se emplean a la hora de crear los enlaces 
de un sitio web. Pasando por el concepto de "estándar web", 
un término general que se emplea para refererirse a los estándares 
que define su funcionamiento como HTML y CSS<em>HTML</em> y <em>CSS</em>, empleados para el desarrollo de las páginas web en el lado del
 cliente.</li>

<li>En la segunda parte se trabaja HTML<em>HTML</em>. Partiendo de la estructura básica de una página web, se 
explican las etiquetas de HTML<em>HTML</em> que se utilizan para definir el texto, los enlaces, las listas, las 
tablas, los formularios y los elementos multimedia.</li>

<li>En la tercera y última parte se explica CSS<em>CSS</em>, el lenguaje que se emplea para definir el formato y la presentación
 de una página web. Se explica cómo utilizar el color, cómo 
definir la presentación del texto, de las tablas y de los formularios; 
cómo realizar transformaciones y transiciones con el fin de
 diseñar una página web.</li>
</ul>
</body>
</html>

/******************************/
/* Escribe aquí el código CSS */
/******************************/body {
color: #00F; background-color: #CFC; font-family: Georgia, Cambria, serif;
font-size: 16px; } h1 { color: #F00; font-family: Verdana, Calibri, sans-serif; font-size: 32px; } h2 { color: #A00; font-family: Verdana, Calibri, sans-serif; font-size: 24px; } span { color: #060; } strong { font-size: 20px; } em { color: #FFF; background-color: #000; }

Etiqueta link

 Ejemplo de etiqueta link

<!DOCTYPE HTML>
<html>

<head>
<meta=charset="utf-8" />
<title>Erase una vez HTML</title>

<link href="miestilo.css" rel="stylesheet" type="text/css"/>

</head>

<body>
<h1>Erase una vez HTML</h1>

<h2>El padre</h2>

<p>El padre de la Web, <strong>Tim Berners-Lee</strong>, es también el padre del lenguaje, <em>Hypertext Markup Language</em>.</p>

<h2>La Estandarización</h2>

<p>El lenguaje HTML está estandarizado por el W3C, el <em>World Wide Web Consortium</em>.</p>

<p>La versión actual de HTML es la 5, aunque no está completada.</p>

<p>Se espera que esté terminada en el <strong>año 2014</strong>.</p>

</body>

</html>





Y ESTE ES EL ARCHIVO DE MIESTILO.CSS

body{
background-color: #CCC;
color: #333;}

h1,h2 {font-family: Georgia;}

h1 {font-size: 3em;}

h2 {font-size; 2em;}

p {font-family: Arial, Helvetica, Sans Serif;}





CONCLUSIÓN: ESTA ES UNA MANERA MUY SIMPLE DE EVITAR EL FAMOSO ACOPLAMIENTO ENTRE HTML Y CSS





Etiqueta style




Ejemplo de uso de etiqueta style



<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML &amp; CSS: Curso práctico avanzado</title>
<style>
body {
color: #00F; background-color: #CFC; font-family: Georgia, Cambria, serif;
font-size: 16px; } h1 { color: #F00; font-family: Verdana, Calibri, sans-serif; font-size: 32px; } h2 { color: #A00; font-family: Verdana, Calibri, sans-serif; font-size: 24px; } span { color: #060; } strong { font-size: 20px; } em { color: #FFF; background-color: #000; } </style>
</head> <body> <h1>HTML &amp; CSS: Curso práctico avanzado</h1> <h2>Datos del libro</h2> <ul> <li><span>Título:</span> HTML &amp; CSS: Curso práctico avanzado</li> <li>Autor:<span>Autor:</span> Sergio Luján Mora</li> <li><span>Editorial:</span> Publicaciones Altaria</li> <li><span>Año de publicación:</span> 2015</li> <li>ISBN:<span>ISBN:</span> 978-84-944049-4-8</li> </ul> <h2>Descripción del libro</h2> <p> Aunque los inicios de Internet<strong>Internet</strong> se remontan a los años sesenta, no ha sido hasta los años
 noventa cuando, gracias a la Web<strong>Web</strong>, se ha extendido su uso por todo el mundo. En pocos años, la Web<strong>Web</strong> ha evolucionado enormemente: se ha pasado de páginas
 sencillas, con pocas imágenes y contenidos estáticos que eran 
visitadas por unos pocos usuarios a páginas complejas, 
con contenidos dinámicos que provienen de bases de datos 
y que son visitadas por miles de usuarios al mismo tiempo.
</p>

<p>
Todas las páginas están internamente construidas con la misma
 tecnología, con el Lenguaje de marcas de hipertexto (<em>Hypertext Markup Language, HTML</em>) y con las Hojas de estilo en cascada (<em>Cascading Style Sheets, CSS</em>).
</p>

<p>
Este libro es adecuado para cualquiera que tenga interés 
en aprender a desarrollar sus propias páginas web. No son 
necesarios conocimientos previos para aprender con este
 libro, lo único que es necesario es saber utilizar un ordenador 
y saber navegar por la Web<strong>Web</strong>.
</p>


<h2>Contenido del libro</h2>

<p>
El contenido de este libro se estructura en tres apartados bien
 diferenciados:
</p>

<ul>
<li>En la primera parte del libro se trabajan conceptos
 generales que son necesarios para poder desarrollar páginas
 web; se explican conceptos de estructura física y estructura
 lógica (o estructura de navegación) de un sitio web. Se detalla
 cómo influye la estructura física en las URL<em>URL</em> o direcciones que se emplean a la hora de crear los enlaces
de un sitio web. Pasando por el concepto de "estándar web", 
un término general que se emplea para refererirse a los estándares 
que define su funcionamiento como HTML y CSS<em>HTML</em> y <em>CSS</em>, empleados para el desarrollo de las páginas web en el lado 
del cliente.</li>

<li>En la segunda parte se trabaja HTML<em>HTML</em>. Partiendo de la estructura básica de una página web, se
 explican las etiquetas de HTML<em>HTML</em> que se utilizan para definir el texto, los enlaces, las listas, 
las tablas, los formularios y los elementos multimedia.</li>

<li>En la tercera y última parte se explica CSS<em>CSS</em>, el lenguaje que se emplea para definir el formato y la
 presentación de una página web. Se explica cómo utilizar el color,
 cómo definir la presentación del texto, de las tablas y de los
 formularios; cómo realizar transformaciones y transiciones 
con el fin de diseñar una página web.</li>
</ul>
</body>
</html>

Learning CSS



Ejemplo del trabajo práctico






<meta charset="utf-8">
<title>HTML &amp; CSS: Curso práctico avanzado</title>


<h1>HTML &amp; CSS: Curso práctico avanzado</h1>

<h2>Datos del libro</h2>

<ul>
<li>Título:style="color: #F00; font-family: Verdana, Calibri, sans-serif; font-size:
32px;">HTML &amp; CSS: Curso práctico avanzado</h1> <h2 style="color: #A00; font-family: Verdana, Calibri, sans-serif; font-size:
24px;">Datos del libro</h2> <ul> <li><span style="color: #060;">Título:</span>
HTML &amp; CSS: Curso práctico avanzado</li> <li>Autor:<span style="color: #060;">Autor:</span> Sergio Luján Mora</li> <li><span style="color: #060;">Editorial:</span> Publicaciones Altaria</li> <li><span style="color: #060;">Año de publicación:</span> 2015</li> <li>ISBN: 978-84-944049-4-8</li> </ul> <h2>Descripción del libro</h2> <p> Aunque los inicios de Internet<span style="color: #060;">ISBN:</span> 978-84-944049-4-8</li> </ul> <h2 style="color: #A00; font-family: Verdana, Calibri, sans-serif; font-size:
24px;">Descripción del libro</h2> <p> Aunque los inicios de <strong><span style="font-size: 20px;">Internet</span>
</strong>
se remontan a los años sesenta, no ha sido hasta los años 
noventa cuando, gracias a la Web<strong><span style="font-size: 20px;">Web</span></strong>, se ha extendido su uso por todo el mundo. En pocos años, la Web<strong><span style="font-size: 20px;">Web</span></strong> ha evolucionado enormemente: se ha pasado de páginas sencillas, 
con pocas imágenes y contenidos estáticos que eran visitadas por
 unos pocos usuarios a páginas complejas, con contenidos 
dinámicos que provienen de bases de datos y que son visitadas
 por miles de usuarios al mismo tiempo.
</p>

<p>
Todas las páginas están internamente construidas con la misma
 tecnología, con el Lenguaje de marcas de hipertexto (<em><span style="color: #FFF; background-color: #000;">Hypertext Markup Language, HTML</span></em>) y con las Hojas de estilo en cascada (<em><span style="color: #FFF; background-color: #000;">Cascading Style Sheets, CSS</span></em>).
</p>

<p>
Este libro es adecuado para cualquiera que tenga interés en
 aprender a desarrollar sus propias páginas web. No son 
necesarios conocimientos previos para aprender con este libro,
 lo único que es necesario es saber utilizar un ordenador y saber 
navegar por la Web.
</p>


<h2<strong><span style="font-size: 20px;">Web</span></strong>.
</p>


<h2 style="color: #A00; font-family: Verdana, Calibri, sans-serif; font-size:
24px;"
>Contenido del libro</h2> <p> El contenido de este libro se estructura en tres apartados bien 
diferenciados:
</p>

<ul>
<li>En la primera parte del libro se trabajan conceptos generales 
que son necesarios para poder desarrollar páginas web; 
se explican conceptos de estructura física y estructura lógica
 (o estructura de navegación) de un sitio web. Se detalla cómo
 influye la estructura física en las URL<em><span style="color: #FFF; background-color: #000;">URL</span></em> o direcciones que se emplean a la hora de crear los enlaces de 
un sitio web. Pasando por el concepto de "estándar web", 
un término general que se emplea para refererirse a los estándares
 que define su funcionamiento como HTML y CSS<em><span style="color: #FFF; background-color: #000;">HTML</span></em> y
<em><span style="color: #FFF; background-color: #000;">CSS</span></em>
, empleados para el desarrollo de las páginas web en el lado 
del cliente.</li>

<li>En la segunda parte se trabaja HTML<em><span style="color: #FFF; background-color: #000;">HTML</span></em>. Partiendo de la estructura básica de una página web, se explican
 las etiquetas de HTML<em><span style="color: #FFF; background-color: #000;">HTML</span></em> que se utilizan para definir el texto, los enlaces, las listas, las
tablas, los formularios y los elementos multimedia.</li>

<li>En la tercera y última parte se explica CSS<em><span style="color: #FFF; background-color: #000;">CSS</span></em>, el lenguaje que se emplea para definir el formato y la
 presentación de una página web. Se explica cómo utilizar
 el color, cómo definir la presentación del texto, de las tablas
 y de los formularios; cómo realizar transformaciones y transiciones
 con el fin de diseñar una página web.</li>
</ul>