HTML

INTRODUCCION
Todas las personas, durante su aprendizaje del manejo de la Internet,

pasan por tres etapas, una etapa inicial donde solamente se conocen unas pocas
paginas Web, posteriormente se utilizan los buscadores lo cual lo hace ms
interesante y, finalmente, se observa que en la Internet no solamente se puede ver
informacin sino que tambin se puede publicar, esto de manera altamente
efectiva por cuanto Internet tiene acceso a todos los rincones del mundo, por lo
que es necesario que todas las personas hablen un mismo idioma, este lenguaje
para el caso de las computadoras es el HTML.
En esta investigacin, se estudiara el lenguaje HTML y sus utilidades,

haciendo una descripcin y presentando mlos formatos y atributos de las
principales etiquetas de instrucciones y formas de uso, incluyendo ejemplos de
transcripcion.
Los autores de este trabajo esperan obtener, a travs de la indagacin

documental, conocimientos especficos y fundamentales del lenguaje de etiquetas
HTML para, posteriormente, utilizarlos en la practica.
Este estudio ser del tipo descriptivo y de anlisis documental, para esto se
procurara la obtencin de la informacin a travs de documentos, publicaciones,
bibliografa, artculos y estudios referidos al tema. Este trabajo consta de
desarrollo, conclusiones y bibliografa siendo en este ltimo donde se identifican
todas las referencias bibliogrficas, instrumentos, publicaciones y pginas web
utilizados en la investigacin.
HTML
1.- QUE ES HTML
HTML es la sigla en ingls de HyperText Markup Language o lenguaje de

marcas de hipertexto y se refiere al lenguaje de marcado para desarrollar pginas
de internet. Est compuesto por una serie de etiquetas que el navegador interpreta
y presenta en la pantalla ya que dispone de etiquetas para imgenes,
hipervnculos que redirigen al usuario a otras pginas, saltos de lnea, listas,
tablas, entre otros.
Aunque la mayora de los no conocedores pienses lo contrario, el HTML no

es un lenguaje de programacin sino un lenguaje de etiquetas, las cuales
comunican al navegador cul es la informacin y el formato de presentacin de la
misma por pantalla, entonces, no puede definirse como un lenguaje de
programacin, sino como un sistema de etiquetas. A continuacin se presenta un
ejemplo que permitir aclarar esta afirmacin:
Lenguaje Cdigo Salida por pantalla

JAVA public class MuestraDelUnoAlDiez { 1
public static void main (String[] 2
args) { 3
for(int i=1; i <= 10; i++) { 4
5
System.out.println(i);
6
}
7
} 8
} 9
10
HTML <html> 1
<body> 2
1
2 3
3 4
4
5
5
6
6
7 7
8 8
9 9
10 10
</body>
</html>
Como se puede observar, HTML no tiene la capacidad de contar por lo que
se debe escribir lo que se desea que se visualice por pantalla, por el contrario en
Java se puede programar el conteo del 1 al 10 mediante comandos especficos,
mostrndolo en pantalla sin necesidad de escribir elemento por elemento lo que
aparecer en pantalla. Al respecto, los lenguajes de programacin incluyen tres
capacidades bsicas de generar flujos de procesos: la secuencial (secuencias de
instrucciones), la condicional (capacidad para tomar decisiones o ejecutar un
proceso u otro en funcin del valor de uno o varios parmetros) y la de repeticin
(capacidad para repetir un proceso un cierto nmero de veces). Los lenguajes
clsicos como C, C++, Java, Visual Basic, Fortran, entre otros, cuentan con estas
capacidades, el HTML no posee estas propiedades en cambio si posee otras, esto
por cuanto su uso y destino es muy distinto.
En resumen, se reitera que HTML no es un lenguaje de programacin sino

de maquetacin web o lenguaje de etiquetas cuyo fin es la creacin de estructuras
de documentos HTML.
2.- COMO SE CONFORMA UNA ETIQUETA EN HTML
Como ya se dijo, el lenguaje HTML es un lenguaje de etiquetas que son

