Seeker of joy

¿ QUE ES HTML?

HTML, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), 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, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.¹

HTML también es usado para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).

ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML

Todos los documentos Html tienen la estructura que se muesta a continuación, aunque la etiqueta <body> puede ser sustituida por <frameset> para un tipo de páginas que dividen la ventana del navegador en varios cuadros (frames).


<HTML>



    <HEAD>

        <TITLE>Título de la página</TITLE>
        ...
    </HEAD>

    <BODY>

  Aquí iría el contenido de la  página
  

  </BODY>
</HTML>

2 opciones para escribir el código HTML

La primera (y esta NO la recomiendo) es usar un programa como Dreamweaver de Adobe, la segunda es utilizar un editor de texto. Yo recomiendo la segunda opción, tanto para escribir HTML como CSS, porque un editor de texto da mucho más control sobre el código, además usar un programa como Dreamweaver no te dejará aprender la forma correcta de escribir HTML.

Todos los archivos HTML son sólo texto, así que necesitas una aplicación que te permita escribir texto plano (sin agregar un monton de formatos).

A continuación veremos cuales son los editores básicos que debes usar, ya sea que estés en Windows, Mac o Linux.

Extensión:

.html

INSTRUCCIÓN HTML PARA INSERTAR IMÁGENES

Dónde insertar la imagen.

Si creamos la línea de código Html en cualquier parte dentro del Body, ésta aparecerá allí, en cualquier parte. Al principio uno de los problemas que vas a tener es no saber en qué parte del código Html insertar la línea de código correspondiente a un elemento para conseguir que aparezca donde deseas, verdad?

Pues bien, una imagen puede insertarse o bien dentro de un párrafo, es decir, entre palabras, como este ejemplo y sin que el párrafo se corte, o bien como una línea independiente. En ambos casos es aconsejable meterla en un párrafo, a pesar de que sea la imagen lo único que haya en esa línea, es decir, siempre encerrada entre <p> y </p>.

Código Html para insertar una imagen

Para insertar una imagen, se coloca el siguiente código:<img src="ruta/imagen.gif" width="XXpx" height="YYpx" alt="descripcion de la imagen">

Como ves, este es uno de los pocos casos en los que no hay etiqueta de cierre, es decir, no se pone </img>. Recuérdalo, oki? Las imágenes nunca tienen etiqueta de cierre. A lo sumo se indica el cierre en la misma línea colocando una contrabarra al final, así: ..... alt="descripcion de la imagen" />