Sei sulla pagina 1di 5

Qu es un documento HTML?

Para desarrollar una pgina web en HTML es necesario crear un


documento HTML. Bsicamente un documento HTML es un archivo de texto que
tienen la extensin .html o .htm, en este documento se escriben todo el texto y las
etiquetas HTML necesarias para la creacin de una pgina, al texto escrito en el
documento HTML se le llama cdigo HTML. Un documento HTML se puede
generar con cualquier editor de textos simple como el bloc de notas de Windows o
Gedit de Linux.

Qu significa HTML y que es?

HTML significa "Lenguaje de Marcado de Hypertexto" por sus siglas en


ingls "HyperText Markup Language", es un lenguaje que pertenece a la familia de
los "lenguajes de marcado" y es utilizado para la elaboracin de pginas web. El
estndar HTML lo define la W3C (World Wide Web Consortium) y actualmente
HTML se encuentra en su versin HTML5.

Cabe destacar que HTML no es un lenguaje de programacin ya que no


cuenta con funciones aritmticas, variables o estructuras de control propias de los
lenguajes de programacin, por lo que HTML genera nicamente pginas web
estticas, sin embargo, HTML se puede usar en conjunto con diversos lenguajes
de programacin para la creacin de pginas web dinmicas.

Para qu sirve HTML?

Bsicamente el lenguaje HTML sirve para describir la estructura bsica de


una pgina y organizar la forma en que se mostrar su contenido, adems de que
HTML permite incluir enlaces (links) hacia otras pginas o documentos.

HTML es un lenguaje de marcado descriptivo que se escribe en forma de


etiquetas para definir la estructura de una pgina web y su contenido como texto,
imgenes, entre otros, de modo que HTML es el encargado de describir (hasta
cierto punto) la apariencia que tendr la pgina web.

Estructura Bsica

Un documento HTML est definido por una etiqueta de apertura <HTML> y


una etiqueta de cierre </HTML>. Dentro de este se dividen dos partes
fundamentales la cabecera, delimitada por la etiqueta <HEAD> y el cuerpo,
delimitado por la etiqueta <BODY>. Por tanto la estructura de un documento HTML
ser:

<HTML>
<HEAD>
Definiciones de la cabecera
</HEAD>
<BODY>
Instrucciones HTML
</BODY>
</HTML>

Ninguno de estos elementos es obligatorio, pudiendo componer


documentos HTML que se muestren sin ningn problema sin incluir estas
etiquetas de identificacin. Si se utilizan elementos que forzosamente deban ser
incluidos en la cabecera (como la etiqueta de titulo), no sern reconocidos
correctamente si no se incluyen entre las etiquetas de <HEAD>.

Comentarios.- Para insertar comentarios dentro de un documento HTML


utilizaremos la etiqueta especial <!--, definindose un comentario de la forma:

<!-- Esto es un comentario -->

Los comentarios son tiles para identificar el documento, pudiendo indicar


al comienzo del documento su titulo, autor y la fecha en el que fue realizado, esto
se hace antes de la etiqueta <HTML>. Tambin aunque ya con menos utilidad
para comentar cualquier instruccin o circunstancia del documento.

Los comentarios no se muestran en el documento HTML y el nico modo de


verlo es viendo el cdigo HTML fuente del documento, cosa que permiten algunos
navegadores de la WWW.

Ejemplo

<HTML>
<HEAD>
<TITLE> Mi Primera Pgina </TITLE>
</HEAD>
<BODY>
Hola Mundo
</BODY>
</HTML>

Etiquetas en HTML

Las etiquetas HTML son fragmentos de texto rodeados por corchetes


angulares < >, que se utilizan para escribir cdigo HTML, en HTML existen
etiquetas de apertura y etiquetas de cierre, tienen la forma: <etiqueta> </etiqueta>.

Donde <etiqueta> es la etiqueta de apertura y </etiqueta> es la etiqueta de


cierre indicada por la diagonal. HTML tiene definidas gran variedad de etiquetas
para distintos usos.
HTML> </HTML> Delimita y engloba toda la pgina web, que consta de
cabecera y cuerpo.

<HEAD> </HEAD> Delimita y engloba la cabecera de una pgina, que


contiene un conjunto de informaciones que no se muestran en la ventana, entre
ellas el ttulo de la pgina, pero que pueden ayudar a los navegadores y a los
buscadores para interpretar o a encontrar correctamente la pgina.

<TITLE> </TITLE> Dentro de la cabecera (HEAD), lo que se incluye aqu


