RSS

Tutorial de HTML 1

11 Jun

Aprendieno lo Basico


Nota:

Antes que nada quiero aclarar que no soy ningún master o pro del HTML, pero conozco lo básico y se con que defenderme e igualmente si no sabes nada algo aprenderás

Que necesito?

  1. La pc
  2. Un navegador(firefox, iexplore)
  3. Ganas de aprender

Que es el lenguaje/código html?

El lenguaje o código html según la wikipedia es

es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto

Se invento originalmente para que las universidades pudiera enviar datos científicos entre ellas, aunque existió antes una versión similar usada por militares de estados unidos, se rige por medio de elementos que son los que se encargan de decirle al navegador que hacer y van en medio de etiquetas o tags <un ejemplo> una para indicar la acción o elemento a ejecutar y otra con / para indicar el termino de la misma.

Comencemos

primero hagamos un documento de texto(botón derecho del mouse nuevo) ponganle el nombre que quieran eso en este momento no importa

Ahora abranlo y ponganle al inicio que es para indicar donde empieza el documento y que es donde termina, todo lo que queramos poner en nuestro documento html salvo el doctype debe ir en medio de esas 2 etiquetas, si se les hace algo difícil la lectura del documento de texto, busquen la opción de formato y activen el ajuste de linea, ahora le dan en guardar como y cuando lo vayan a guardar, ponganle .html al final del archivo y lo guardan en donde quieran, (para todos mis ejemplos los haré en el escritorio de windows) y listo ya tiene su primer documento html.

Creando el titulo del documento

Si abren el documento saldrá todo en blanco, lo segundo a crear es el titulo ahora vamos a crearle un titulo, es el que aparece en la barra de titulo o en las pestañas del navegador, al documento que creamos lo abrimos otra vez con el bloc de notas ponemos el elemento “title” yo le puse <title>un ejemplo de titulo que se ve así ya que tenemos el titulo de nuestra pagina web, el tag del titulo es lo que va entre que va en medio de los elemenots de <body> y <html>

El elemento “body” o cuerpo

Falta ponerle el cuerpo que es donde se va todo el texto del documento
escribimos <body> y al final </body> para terminar, ojo como ya dije antes el tag de cierre osea </body> debe de estar antes de del tag de </html> ahora ponemos algún texto que queramos (como ya dije entre <body> </body>) su texto debería estar mas o menos así

<html>
<title>un ejemplo de titulo</title>
<body>
Aqui haciendo un tutorial sobre el html
</body>
</html>

le damos en guardar y abrimos la pagina y ya esta. Luego haré mas tutos como encabezados, roll-overs etc

Anuncios
 
4 comentarios

Publicado por en 11 junio, 2010 en Del Blog, Internet, tutorial html

 

Etiquetas: , , , , , , , , ,

4 Respuestas a “Tutorial de HTML 1

  1. trisantelmo

    12 junio, 2010 at 4:22 AM

    Creo que te falta aunque no se si es obligatorio ponerlo en un doc. de html

     
    • trisantelmo

      12 junio, 2010 at 4:25 AM

      siento el doble post pero no aparece >.> eran las etiquetas “head”

       
  2. James a.k.a. The Gunter

    12 junio, 2010 at 4:47 AM

    Sí se ique me faltaron varios como el <head> más lo tags de <font color/face>, <hr>, <bg color>, <table>, <p>, <li>, <code>, <embed> etc. pero los pienso poner en los tutos siguentes, esto que puse es primeramente para que se tenga un documento html(muy simplon pero es html al fin de cuentas) ya en los demas tutos los iré poniendo, tambien se puede hacer documentos html en word, pero para aprender los tags y elemntos nada mejor que el viejo bloc de notas 😄

     
  3. WBA

    17 junio, 2011 at 4:00 AM

    OK!!

     

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

 
A %d blogueros les gusta esto: