Lenguaje Html Basico

LENGUAJE HTML BÁSICO

Antes de adentrarnos en el mundo de la programación Web definamos muy prácticamente una
página Web.

¿Qué es una página Web?
Se puede responder a esta pregunta desde dos puntos de vista:
1. Desarrollador o creador de páginas Web: Para ellos, se trata de una hoja electrónica la
cual está conformada por una variedad de material audiovisual, que está organizadoestructuralmente para mostrar cualquier tipo de información, la cual está interconectada
con una serie de páginas similares conformando así un sitio Web.
2. Usuario: Es una especie de programa que sirve para buscar, utilizar e intercambiar gran
variedad de información, la cual se muestra en la pantalla de un computador.
Ahora, para construir nuestra primera página, debemos conocer primero el lenguajede
programación que se utiliza. Es por ello que recomiendo, antes de empezar a usar herramientas
para el diseño Web, tener una base de referencia sobre el funcionamiento del lenguaje HTML, el
estándar para crear páginas Web.

Entonces empecemos:

HTML (Hyper Text Mark-up Language) es un lenguaje de programación (herramienta
estructurada que permite modificar el comportamiento de unprograma e incluso de todo un
computador) para Internet que se utiliza en la creación y modificación de páginas Web.

Es una herramienta sencilla utilizada parar el desarrollo de hipertextos, es decir, texto presentado
en forma estructurada y agradable, con enlaces (Hyper-Links) que nos dirigen tanto a otras
páginas como a segmentos de ellas mismas, y con inserciones multimedia (gráficos, sonido,slides
o diapositivas, video, animaciones, etc.), que resumiendo y lo vamos a tomar de aquí en adelante,
son OBJETOS o elementos que tenemos en una página Web, todo esto se puede realizar por
medio de un editor de textos sencillo generando un archivo plano guardado con extensión htm o
html, aquí creamos la página, luego abrimos un explorador de Internet (Mozilla, Opera o Internet
Explorar), elcual interpreta el texto de este archivo y muestra la página como estamos
acostumbrados a verla.

Esta herramienta web se basa en la interpretación de etiquetas que forman un documento de
texto lineal y jerárquico donde podemos referenciar enlaces a material audiovisual, de allí las
características físicas de una página Web (texto, imágenes, sonido, video,…), ahora revisemos el
conceptoprincipal:

ETIQUETA:
Son palabras reservadas en ingles, interpretadas por la herramienta HTML encerradas entre los
signos menor que (), que definen una acción, una inserción de objetos (tablas,
imágenes, sonido, texto, etc.) y el diseño de la página Web; su estructura general es la siguiente:


Más etiquetas y/o texto = lenguaje HTML

Donde la primera línea tenemos la etiqueta de aberturaEl siguiente es un ejemplo de código HTML que define que es la base para desarrollar cualquier
página:


Mi primera pagina web


Mi Primera pagina web

Esto tan sencillo es una verdadera página web, aunque le falta
el contenido,
pero todo llegará.



Lo que haremos será abrir en Windows WordPad o Bloc de Notas, en Linux gedit, copiamos todo el
texto anterior en el archivo enblanco, lo guardamos con el nombre Mi_1raPagina.htm sin cerrarlo,
le damos doble click encima del icono del archivo para que lo ejecute algún explorador de Internet
y por último volvemos al archivo para seguir anexándole más objetos HTML; si hemos cerrado el
archivo y lo queremos modificar, entonces damos click derecho sobre el ícono y le damos abrir
con… cualquiera de los tres mencionadosanteriormente; debe aparecer exactamente esto:

Explicando el código HTML anterior, tenemos que:
Si te fijas en la página que ves con el explorador solo se ve parte de lo que has escrito,
concretamente todo lo que no está encerrado entre los símbolos < y >. Eso es el contenido de la
página, pero ¿y lo que está entre esos paréntesis angulares? pues esas son las etiquetas que le
dicen al...