Continuación html.
El dia de hoy se aclararon algunas dudas por parte de los estudiantes.
A continuación, unos ejemplos que realicé en html, en los que también entra un poco de css.
El siguiente ejemplo son dos formas para colocar audio en una página web.
<html>
<head>
<title>Ejemplo Música</title>
</head>
<body>
<EMBED SRC="direcciondelacancion.extensión" AUTOSTART=true LOOP=infinite VOLUME="80" WIDTH="0" HEIGHT="0">
<audio controls="" src="direcciondelacancion.extensión">
</body>
</html>
El siguiente es una prueba de la etiqueta <marquee>
<!DOCTYPE html>
<html>
<head>
<title> Clase 26 de Julio</title>
</head>
<body>
<font face="Impact" color="Scarlet">
<marquee behavior="scroll">Ejemplo</marquee>
<marquee behavior="slide">Ejemplo</marquee>
<marquee behavior="alternate">Ejemplo</marquee>
<marquee bgcolor=yellow>Ejemplo</marquee>
<marquee direction="right">Ejemplo</marquee>
<marquee direction="up">Ejemplo</marquee>
<marquee direction="down">Ejemplo</marquee>
<MARQUEE LOOP=1>Ejemplo 1 vez</MARQUEE>
<MARQUEE SCROLLDELAY=2 SCROLLAMOUNT=500 >hola</MARQUEE>
</font>
<p>HOLA <sup>como</sup> <sub>estas?</sub></p>
<hr>
<table border="10px">
<caption><font face="Impact" color="#00FF00"> Titulo de la tabla</caption>
<tr>
<td colspan="3">Celda 1 y 2</td>
<td rowspan="5">Celda 3</td>
<td>Celda 4</td>
</tr>
<tr>
<td>Celda 5</td>
<td>Celda 6</td>
<td>Celda 7</td>
</table>
</body
</html>
El siguiente ejercicio es un código para repasar listas y otros códigos (y un poco de css).
Ejercicio 2
<!DOCTYPE html>
<html lang="es-ES">
<head>
<meta charset="UTF-8">
<title>Ejercicio - Listas de enlaces</title>
<style>
a:link {color:red;}
a:hover {color:green; text-decoration:none;}
a:visited {color:purple;}
a:active {color:lime;}
body{background:yellow; font-family:verdana;}
h1{color:orange; font-size:20px; text-align:center;}
li{font-size:15px;}
</style>
</head>
<body>
<h1>Listas de enlaces</h1>
<ul>
<li>Buscadores</li>
<ul>
<li><a href="http://www.bing.com/" target="_blank">Bing</a></li>
<li><a href="http://www.google.com/" target="_blank">Google</a></li>
</ul>
<li>Redes sociales</li>
<ul>
<li><a href="http://www.facebook.com/" target="_blank">Facebook</a></li>
<li><a href="http://www.twitter.com/" target="_blank">Twitter</a></li>
</ul>
</ul>
</body>
</html>
Publicar un comentario