Curso HTML básico

<html>
<head>
<title> acá un título</title>
</head>
<body>
<center>
<a href="https://twitter.com/Claudiospik3" class="twitter-follow-button" data-show-count="false" data-lang="es">Sigueme @Claudiospik3</a>


<style type="text/css">
body
{
   background-color: #FFFFFF;
   background-image: url(http://i.imgur.com/XTvEd.gif);
   color: #000000;
}
</style>
<style type="text/css">
a
{
   color: #C8D7EB;
   outline: none;
   text-decoration: underline;
}
a:visited
{
   color: #C8D7EB;
}
a:active
{
   color: #C8D7EB;
}
a:hover
{
   color: #376BAD;
   text-decoration: underline;
}
</style>
<font face='Lucida Sans' color='GREEN' new size='4'>
<h1> H1 es el tipo de letra más grande, y así en asendencia hasta h5</h1><br>
<font face='Lucida Sans' color='blue' new size='4'>
<h2> br es para hacer un salto de línea </h2>
<font face='Lucida Sans' color='red' new size='4'>
<h1><marquee> marquee se utiliza para mover un texto o imagen</marquee></h1>
<font face='Lucida Sans' color='green' new size='4'>
<strong> strong se utiliza para hacer en negritas algo </strong>
<p>
<font face='Lucida Sans' color='yellow' new size='4'>
< p > se utiliza para hacer salto de párrafo
</p>
<br>
<br>
<font face='Lucida Sans' color='orange' new size='4'>
< font face='Lucida Sans' color='GREEN' new size='4' > eso sirve para cambiar el color y tipo de fuente de la letra.<br><br>


Para poner un vínculo, como por ejemplo a twitter: < a href="https://twitter.com/Claudiospik3" class="twitter-follow-button" data-show-count="false" data-lang="es">@Claudiospik3< /a >

Y para poner por ejemplo una imagen se utiliza: < img src="Acá un link de una imagen" alt="acá un texto" width="512" height="374">

<font face='Lucida Sans' color='yellow' new size='4'>
<h2>En síntesis, casi todas las 'etiquetas' se cierran < head> que significa cabeza se cierra con < /head><br>
< body > se cierra con < /body ><br>
< h1 > con < /h1><br>
< br > no se cierra
< img tampoco se cierra
< marquee > si se cierra, con < /marquee ><br>
< p > se cierra con < /p >
</h2>


La index se cierra así<br>
< / body >
< / html >
<font face='Lucida Sans' color='GREEN' new size='4'>
<br>

Para poner música se pone:

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="0" height="0">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
    <param name="bgcolor" value="#FFFFFF" />
    <param name="FlashVars" value="acá el url del audio&amp;autoplay=1" />
</object>

Para poner un background se pone así, en la parte que dice background ( ponen un link de una imagen )
< style type="text/css" >
body
{
   background-color: #FFFFFF;
   background-image: url( acá un link de una imagen);
   color: #000000;
}
< /style >
< style type="text/css" >
a
{
   color: #C8D7EB;
   outline: none;
   text-decoration: underline;
}
a:visited
{
   color: #C8D7EB;
}
a:active
{
   color: #C8D7EB;
}
a:hover
{
   color: #376BAD;
   text-decoration: underline;
}
< /style >
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="0" height="0">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
    <param name="bgcolor" value="#FFFFFF" />
    <param name="FlashVars" value="mp3=http://www.fileden.com/files/2012/10/14/3357191/Molotov%20-%20Gimme%20Tha%20Power.mp3&amp;autoplay=1" />
</object>

<br>
<font face='Lucida Sans' color='yellow' new size='4'>
<br>
<br>
<br>
</body>
<html>