Gegagadgad
Páginas: 7 (1654 palabras)
Publicado: 13 de junio de 2012
LENGUAJEH T M L 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 conocerprimero el lenguaje de
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 lenguajeH T M L, 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 elcomportamiento de un programa 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 coni n s e r c i o n es multimedia (gráficos, sonido, slides
o diapositivas, video, animaciones, etc.), que resumiendo y lo vamos a tomar de aquí en adelante,
sonO BJ E TO S 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 deInternet (Mozilla, Opera o Internet
Explorar), el cual 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 dee t i q u e t a s 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
concepto principal:
ETIQUETA:
Son palabras reservadas en ingles, interpretadas por la herramienta HTML encerradas entre los
signos menor que (< ) y mayor 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:
<Nombreetiqueta>
Más etiquetas y/o texto = lenguaje HTML
</Nombre etiqueta>
Donde la primera línea tenemos la etiqueta de abertura
El siguiente es un ejemplo de código HTML que define que es la base para desarrollar cualquier
página:
<HTML>
<HEAD>
<TITLE>Mi primera pagina web </TITLE>
</HEAD>
<BODY>
<H1 align="center" >Mi Primerapagina web </H1>
<HR>
<P>Esto tan sencillo es una verdadera página web, aunque le falta
el contenido,
pero todo llegará.</P>
</BODY>
</HTML>
Lo que haremos será abrir en Windows WordPad o Bloc de Notas, en Linux gedit, copiamos todo el
texto anterior en el archivo en blanco, lo guardamos con el nombre Mi_1raPagina.htm sin cerrarlo,
le damosdoble 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 mencionados anteriormente; debe aparecer exactamente esto:
<img class="absimg"...
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 conocerprimero el lenguaje de
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 lenguajeH T M L, 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 elcomportamiento de un programa 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 coni n s e r c i o n es multimedia (gráficos, sonido, slides
o diapositivas, video, animaciones, etc.), que resumiendo y lo vamos a tomar de aquí en adelante,
sonO BJ E TO S 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 deInternet (Mozilla, Opera o Internet
Explorar), el cual 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 dee t i q u e t a s 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
concepto principal:
ETIQUETA:
Son palabras reservadas en ingles, interpretadas por la herramienta HTML encerradas entre los
signos menor que (< ) y mayor 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:
<Nombreetiqueta>
Más etiquetas y/o texto = lenguaje HTML
</Nombre etiqueta>
Donde la primera línea tenemos la etiqueta de abertura
El siguiente es un ejemplo de código HTML que define que es la base para desarrollar cualquier
página:
<HTML>
<HEAD>
<TITLE>Mi primera pagina web </TITLE>
</HEAD>
<BODY>
<H1 align="center" >Mi Primerapagina web </H1>
<HR>
<P>Esto tan sencillo es una verdadera página web, aunque le falta
el contenido,
pero todo llegará.</P>
</BODY>
</HTML>
Lo que haremos será abrir en Windows WordPad o Bloc de Notas, en Linux gedit, copiamos todo el
texto anterior en el archivo en blanco, lo guardamos con el nombre Mi_1raPagina.htm sin cerrarlo,
le damosdoble 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 mencionados anteriormente; debe aparecer exactamente esto:
<img class="absimg"...
Leer documento completo
Regístrate para leer el documento completo.