fragmentos de texto destacado de una forma especial que permiten la definicin
de las distintas instrucciones de HTML, tanto en los efectos a aplicar sobre el texto
como en las diferentes estructuras del lenguaje. Entonces, el documento HTML no
es mas que un fichero texto con etiquetas que variarn la forma de su
presentacin.
Ahora, una etiqueta consiste en una instruccion incluida entre los smbolos
menor que (<) y mayor que (>), la palabra que se encuentra dentro de estos
simbolos indica la utilidad de la instruccin o etiqueta. Como ejemplo de esto se
tiene:
 Viene de la palabra en ingles Bold (negrita). Escritura en negrita.
<TABLE> Define una tabla.
<IMG> Incluir po pantalla una IMaGen.
2.1.- FORMATO DE LAS ETIQUETAS
Generalmente, la instruccin posee una etiqueta de inicio y otra de fin, la de

fin contiene el mismo texto que la de inicio pero al principio se le coloca una barra
inclinada /, asi el efecto de la instruccion tendr validez para todo lo incluido
entre las etiquetas de inicio y fin, ya sea texto u otras etiquetas HTML. El formato
es el siguiente:
<ETIQUETA>Elementos Afectados por la Etiqueta</ETIQUETA>
Por ejemplo, si se escribe la siguiente instruccion:
Prueba de texto en negrita.
En pantalla se tendr:
Prueba de texto en negrita

Por otra parte, algunas etiquetas no requieren la instruccion de fin de
etiqueta, en estas el final esta implcito, entre ellas se encuentran:
 Prrafo
 Salto de lnea
<IMG> Inclusin de una imagen
Este tipo de etiquetas, definen un efecto que aplicara en un punto

determinado pero que no afectan a otros elementos. Otra caracterstica, es que el
uso de maysculas o minsculas no es relevante ya que se interpretan del mismo
modo en ambos casos, aunque se escriben en maysculas a fin de que destaquen
con ms nitidez del texto normal.
Todo texto que se encuentre entre los caracteres < y > se considerar
una etiqueta, si la etiqueta no fuera una de las validas del lenguaje HTML, sta no
es tomada en cuenta por lo que no causa ningn tipo de error, dejando el texto o
las etiquetas a las que pretenda afectar como si no existiera la etiqueta extraa,
en otras palabras, si se comete un error de sintaxis en una etiqueta o atributo no
se produce ningn error, simplemente no de obtendr el efecto que deseado. Esto
es una desventaja, en caso e utilizar versiones antiguas de HTML, ya que cada
nueva versin presenta etiquetas nuevas que causan efectos ms espectaculares
o atributos nuevos de las etiquetas ya existentes, esto causa que los programas
ms antiguos no entiendan estas nuevas etiquetas considerandolas errneas por
lo que no lleva a cabo la accin esperada. Incluso, se tienen casos de atributos
que son validos solo para un nico navegador.
3.- ESTRUCTURA BASICA DE UNA PAGINA WEB
La estructura bsica de una pagina WEB en HTML esta compuesta por:
.- <!DOCTYPE html>: Es el DTD o identificacion del documento. Aqu se

identifica el estndar de marcado usado o versin de HTML.
.- <html>: Este elemento envuelve todo el contenido de la pgina (excepto

la DTD)
.- <head>: Este elemento designa la parte de encabezado del documento.

Aqu +puede incluir informacin opcional sobre la pgina Web, como el
ttulo (el navegador lo presenta en la barra de ttulo), palabras claves de
bsqueda y una hoja de estilo opcional.
.- <body>: Dentro de este elemento se encuentra el contenido de la pgina

Web, es decir, aquello que se desea aparezca en el rea de navegacin del
navegador.
La manera correcta de combinar estos elementos es la siguiente:
<!DOCTYPE html>
<html>
<head>
...
</head>
<body>
...
</body>
</html>
Este esqueleto basico lo tiene toda pagina WEB, los puntos suspensivos
(...) indican dnde se insertara la informacin complementaria.
Una vez colocado el esqueleto es necesario aadir los dos conectores que
seguidamente se describen:
.- <title>: Establece el ttulo de la pgina Web. Esta instruccin tiene varias

