Skip to main content

Programación HTML: Conceptos Básicos (Parte 1)

html_img

El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento.

Un documento hipertexto no sólo se compone de texto, puede contener imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia.

Los documentos HTML deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web).
Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a los usuarios las páginas web resultantes del código interpretado.

A lo largo de este tema vamos a aprender a crear una página básica.

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

<html>
<head>

</head>
<body>

</body>
</html>

Ahora veamos cómo funcionan estas etiquetas.

Identificador del tipo de documento <html>

Todas las páginas web escritas en HTML tienen que tener la extensión html o htm. Al mismo tiempo, tienen que tener las etiquetas <html> y </html>.

Entre las etiquetas <html> y </html> estará comprendido el resto del código HTML de la página.

Por ejemplo:
<html>

</html>

Cabecera de la página <head>

La cabecera de la página se utiliza para agrupar información sobre ella, como puede ser el título.
Está formada por las etiquetas <head> y </head>. La etiqueta <head> va justo debajo de la etiqueta <html>.

Por ejemplo:

<html>
<head>

</head>

</html>

Entre las etiquetas <head> y </head>, las etiquetas que podemos encontrar y que más se utilizan son: <link>, <style>, <script> (estas etiquetas las veremos más adelante),
<meta> y la etiqueta <title> que te explicamos a continuación.

Título de la página <title>

El título de la página es el que aparecerá en la parte superior de la ventana del navegador, cuando la página esté cargada en él.

Para asignar un título a una página es necesario escribir el texto deseado entre las tiquetas <title> y </title>.

Estas etiquetas han de estar dentro de la cabecera, es decir, entre las etiquetas <head> y </head>.

Por ejemplo:

<html>
<head>
<title>
Curso de HTML
</title>
</head>

</html>

Vamos a empezar con la primer página, para ello sigue las siguientes instrucciones atentamente; ellas te permitirán crear un documento HTML.

En un editor de textos, por ejemplo el block de notas, pegua el siguiente texto

<HTML>
<HEAD>
<TITLE>Ejemplo 1 – Mi primera pagina Web</TITLE>
</HEAD>
<BODY>
<CENTER><H1>Mi primera pagina Web</H1></CENTER>
<HR>

Esta es mi primera página, aunque todavía es muy sencilla. <BR>Como el lenguaje HTML no es difícil, pronto estaré en condiciones de hacer cosas más interesantes.
<P> Aquí va un segundo párrafo. </P>
</BODY>
</HTML>

Guardar este archivo con el nombre: ejemplo1.html y abrirlo desde un navegador (Interner explorer, chrome entre otros)

¡Dejános un comentario!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Un comentario en “Programación HTML: Conceptos Básicos (Parte 1)