Web.HTML.¿Por donde empiezo?.

¿Que es HTML?

De la siglas Hyper Text Markup Language, que traducido al lenguaje de los seres humanos viene a decir algo así como Lenguaje de Marcas de Hiper Texto.

Es la base, los cimientos, la estructura, el plano principal de cualquier página web.

Un pequeño ejemplo de como se estructura cualquier página web:

<!DOCTYPE html>
<html>
<head>
<title>Mi sitio</title>
</head>
<body>
<h1>Encabezado</h1>
<p>Párrafo.</p>
</body>
</html>

¿Que es todo esto?

  • <!DOCTYPE html> Define un documento HTML5.
  • <html> y </html> Es la primera etiqueta que se debe poner en cualquier documento HTML. Todo parte de aquí.
  • <head> y </head> Información acerca del documento HTML, como por ejemplo el idioma, mapa de caracteres..etc.
  • <title> y </title> Título del documento. Lo que se ponga entre estas dos etiquetas es lo que aparecerá en la pestaña del navegador.
  • <body> y </body> El cuerpo del documento, es decir, todo lo que se ponga entre estas dos etiquetas es lo que se visualizará en el navegador.
  • <h1> y </h1> Encabezados de textos y títulos.
  • <p> y </p> Párrafos de textos.

Etiquetas.

Toda instrucción en HTML se hacen mediante etiquetas. Éstas normalmente vienen emparejadas, con una etiquete de apertura y de cierre.

<etiqueta de apertura> Contenido </etiqueta de cierre> # Todas las etiquetas deben estar entre corchetes. La única diferencia entre la apertura y el cierre es que ésta última, lleva una barra invertida.

Comentarios.

Algo muy importante en cualquier lenguaje de programación son los comentarios. Puede pasar que hace tiempo que se ha hecho un programo y no se recuerde como se hizo, o porqué se hizo tal cosa...etc. Los comentarios pueden ayudar mucho para orientar al programador el porqué de las cosas y así entenderlo mejor. Un ejemplo de cómo se debe insertar comentarios en HTML:

<!DOCTYPE html>
<html>
<body>
<!-- Esto es un comentario -->
<p>Párrafo de texto.</p>
<!-- Se puede hacer comentarios en varias líneas 
para poder explicar cualquier cosa
aunque sea muy largo, mientras que está entre estas etiquetas -->
</body>
</html>

Continúa por Etiquetas Básicas.

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.