funciones que son:
i.- Los navegadores muestran este titulo en la parte superior de la ventana.
ii.- Cuando un visitante crea un marcador para la pgina, el navegador

utiliza el ttulo para identificarlo en el men Marcadores (o favoritos).
iii.- Cuando la pgina aparece en una bsqueda Web, el motor de busqueda

normalmente ensea este ttulo como primera lnea en los resultados,
seguido de un fragmento del contenido de la pgina.
.- : Indica un prrafo. Los navegadores aaden un pequeo espacio entre

varios consecutivos para mantenerlos separados.
Toda pgina Web requiere un elemento <title> en la seccin del

encabezado por lo que se debe crear un contenedor para el texto en la seccin
del cuerpo de texto (<body>) y un elemento contenedor de texto multiuso , que
representa un prrafo. Como ejemplo de esto ultimo se muestra el siguiente
conjunto de etiquetas que conforma la estructura bsica de una pagina WEB.
<!DOCTYPE html>
<head>
<title>Bienvenido a mi sitio Web</title>
</head>
<body>

</body>
</html>
4.- ETIQUETAS IMPORTANTES EN HTML
4.1.- Ancla <a>: Se usa para crear un enlace. Cuando un visitante hace clic en el
enlace el navegador abre otra pgina. El elemento ancla es un elemento
contenedor y su formato es el siguiente:
<a>...</a>
Los puntos suspensivos son el elemento sobre el que pulsa el visitante. Por
ejemplo:
<a>Enlace a otra pgina</a>
Sin embargo, para convertirlo en un enlace que funcione se le debe aportar

la URL de la pgina de destino mediante el tributo href (que significa referencia de
hipervnculo). Por ejemplo:
<a href="enlaceaotrapagina.html">Enlace a otra pgina</a>
Para que este vnculo funcione, el archivo enlaceaotrapagina.html debe

estar en la misma carpeta de la pgina Web que lo contiene.
El tag ancla es un elemento de lnea (inline), es decir, se introduce dentro

de cualquier otro elemento bloque por lo que es aceptable crear un enlace de
varias palabras en un prrafo normal.
Si no se personaliza un elemento ancla, el texto aparecer en el navegador

con el subrayado y letras azules.
Cuando se pasa el ratn por encima de un enlace, el puntero se convierte

en una mano. No puede saberse si funciona o no, ya que si apunta a una pgina
que no existe slo obtendr un error despus de haber hecho click.
4.2.- Saltos de lnea : Sirve para realizar un salto de linea, se pueden colocar
tantas como desee y realizar un salto de lnea por cada una de ellas. Ejemplo:
SALTO 1 
SALTO 2 
4.3.- Lneas divisorias <hr>: Se crean con la tag <hr> que no tiene tag de cierre ni
lleva texto asociado. Ejemplo: Se puede especificar el ancho de la lnea con el
siguiente atributo:
<hr width="80%">.
4.4.- Direccin <ADDRESS>: Se utiliza para incluir informacin de contacto en un

documento, tales como los nombres de los autores y los enlace a sus
correspondientes pginas, e-mail de contacto, nmero de telfonos y demas. Un
ejemplo del formato a utilizar es el siguiente:
<ADDRESS>
ACADEMIA TECNICA MILITAR BOLIVARIANA 
NUCLEO COMUNICACIONES Y ELECTRONICA 
CAD II DAVILA OMAR 
CAD II BRICEO YEISON 
</ADDRESS>
CONCLUSIONES
Durante el desarrollo del estudio, se observa que el lenguaje HTML es de

gran utilidad para todo aquel que desee hacer llegar, cualquier informacin, a un
numero enorme de usuarios, adems de que representa una til herramienta de
investigacin, relaciones comerciales, intercambio de informacin, entre otros por
lo que sus aplicaciones son limitadas solo por la imaginacin del programador.
Por otra parte, tambin se tiene que posee una gran facilidad y sencillez
para programar por lo que no se requieren conocimientos especiales para su uso.
Finalmente, y por todo lo observado en la investigacion, se consideran

