Html

¿Qué es HTML?

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. Veremos que hay elementos para disponer imágenes sobre una página, hipervínculos que nos permiten dirigirnos a otra página, listas, tablas para tabular datos, etc.

Parapoder crear una página HTML se requiere un simple editor de texto (en nuestro caso emplearemos este sitio) y un navegador de Internet (IExplorer, FireFox etc.), emplearemos el navegador que en este preciso momento está utilizando (recuerde que usted está viendo en este preciso momento una página HTML con su navegador).

Este curso lo que busca es acercar el lenguaje HTML a una persona que nuncaantes trabajó con el mismo.

Estructura interna de una página HTML.

Las instrucciones HTML están encerradas entre los caracteres: < 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:

Título de la páginaCuerpo de la página.

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

Estos son los elementos básicos que toda página HTML debe llevar.

Si observamos toda página comienza con la marca: y finaliza con la marca:

Los fines de marcas tienen el mismo nombre que el comienzode marca, más el caracter /

Una página HTML tiene dos secciones muy bien definidas que son la cabecera:

Y el cuerpo de la página:

Todo el texto que dispongamos dentro del 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 yminú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

Todo el texto que disponemos en el cuerpo de la página aparece en la misma línea, no importa si cuandotipeamos la página disponemos cada palabra en una línea distinta (es decir un navegador no tiene en cuenta la tecla ENTER).

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

Cuando aparece la marca 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íamosvisto hasta ahora.

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

PHP

JavaScript

Java

C

C++

Como vemos sólo hemos agregado la marca cada vez que queremos comenzar una línea. Tengamos en cuenta que es indistinto si disponemos la marca en la misma línea o en la siguiente:

PHP

es lo mismo:

PHP

Para recordar losnombres de los elementos HTML es bueno ver cual es la palabra completa de la misma:

viene de break

Párrafo

Un párrafo es una oración o conjunto de oraciones referentes a un mismo tema. Todo lo que encerremos entre las marcas y aparecerá separado por un espacio con respecto al próximo párrafo.
Dentro de un párrafo puede haber saltos de línea .
Veamos con un ejemplo como disponer dospárrafos:

SQL, Structure Query Language (Lenguaje de Consulta Estructurado) es un lenguaje de programación para trabajar con base de datos relacionales como MySQL, Oracle, etc.
MySQL es un interpretador de SQL, es un servidor de base de datos.
MySQL permite crear base de datos y tablas, insertar datos, modificarlos, eliminarlos, ordenarlos, hacer consultas y realizar muchas operaciones,...