jueves, 1 de marzo de 2012

Convertir un documento en HTML

Para convertir un documento cualquiera en html, busqué uno referente a la música:

Historia de la música

La Historia de la música es el estudio de las diferentes tradiciones en la música y su ordenación en el tiempo.
Dado que toda cultura conocida ha tenido alguna forma de manifestación musical, la Historia de la música abarca a todas las sociedades y épocas, y no se limita, como ha venido siendo habitual, a occidente, donde se ha utilizado la expresión historia de la música para referirse a la historia de la música Europea y su evolución en el mundo occidental.
  • Autófonos: aquellos que producen sonidos por medio de la materia con la que están construidos, son instrumentos de percusión, hueso contra piedra por ejemplo.
  • Membranófonos: serie de instrumentos más sencillos que los construidos por el hombre. Tambores: hechos con una membrana tirante, sobre una nuez de coco, un recipiente cualquiera o una verdadera y auténtica caja de resonancia.
  • Cordonos: de cuerda, el arpa.
  • Aerófonos: el sonido se origina en ellos por vibraciones de una columna de aire. Uno de los primeros instrumentos: la "flauta" en un principio construida con un hueso con agujeros. Pop (1950-2000)

Mundo anglófono

Michael Jackson (1958-2009)
Madonna (1958-)
Britney Spears (1981-)
Coldplay (1996-actualidad)




 ver página






Para convertirlo se elige un editor de texto, yo elegí "Notepad++".

  • Luego agarramos el texto de nuestro documento y lo copiamos dentro del elemento <body>.
  • Para que no nosquede todo pegado utilizamos el elemento <p> para los saltos de línea.
  • En los encabezados se utiliza los elementos <h1>.....<h6> dependiendo de la importancia del texto, en el caso de un título utilizo <h1>.
  • Para las listas se utilizan tres elementos: ol , ul, li.
  • En la imagen agregamos la ubicación donde la tenemos guardada con el elemento <img src="ubicación" alt="nombre" />
  • Por ultimo el enlace a otra página lo ponemos así= < a href=" direccción"> ver página </a>
  • Podemos validar nuesto código colocando <!DOCTYPE html> antes de <html> y utilizando  W3C (World Wide Web Consortium).
  • Aquí les dejo mi documento convertido en html


<!DOCTYPE html>
<html>
  <head>
    <title>Hola Mundo en HTML</title>
    <meta charset="utf-8" />
  </head>
  <body>
  <h1>Historia de la música</h1> 
   <p>La Historia de la música es el estudio de las diferentes tradiciones en la música y su ordenación en el tiempo.</p>


<p>Dado que toda cultura conocida ha tenido alguna forma de manifestación musical, la Historia de la música abarca a todas las sociedades y épocas, y no se limita, como ha venido siendo habitual, a occidente, donde se ha utilizado la expresión historia de la música para referirse a la historia de la música Europea y su evolución en el mundo occidental.</p>
 <ul>


<li>  Autófonos: aquellos que producen sonidos por medio de la materia con la que están construidos, son instrumentos de percusión, hueso contra piedra por ejemplo. </li>


<li>  Membranófonos: serie de instrumentos más sencillos que los construidos por el hombre. Tambores: hechos con una membrana tirante, sobre una nuez de coco, un recipiente cualquiera o una verdadera y auténtica caja de resonancia. </li>


<li>  Cordonos: de cuerda, el arpa. </li>


<li>  Aerófonos: el sonido se origina en ellos por vibraciones de una columna de aire. Uno de los primeros instrumentos: la "flauta" en un principio construida con un hueso con agujeros.
Pop (1950-2000) </li>


</ul>


<h2> Mundo anglófono </h2>


   <p> Michael Jackson (1958-2009)</p>
   <p> Madonna (1958-)</p>
    <p>Britney Spears (1981-)</p>
   <p> Coldplay (1996-actualidad)</p>
   
   <img src="musica.jpg" alt="arroba"/>
   <a href ="http://www.trisfera.com/camp/"> ver página </a>

 </body>
</html>


Alguna recomendaciones que puedo mencionar es cuando se trata de encabezados y utilizamos el elemento <h1> no es necesario utilizar <p> ya que <h1> el mismo hace el salto de linea, al igual sucede cuando utilizamos listas con <li>.