cumplidos de manera cabal todos los objetivos de aprendizaje acadmico, y de
aplicacin, planteados al inicio del trabajo.
REFERENCIAS BIBLIOGRAFICAS
Grupo Eidos (2000). Lenguaje HTML. Disponible en:

http://www.formaciontic.com/libreria-digital.html
PAGINAS WEB CONSULTADAS
http://aprenderaprogramar.com/index.php?
option=com_content&view=article&id=484:etiquetas-html-basicas-imagenes-img-
src-alt-width-height-deprecated-border-align-rutas-cu00714b&catid=69:tutorial-
basico-programador-web-html-desde-cero&Itemid=192
http://www.aulaclic.es/html/a_2_1_1.htm
https://docs.moodle.org/all/es/Bloque_Etiquetas_HTML

HTML

Caricato da

Informazioni sul documento

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

HTML

Caricato da

Copyright:

Formati disponibili

INTRODUCCION

Todas las personas, durante su aprendizaje del manejo de la Internet,

En esta investigacin, se estudiara el lenguaje HTML y sus utilidades,

Los autores de este trabajo esperan obtener, a travs de la indagacin

1.- QUE ES HTML

HTML es la sigla en ingls de HyperText Markup Language o lenguaje de

Aunque la mayora de los no conocedores pienses lo contrario, el HTML no

Lenguaje Cdigo Salida por pantalla

En resumen, se reitera que HTML no es un lenguaje de programacin sino

2.- COMO SE CONFORMA UNA ETIQUETA EN HTML

Como ya se dijo, el lenguaje HTML es un lenguaje de etiquetas que son

<B> Viene de la palabra en ingles Bold (negrita). Escritura en negrita.

<TABLE> Define una tabla.

<IMG> Incluir po pantalla una IMaGen.

2.1.- FORMATO DE LAS ETIQUETAS

Generalmente, la instruccin posee una etiqueta de inicio y otra de fin, la de

<ETIQUETA>Elementos Afectados por la Etiqueta</ETIQUETA>

Por ejemplo, si se escribe la siguiente instruccion:

<B>Prueba de texto en negrita</B>.

Prueba de texto en negrita

<BR> Salto de lnea

<IMG> Inclusin de una imagen

Este tipo de etiquetas, definen un efecto que aplicara en un punto

La estructura bsica de una pagina WEB en HTML esta compuesta por:

.- <!DOCTYPE html>: Es el DTD o identificacion del documento. Aqu se

.- <html>: Este elemento envuelve todo el contenido de la pgina (excepto

.- <head>: Este elemento designa la parte de encabezado del documento.

.- <body>: Dentro de este elemento se encuentra el contenido de la pgina

La manera correcta de combinar estos elementos es la siguiente:

.- <title>: Establece el ttulo de la pgina Web. Esta instruccin tiene varias

ii.- Cuando un visitante crea un marcador para la pgina, el navegador

iii.- Cuando la pgina aparece en una bsqueda Web, el motor de busqueda

.- <p>: Indica un prrafo. Los navegadores aaden un pequeo espacio entre

Toda pgina Web requiere un elemento <title> en la seccin del

4.- ETIQUETAS IMPORTANTES EN HTML

Sin embargo, para convertirlo en un enlace que funcione se le debe aportar

<a href="enlaceaotrapagina.html">Enlace a otra pgina</a>

Para que este vnculo funcione, el archivo enlaceaotrapagina.html debe

El tag ancla es un elemento de lnea (inline), es decir, se introduce dentro

Si no se personaliza un elemento ancla, el texto aparecer en el navegador

Cuando se pasa el ratn por encima de un enlace, el puntero se convierte

4.4.- Direccin <ADDRESS>: Se utiliza para incluir informacin de contacto en un

Durante el desarrollo del estudio, se observa que el lenguaje HTML es de

Finalmente, y por todo lo observado en la investigacion, se consideran

Grupo Eidos (2000). Lenguaje HTML. Disponible en:

Potrebbero piacerti anche