2loogic.com Software Libre { Blog + Foros + Ranking }

Top Right Link Text
{ Curso de HTML/XHTML }
1.6180339... soy perfecto.


Curso de HTML y/o XHTML cap1 – Introducción al HTML.

Prólogo

El HTML es el lenguaje básico de toda la web, es el que genera las paginas web. En este curso explicaremos desde lo más básico hasta lo más complejo de este lenguaje.

Bienvenido al Curso de HTML/XHTML de TecnologiasLibres.net, este curso, como cualquier otro, requiere de conocimientos previos los cuales son:

  1. Saber Escribir en una computadora (así es, usar el teclado).
  2. Ganas de aprender.

Y esperamos que una vez finalizado el curso hayas aprendido a :

  1. Crear Paginas web con un mínimo de calidad.
  2. Estar preparado para aprender otras tecnologías web más avanzadas como puede ser el CSS o Javascript, PHP etc…
  3. Que ayas disfrutado el aprender esta tecnología.

Cualquier duda, no dudes en dejar un comentario! en este blog :D , además me puedes contactar por twitter.

Introducción

Vamos a crear nuestra primera pagina web, para eso es necesario abrir un editor de texto plano (como puede ser el bloc de notas en windows o el gedit en GNU/Linux) y escribimos los siguiente:

1
2
3
4
5
6
7
8

<html>

  <head>
    <title>Yo soy el titulo<title>
  </head>
  <body>
    Y yo soy la pagina web en si
  </body>

</html>

ahora guardamos el archivo como index.html (si estamos en windows es necesario guardarlo como ‘index.html’ con comillas simples) y listo tenemos nuestra primera pagina web. Si la abres se debería ver más o menos así

Ya ahora explicaremos nuestra 1º pagina web linea por linea, si no logras entender todo no desesperes, puedes dejarme un comentario

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

 
<html> <- esta es la etiquete de apertura de una pagina web

 
  <head> <-- etiqueta de apertura de la cabezera de la web, aqui va información como las hojas de estilo y propiedades de la pagina
 
    <title>Yo soy el titulo<title> <-- esto es el titulo, que se muestra en la barra del navegador
 
  </head> <--- cierre de la etiqueta head

 
  <body> <-- apertura de body todo lo que este adentro de esta etiqueta "es la pagina web en si"
 
    Y yo soy la pagina web en si <--- contenido de la pagina web
 
  </body> <--- cierre de la etiqueta body
 

</html> <-- cierre de la etiqueta html, termina la pagina web

Post Relacionados

feed ¿Quieres leer más artículos como éste? ¡Suscríbete!



This entry was posted on Tuesday, January 13th, 2009 at 05:10 and is filed under Uncategorized. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

29 Responses to “Curso de HTML y/o XHTML cap1 – Introducción al HTML.”

  1. Loretooooo on January 12th, 2009 at 05:19

    Si quieren aprender a no tener una web como stallman , sigan este curso :)

  2. x on January 12th, 2009 at 05:41

    claro! quien necesita saber html cuando existe el maravilloso flash :D
    maldito flash !!!
    sigan estándares

  3. lujoya on January 12th, 2009 at 06:49

    Vas a escribir un curso completo sobre html? Me parece buena idea :)

  4. Eduardo on January 12th, 2009 at 06:58

    @lujoya, sip :P

  5. Novatilla en Apuros on January 12th, 2009 at 13:12

    Creo que voy a seguir tu curso,,a ver si aprendo algo,que bien me vendrá,jeje..
    Esta noche prometo practicar un poco.
    Un saludo ;-)

  6. fugazi on January 12th, 2009 at 13:31

    yo tambien me apunto para aprender.
    Pero por favor, hay que ir con buena ortografía
    HOJA es con H ;)

    saludos!

  7. Eduardo on January 12th, 2009 at 17:07

    @fugazi, gracias por el detalle, corregido, atentos chicos se nos viene el 2º capitulo

  8. Novatilla en Apuros on January 13th, 2009 at 07:07

    Que chulada!!jajajja,,he hecho la pagina que se llama “Pagina de sku” y el texto:Hola,hola,caracola,jajajja..La primera pagina que hago!
    Me gusta el curso,jam,,lo pienso seguir ;-)

  9. Eduardo on January 13th, 2009 at 07:21

    había borrado sin querer este post y de pasada borre los comentarios :( . El post lo puede restablecer los comentarios no, disculpa!!

  10. Novatilla en Apuros on January 13th, 2009 at 07:25

    No,problem!!,,lo que me chocaba era que donde se te habia metido la segunda parte!,jajaja,,por que se veian las respuestas de una segunda parte y los de la primera no.Aissss,,estos ordenadores locos,jajaja..

  11. Eduardo on January 13th, 2009 at 07:27

    Ordenadores locos nada, usuarios medios tontos aveces, como este caso, pero me voy a meter a la base de datos, creo que los podre recuperar :D

  12. Eduardo on January 13th, 2009 at 07:33

    recuperados!!!

  13. Carlos Sánchez on January 13th, 2009 at 08:34

    Que tal a todos!!
    Q bueno esto de los tutos HTML!! El HTML fue mi primer amor allá a principios de siglo XD… lo tengo un poco abandonado… A ver si me apunto en este… Saludos a todos!!

  14. Gómez Hyuuga on January 13th, 2009 at 17:02

    :) muy buen curso o lo que va de él, lo seguiré haber si aprendo algo XD., muchas gracias.
    Saludos!

  15. Curso para aprender HTML / XHTML on January 17th, 2009 at 01:30

    [...] Introducción al HTML [...]

  16. Jesus Ballesteros on January 20th, 2009 at 12:32

    Estoy siguiendo tu curso… Gracias a novatilla…..XD

  17. erasmo on January 20th, 2009 at 14:40

    Nopalitux me habia platicado de este sistema de cursos, es muy buena la idea.Voy a seguir tu curso. Saludos

  18. Javier on January 20th, 2009 at 20:23

    Hola yo hice lo ke decias en tu primer ejemplo… mi sisema operativo es windows vista. quizas no importe pero a mi personalmentwe no me resultó.me gustaria saber que es lo que pude hacer mal. gracias e igual mente enhorabuena por tu site.

  19. Eduardo on January 21st, 2009 at 03:20

    es posible que este guardándolo como index.html.txt usa las comillas para forzarlo a que no use .txt y nos cuentas

  20. bsod » Blog Archive » [Tutoriales & HowTo's] Cursos HTML - XML - PHP on January 21st, 2009 at 09:58

    [...] I y II de un curso de HTML / [...]

  21. gregmir on February 24th, 2009 at 18:58
    Usando Mozilla Firefox Mozilla Firefox 3.0.6 sobre Windows Windows XP

    hice todo lo que dice que hay que hacer y hasta lo guarde con las comillas y nada de nada, lo force a abrir con el explorer y lo que salio la ventana del explorador mostrandome lo que escribi en el block con la dirección donde lo guarde. pero no me muestra la pagina con lo escrito.

    Que debo corregir????

    Ah y la idea del curso es fantastica, en especial para el que no sabe nada de nada.

  22. Eduardo on February 24th, 2009 at 20:26
    Usando Mozilla Firefox Mozilla Firefox 3.0.5 sobre Ubuntu Linux Ubuntu Linux

    @gregmir debes renombrarlo para que se llame ALGO.html posiblemente en este momento se llame ALGO.html.txt debido a que windows oculta las extensiones por defecto

  23. Tato on March 2nd, 2009 at 15:44
    Usando Mozilla Firefox Mozilla Firefox 3.0.6 sobre Windows Windows XP

    LA Verdad , Quiero montar mi Blog , asique esto me Servira mucho :D
    Salu2!

  24. Arsen Hartzler® on March 4th, 2009 at 20:52
    Usando Mozilla Firefox Mozilla Firefox 3.0.6 sobre Windows Windows XP

    ¬¬ mmm…holas a todos!!! y wueno hice todo lo q decia el primer ejemplo pero me pasa = q gregmir…q hice mal?? y buena la idea del cursito este.. enserio lo necesito…xD!!!

  25. Eduardo on March 4th, 2009 at 21:15
    Usando Mozilla Firefox Mozilla Firefox 3.0.5 sobre Ubuntu Linux Ubuntu Linux

    @Arsen que extraño a ver te parece si te pasas un día por el chat y te ayudo http://chat.forosdesl.com/

  26. diana on May 10th, 2009 at 20:10
    Usando Mozilla Firefox Mozilla Firefox 3.0.10 sobre Windows Windows XP

    no entiendo,dice que vaya al blog de notas,ok.cuando escribi eso no diho ni guardar ni en dodne guardar casi nada porfavor dimelo mas calro

  27. gregonew2703 on July 27th, 2009 at 17:42
    Usando Internet Explorer Internet Explorer 7.0 sobre Windows Windows XP


    Curso para aprender HTML / XHTML

  28. Rafa on September 18th, 2009 at 12:40
    Usando Mozilla Firefox Mozilla Firefox 3.0.14 sobre Ubuntu Linux Ubuntu Linux

    voy a empezar con el curso, sólo comentarte que en el apartado 3 de los objetivos, “ayas” es con h, por si lo quieres corregir.

  29. santaella on November 12th, 2009 at 12:02
    Usando Internet Explorer Internet Explorer 7.0 sobre Windows Windows XP

    Saludos, soy instructor de XHTML en la Academia de Software Libre, Venezuela, Fundacite Estado Guárico. Solo quería expresarte ¡Fecilitaciones! y yo me estoy apoyando en este material, de manera que les di esta dirección a los estudiantes para que participen. Es una actividad que deben cumplir como complemento no presencial. Gracias por tu aporte didáctico/tecnológico

Leave a Reply