Empezando con HTML desde cero

Aunque esto ya te resulte tan familiar que lo hagas de memoria, aunque pienses... ¡esto ya lo se yo!, que estoy seguro que si, de todos modos no va mal recordarlo, o pensar también en todas las personas que esto les suena a chino, además yo soy del parecer que las casas se empiezan por los cimientos no por el tejado así que aquí te dejo las etiquetas o tags imprescindibles para crear un código en HTML:

 <html>
   <head>
 Aquí se ubica el contenido de la cabecera
   </head>
   <body>
 Aquí se ubica el contenido del cuerpo
   </body>
 </html>

Un documento HTML se divide en dos bloques, la cabecera llamada <head> o header y el cuerpo llamado <body>

Lo primero que debes indicar es que el texto que estás creando es un documento HTML:

 <html>
 Aquí se ubican el <head> y el <body>
 </html>

Lo segundo que introducirás será la cabecera del documento HTML que estás creando, recuerda que a partir de ahora todo irá en medio de las etiquetas <html> que acabas de ver, quedando el código de la siguiente manera:

 <html>
   <head>
 Aquí se ubica el contenido de <head>
   </head>
 </html>

Lo tercero que introducirás será el cuerpo del documento HTML.

Como puedes observar dentro del <html> quedan bien diferenciados dos bloques, primero el <head> y luego el <body>, quedando el código de la siguiente manera:

 <html>
   <head>
 Aquí se ubica el contenido de <head>
   </head>
   <body>
 Aquí se ubica el contenido del <body>
   </body>
 </html>

Visto esto, voy a pasar a explicar el contenido del <head>, aunque de momento como adelanto te dejaré solo la etiqueta del <head> que es visible a la hora de ejecutar el código:

 <html>
   <head>
     <title>
 Aquí se ubica el título del blog
     </title>
   </head>
   <body>
 Aquí se ubica el contenido del <body>
   </body>
 </html>

Quedando el código de la siguiente manera:

 <html>
   <head>
       <title>
 Aquí se ubica el título del blog
       </title>
   </head>
   <body>
 Aquí se ubica el contenido del <body>
   </body>
 </html>

El contenido de <title> es lo que ves como título de la ventana en el navegador. Es como se ve tu blog en algunos buscadores y en los favoritos (bookmarks) de los usuarios cuando te agregan.
También es donde tú en el panel de control de tu blog en La Coctelera escribes el título.

Al contenido de este post, todavía no puedes darle uso en tu blog si eres de La Coctelera ya que esta plataforma viene ya con el HTML por defecto y no modificable hasta cierto punto, pero cuando lleguemos al contenido del <body> cambiará la cosa, ya que todo lo que escribas en el Sobre mi, siempre y cuando guardes previamente se agregará al contenido del <body> por defecto de la Coctelera, de esto hablaremos dentro de muy poco.

De todos modos aunque no lo utilices, esto te servirá para saber de la manera que está estructurado tu blog.

En cambio así sería como empezarías un blog si en lugar de ser una plataforma como La Coctelera que te ofrece un espacio en la red y la herramienta para crear tu blog, fuera un dominio propio, en el que tu crearías tu propio código HTML desde 0 y lo subirías al servidor o utilizarías una plataforma de creación de blogs que permita la modificación completa del HTML.

De todos modos vamos a probarlo sino, ¿qué gracia tiene?
Para los que aún os preguntáis ¿dónde se escribe el HTML?, os diré que hay miles de editores, pero si no conocéis ninguno podéis utilizar el bloc de notas, es muy cutre pero muy válido.

Ejemplo nº1

Este va a ser el ejemplo que voy a seguir con lo aprendido en el post de hoy, quedando el código de la siguiente manera:

 <html>
   <head>
       <title>
 Curso Online en The Refuseniks
      </title>
   </head>
   <body>
 Un curso de HTML, CSS y algo de Javascript pero eso sí, para principiantes eh?, no os vayáis a creer que soy un gurú en el tema.
   </body>
 </html>

Ejemplo nº1Haz clic aquí para ver el resultado de este ejemplo y una vez que lo tengas abierto, en esa ventana haces clic derecho y ver código fuente, verás que es exactamente lo mismo que tienes escrito aquí encima.

Referencia bibliográfica:
DESCUBRE HTML 4 de: PHILLIPS, ANNE
Editorial: PRENTICE HALL
ISBN: 978-84-8322-132-7
NIVEL USUARIO: Intermedio
Un libro que no me canso de leer y de aprender de él

Avisos para los comentarios

Control parental:
Todo comentario con lenguaje inapropiado, obsceno, que utilice palabras abusivas o que ofenda a otras personas será eliminado

Aviso tópico:
Por favor, enriquece este post enviando tus comentarios, no hagas spam e intenta que sean relevantes con el contenido del mismo, si no es así seran eliminados

Posts relacionados:

Tags: curso html, html, head, body, title

servido por Sir Refusenik 10 comentarios compártelo