Introducción a Html - Tutorial TerritorioPc.com

¿Qué es Html?

Cuando te sientas delante del ordenador, te conectas a Internet y escribes una dirección en tu navegador, lo que recibes a través del módem son una serie de códigos (tags) junto con el texto y las imágenes de la página web.

Basándose en esos tags, tu navegador 'construye' la página web en tu ordenador.

A este conjunto de tags que se utiliza para crear páginas web se le llama HTML

Por ejemplo: Si una página web contiene la frase 'Hola a todos' centrada, lo que tú recibirías a través del módem sería algo parecido a esto:

<center> Hola a todos </center>

Fíjate que la frase 'Hola a todos' aparece entre <center> y </center>. El primero es el que activa el centrado mientras que el segundo lo desactiva. Es decir, que todo lo que esté entre ambos, aparecerá automáticamente centrado en la página.

Si has trabajado con WordPerfect, verás que el método es muy parecido.

Es cierto que existen muchos programas que pueden crearte una página web de una forma tan sencilla como cuando escribes un texto en un procesador de textos, por ejemplo FrontPage o Hot Meta.

Estos programas te pueden facilitar mucho la creación de páginas web hasta el punto de que no es necesario que aprendas nada de html. Sobre todo si te vas a limitar a crear páginas web muy sencillas.

Por otro lado ¿esperas tener muchos visitantes en tu página? ¿quieres que tu página sea atractiva? Ten en cuenta que estos programas no pueden hacerlo absolutamente todo y, en el fondo, ellos también trabajan el código html

Seguramente, cuando hayas terminado tu página utilizando FrontPage u otro programa parecido te gustará realizar algunas modificaciones o retoques.

¿Qué tal si quieres añadir alguna rutina en JavaScript que te han pasado y que te han dicho que tiene que ir antes de <body> (un código html)? Realizar todos estos pasos te será muy difícil si no tienes conocimientos (al menos básicos) de html

Tanto si piensas crear tus páginas web artesanalmente (a mano) como si piensas utilizar un programa que te cree automáticamente las páginas, es altamente recomendable que conozcas qué es html y, al menos, sus partes básicas. Solo así podrás 'dominar' tus páginas al 100%

Por otra parte, no todos los navegadores reconocen todos los comandos html. Existen comandos que solo 'entienden' los navegadores Netscape y otros que son 'entendidos' por 'Internet Explorer' por ejemplo. Supongo que habrás visto muchos mensajes en páginas web del tipo 'Optimizado para Netscape' o 'Pulsa aquí si utilizas Internet Explorer'

Si utilizas FrontPage (de Microsoft) ten por seguro que las páginas que vas a obtener como resultado están preparadas para que puedan verse bien en Internet Explorer (que también es de Microsoft), pero no estarán optimizadas para Netscape, con lo que millones de internautas que utilizan este navegador podrían tener problemas al cargar algunas partes de tus páginas.

Adquiriendo conocimientos de html podrás solucionar este tipo de problemas, ya que tú tienes el control ...

¿Dónde se crea una página Html? Puedes utilizar cualquier procesador de texto sencillo (Block de notas de Windows, Edit del ms-dos, etc.). No intentes utilizar procesadores de texto del tipo de Word o WordPerfect, ya que estos procesadores añaden a los documentos muchos códigos e información propios que un navegador no iba a ser capaz de entender.

Otro punto muy importante es que los documentos que crees nuevos deben tener la extensión .html ó .htm. Esto es muy importante, ya que, si utilizas el bloc de notas de Windows, cuando guardes el documento automáticamente se le asignará la extensión .txt, a menos que tú le indiques lo contrario (si no has entendido nada de lo comentado en este párrafo, quizás fuera recomendable que aprendieras algo de Windows antes de comenzar este Tutorial, puedes consultar territoriopc.com

La estructura de un documento Html consta de las siguentes partes:

<html>

<head>

<title> Aquí va el título de la página </title>

</head>

<body>

...

Aquí va el cuerpo de la página

...

</body>

</html>

Si te fijas solo aparecen los siguientes elementos: <html>, <head>, <title> y <body>. Estos son los cuatro más importantes, ya que son los que siempre deben aparecer en un documento html:

<html> Indica que lo que va a comenzar es una página html. Fíjate que, al final del todo, aparece </html>, que es donde termina el documento
<head> Marca el comienzo de la cabecera. Podemos indicar aquí el título de la página y otros elementos muy interesantes que veremos más adelante.
<title> Va siempre dentro de <head> ... </head>. Lo que escribas entre <title> y </title> es lo que aparecerá en la barra de títulos de la ventana del navegador
<body> Entre los elementos <body> y <body> aparece todo el cuerpo de la página, es decir, toda la información, imágenes, enlaces, etc. que aparecerán en la página.

Veamos en la práctica un pequeño ejemplo de documento Html.

<html>

<head>

<title> Esta es mi primer documento HTML </title>

</head>

<body>

Esto es solo una prueba de creación de un documento html

</body>

</html>

Créalo en cualquier procesador de textos sencillo (tal como comentamos antes). Luego guárdalo en el disco con el nombre que quieras, pero recuerda que la extensión debe ser .htm ó .html

Fíjate en las dos únicas frases que se han escrito en el texto:

Este es es mi primer documento HTML está incluido en <title>. Esto significa que la frase aparecerá en la parte superior de la ventana del navegador, en la barra de títulos
Esto es solo una prueba de creación de HTML esta frase es la que aparecerá en el interior de la ventana del navegador

Para comprobarlo carga el documento en tu navegador simplemente haciendo un doble clic sobre su nombre

Normalmente, los navegadores tienen una opción que te permite modificar el documento HTML. Esta opción suele aparecer en el menú 'Ver' (en la parte superior de la ventana del navegador). Dentro de ver busca una opción llamada ´codigo fuente', 'origen de la página', 'HTML' o algo parecido (depende del navegador que uses). Esto hará que se abra otra ventana en la que puedes modificar el documento directamente.

La mejor forma de asimilar lo que has visto en este capítulo es creando muchas páginas. Así que prueba tu mismo a crear varias páginas, cada una con títulos y contenidos distintos. Utiliza frases cortas, ya que lo importante es que memorices la estructura de la página.

:�dice Tutorial de Html:

Introducción