se muestra en la barra del ttulo de la ventana del navegador.

<BODY> </BODY> Delimita y engloba el cuerpo de la pgina, que son el


conjunto de informaciones (texto e imgenes) que se muestran en la pgina, as
como las indicaciones de cmo deben mostrarse.

Formatos de prrafo

El texto de la pgina se puede estructurar en encabezamientos de los


diferentes apartados de la pgina, que pueden tener distintos niveles de 1 a 6
(siendo 1 el ms importante) y prrafos normales.

<H1> ... </H1> o <H2> ... </H2> (hasta 6) Prrafos que son encabezamientos
(con distintos niveles).

<P>... </P> Prrafos normales.

<P align="center">... </P> El atributo align permite alinear el texto del


prrafo. Se puede aplicar igual a las etiquetas <H1>, <H2>, etc ...

<BR> Permite partir un prrafo empezando una lnea nueva pero sin dejar
espacio.

<HR> Pone una linea horizontal de separacin.

<BLOCKQUOTE></BLOCKQUOTE> Sangra el prrafo.

Formatos de texto.- El formato de caracteres permite cambiar tanto el tipo


de fuente como su tamao y aspecto. Se pueden utilizar varias etiquetas HTML
para dar distintos formatos a un grupo de caracteres:

Formatos Fsicos:

Negrita: <B></B>
Cursiva: <I></I>
Subrayado: <U></U>
Teletipo: <TT></TT>
Tachado: <STRIKE></STRIKE>
Grande: <BIG></BIG>
Pequea: <SMALL></SMALL>
Superndice: <SUP></SUP>
Subndice: <SUB></SUB>

Formatos Lgicos:

Cita: <CITE></CITE>
Cdigo: <CODE></CODE>
Definicin: <DFN></DFN>
nfasis: <EM></EM>
Grueso: <STRONG></STRONG>
Palabras clave: <KEY></KEY>
Ejemplos: <SAMP></SAMP>
Usuario: <KBD></KBD>
Variables: <VAR></VAR>
Ejemplo literal: <XMP>...</XMP> (ignora las etiquetas HTML de dentro)

Posibilidad de combinar etiquetas (anidndolas, esto es, una dentro de


otra):

<B><I></I></B> (Correcto)
<B><I></B></I> (Incorrecto)

<FONT COLOR="red"> ... </FONT> Indicacin expresa del tipo de letra a usar,
en este caso el color.

<FONT SIZE="+1"> ... </FONT> Indicacin expresa del tipo de letra a usar,
en este caso el tamao (ver jac 8.1-segunda parte)

La etiqueta FONT permite combinaciones cualesquiera de los atributos


COLOR, SIZE y FACE

Caracteres especiales.- Existe una serie de caracteres del ISO-LATIN-1 que


no se pueden representar directamente en un documento HTML, puesto que
forman parte del propio vocabulario del lenguaje, como por ejemplo los smbolos
<, >, &, etc. Adicionalmente, las vocales acentuadas y algunos signos de
puntuacin deben ser especificados de forma distinta, puesto que los navegadores
pueden no entender el cdigo del carcter utilizado y convertirlo a otro diferente.

Los caracteres especiales ms usados son:

&aacute;
&eacute;
&iacute;
&oacute;
&uacute;
&agrave;
&ntilde;
&lt; <
&gt; >
&amp; &
&ccedil;
&quot;
&nbsp; espacio en blanco

Listas

<UL> ... </UL> Lista numerada.


<OL> ... </OL> Lista no numerada.
<LI> ... </LI> Elementos de una lista.

Enlaces.- Sirven para acceder desde una pgina a otra pgina o a otro
recurso disponible.

<a href="http://servidor/recurso.html">texto del enlace</a> Enlace absoluto a una


pgina.

<a href="recurso.html">texto del enlace</a> Enlace relativo a una pgina.

<a name="marcador"> ... </a> Marcador (enlace interno) dentro de una pgina.

<a href="#marcador">texto del enlace</a> Enlace a un marcador de la misma


pgina.

<a href="recurso.html#marcador">texto del enlace</a> Enlace a un marcador


de otra pgina (que puede darse con direccin absoluta o relativa).

<a href="recurso.html" target="_blank">texto del enlace</a> Enlace a otra


pgina (absoluta o relativa, con o sin marcador) que se abra en otra ventana.

Imgenes

<img src="nombre.gif"> Muestra una imagen, que normalmente es de tipo GIF o


JPG.

Potrebbero piacerti anche