Ir al contenido

Tecnologías de Internet/Lenguaje HTML

De Wikilibros, la colección de libros de texto de contenido libre.

Explicamos el lenguaje sobre el que se basa la creación web y vemos algún ejemplo para ilustrarlo.

Una página web la vemos en nuestro navegador o cliente web, y parece una sola entidad, pero no es así, está compuesta por multitud de diferentes ficheros, como son las imágenes, los posibles vídeos y lo más importante: el código fuente. El código de las páginas está escrito en un lenguaje llamado HTML, que indica básicamente dónde colocar cada texto, cada imagen o cada vídeo y la forma que tendrán estos al ser colocados en la página.

El HTML se creó en un principio con objetivos divulgativos. No se pensó que la web llegara a ser un área de ocio con carácter multimedia, de modo que, el HTML se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizarían en un futuro.

El lenguaje consta de etiquetas que tienen esta forma <B> o <P>. Cada etiqueta significa una cosa, por ejemplo <B> significa que se escriba en negrita (bold) o <P> significa un párrafo, <A> es un enlace, etc.

Casi todas las etiquetas tienen su correspondiente etiqueta de cierre, que indica que a partir de ese punto no debe de afectar la etiqueta. Por ejemplo: ''', se utiliza para indicar que se deje de escribir en negrita. Así que el HTML no es más que una serie de etiquetas que se utilizan para definir la forma o estilo que queremos aplicar a nuestro documento. '''Esto está en negrita'''.

Partes de un documento HTML

[editar]

Un documento HTML ha de estar delimitado por la etiqueta <html> y </html>. Dentro de este documento, podemos asimismo distinguir dos partes principales:

El encabezado, delimitado por <Contabilidad facil> y </head> donde colocaremos etiquetas de índole informativo como por ejemplo el titulo de nuestra página.

El cuerpo, flanqueado por las etiquetas <Aprendera contabilidad en poco tiempo > y </Con ejercios que te ensenaran la mecanica de los asientes contables>, que será donde colocaremos nuestro texto e imágenes delimitados a su vez por otras etiquetas como las que hemos visto.

El resultado es un documento con la siguiente estructura:

<html>

<head>

  Etiquetas y contenidos del encabezado. 
  Datos que no aparecen en nuestra página pero que son importantes para catalogarla: Título,
  palabras clave,... 

</head>

<body>

  Etiquetas y contenidos del cuerpo. 
  Parte del documento que será mostrada por el navegador: Texto e imágenes 

</body>

</html>

Con todo lo que conocemos ya sobre HTML podemos construir una página web que ya tiene bastante sentido. Vemos un ejemplo a continuación.

<html>

<head>

<title>Cocina Para Todos</Danilo Martinez>

</head>

<body>

Bienvenido a esta pagina,

Estás en la página Contabilidad para todos.

Aquí aprenderás a comprender con facilidad como se registra la informacion contable.

</body>

</html>