Está en la página 1de 2

¿QUÉ ES HTML?

(Tarea Historia del lenguaje HTML en línea del tiempo)

HTML es el lenguaje que se emplea para el desarrollo de páginas de internet.

Este lenguaje está constituido de elementos que el navegador interpreta y las despliega en la
pantalla de acuerdo a su objetivo.

Para poder crear una página HTML se requiere un simple editor de texto “Bloc de Notas” en su
computadora para almacenar las páginas en forma local, alguno de dichos editores puede ser el
Notepad++ o el Visual Studio Code)

Luego para probar las páginas que desarrolla debe emplear un navegador de internet (Chrome,
Firefox, Safari, Microsoft Edge etc.). (Recuerde que usted está viendo en este preciso momento
una página HTML con su navegador).

Estructura interna de una página HTML.

Las instrucciones HTML están encerradas entre los caracteres mayor que y menor que ej.: < y >.

Muchos elementos HTML requieren una marca de comienzo y otra de finalización. Todo aquello
que está fuera de las marcas del lenguaje se imprime en la pantalla (dentro del navegador).

La estructura básica de una página HTML es:

<!DOCTYPE html>
<html>
<head>
<title>Título de la página</title>
<meta charset="UTF-8">
</head>
<body>
Cuerpo de la página.
</body>
</html>

Una página HTML es un archivo que generalmente tiene como extensión los caracteres html. Por
ejemplo podemos llamar a nuestra primera página con el nombre: pagina1.html

Elementos básicos que toda página HTML debe llevar:

Lo primero es el DOCTYPE que informa al navegador que el contenido siguiente se trata de un


archivo HTML (todos los navegadores modernos analizan la presencia del DOCTYPE)

Luego continúa con la marca:<html> y finaliza con la marca:</html> al final del archivo.

Los fines de marcas tienen el mismo nombre que el comienzo de marca, más el carácter /.
Una página HTML tiene dos secciones muy bien definidas que son la cabecera:

<head>
</head> encabezado de la página

Y el cuerpo de la página:

<body>
Cuerpo de la página.
</body>

En la cabecera es común inicializar el título de la página dentro de las marcas <title></title>. El


título debe hacer referencia al contenido en sí de la página.

Dentro de la cabecera disponemos la etiqueta meta donde definimos la propiedad charset con el
valor UTF-8 que es un formato de caracteres ampliamente empleado en internet (si no
disponemos este formato no podemos disponer caracteres acentuados por ejemplo, más
adelante veremos en profundidad la etiqueta meta): <meta charset="UTF-8">

Todo el texto que dispongamos dentro del <body> aparece dentro del navegador tal cual lo
hayamos escrito. Todas las páginas tiene como mínimo esta estructura: cabecera y cuerpo.

Otra cosa importante es que el lenguaje HTML no es sensible a mayúsculas y minúsculas, es decir
podemos escribirlo como más nos guste, además no requiere que dispongamos cada marca en
una línea. (podríamos inclusive escribir toda la página en una sola línea, cosa que no conviene ya
que somos nosotros quienes tendremos que modificarla en algún momento).

Salto de línea <br>

Para indicarle al navegador que queremos que continúe en la próxima línea debemos hacerlo con el
elemento HTML <br>.

Cuando aparece la marca <br> el navegador continúa con el texto en la línea siguiente. Es uno de
los pocos elementos HTML que no tiene marca de cerrado como habíamos visto hasta ahora.

Implementemos una página que muestre los nombres de distintos lenguajes de programación uno
por línea:

<!DOCTYPE html>
<html>
<head>
<title>Título de la página</title>
<meta charset="UTF-8">
</head>
<body>
PHP<br>
JavaScript<br>
Java<br>
C<br>
C++
</body>
</html>
Problema: Confeccionar una página que muestre los nombres de 5 lenguajes de programación separados por
un guion.

También podría gustarte