Qué Es y para Qué Sirve HTML

Qu es y para qu sirve HTML?
El lenguaje ms importante para crear pginas

webs. HTML tags (CU00704B)
Escrito por Enrique Gonzlez
Resumen: Entrega n4 del Tutorial bsico del programador web: HTML desde
cero.
QU ES Y PARA QU SIRVE HTML?
HTML es el lenguaje que se emplea para el desarrollo de pginas de internet.
Est compuesto por una sere de etiquetas que el navegador interpreta y da
forma en la pantalla. HTML dispone de etiquetas para imgenes, hipervnculos
que nos permiten dirigirnos a otras pginas, saltos de lnea, listas, tablas, etc.
Podramos decir que HTML sirve para crear pginas web, darles estructura y
contenido. Un ejemplo sencillo de cdigo HTML podra ser:
<html>
<body>
Esto es un prrafo. Bienvenidos a esta pgina web.
</body>
</html>
Este ejemplo est formado por 3 etiquetas HTML. Como podemos observar
cada una de las etiquetas debe acabar con su homloga de cierre. En este caso
la etiqueta <html> debe cerrarse con </html>, la etiqueta <body> con
</body> y la etiqueta con .
Hay muchas ms etiquetas que veremos ms adelante pero nos debe quedar
claro que por cada etiqueta que abramos, deberemos incluir la correspondiente
etiqueta de cierre. As conseguiremos un cdigo HTML bien formado y que los
navegadores puedan interpretar sin ambigedad.
Este sencillo ejemplo mostrara por pantalla lo siguiente.
Qu ocurrira si una etiqueta que abramos no tiene su correspondiente cierre?

Digamos que se tratara de un cdigo HTML mal construido, y los navegadores
esto lo pueden interpretar de distintas maneras. Quizs nos muestren la pgina
tal y como esperbamos sin aparente error. Quizs nos muestren una pgina
de error o se quede en blanco el navegador. Nuestro objetivo ha de ser siempre
construir pginas HTML bien estructuradas y sin ambiguedades, es decir, hacer
un correcto uso del lenguaje para que los navegadores puedan saber
exactamente qu es lo que pretendemos mostrar.
ALGO DE HISTORIA
HTML naci pblicamente en un documento llamado HTML Tags (Etiquetas
HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991. En
esta publicacin se describen 22 etiquetas que mostraban un diseo inicial y
relativamente simple de HTML. Varios de estos elementos se conservan en la
actualidad. Otros se han dejado de usar, y muchos otros se han ido aadiendo
con el paso de los aos. De esta manera, podemos hablar de que han existido
distintas versiones de HTML a lo largo de la historia de internet. Nosotros
vamos a trabajar con el HTML estndar actual, que es el utilizado por los
navegadores y pginas web de hoy en da. Sin embargo, no vamos a prestarle
atencin a las versiones y especificidades de cada versin, ya que el objetivo
de este curso es aprender los fundamentos de HTML y entender cmo
funciona, no conocer la sintaxis o especificidades de una versin concreta. Por
qu no le damos importancia a la versin? Porque una persona que cuenta con
los fundamentos y comprensin bsica sobre el lenguaje es capaz de adaptarse
a las caractersticas particulares de una versin sin problema. En cambio,
centrarse en los detalles de una versin sin conocer los fundamentos har que
no tengamos capacidad para comprender lo que hacemos ni para adaptarnos a
los continuos cambios que tienen lugar en el mbito de los desarrollos web.
DEFINICIN WIKIPEDIA
TML, siglas de HyperText Markup Language (lenguaje de marcas de
hipertexto), hace referencia al lenguaje de marcado para la elaboracin de
pginas web. Es un estndar que sirve de referencia para la elaboracin de
pginas web en sus diferentes versiones, define una estructura bsica y un
cdigo (denominado cdigo HTML) para la definicin de contenido de una
pgina web, como texto, imgenes, videos, entre otros. Es un estndar a cargo
de la W3C, organizacin dedicada a la estandarizacin de casi todas las
tecnologas ligadas a la web, sobre todo en lo referente a su escritura e

interpretacin.
El lenguaje HTML basa su filosofa de desarrollo en la referenciacin. Para
aadir un elemento externo a la pgina (imagen, vdeo, script, entre otros.),
este no se incrusta directamente en el cdigo de la pgina, sino que se hace
una referencia a la ubicacin de dicho elemento mediante texto. De este modo,
la pgina web contiene slo texto mientras que recae en el navegador web
(interpretador del cdigo) la tarea de unir todos los elementos y visualizar la
pgina final. Al ser un estndar, HTML busca ser un lenguaje que permita que
cualquier pgina web escrita en una determinada versin, pueda ser
interpretada de la misma forma (estndar) por cualquier navegador web
actualizado.
Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y
suprimido diversas caractersticas, con el fin de hacerlo ms eficiente y facilitar
el desarrollo de pginas web compatibles con distintos navegadores y
plataformas (PC de escritorio, porttiles, telfonos inteligentes, tabletas, etc.).
Sin embargo, para interpretar correctamente una nueva versin de HTML, los
desarrolladores de navegadores web deben incorporar estos cambios y el
usuario debe ser capaz de usar la nueva versin del navegador con los
cambios incorporados. Normalmente los cambios son aplicados mediante
parches de actualizacin automtica (Firefox, Chrome) u ofreciendo una nueva
versin del navegador con todos los cambios incorporados, en un sitio web de
descarga oficial (Internet Explorer). Un navegador no actualizado no ser capaz
de interpretar correctamente una pgina web escrita en una versin de HTML
superior a la que pueda interpretar, lo que obliga muchas veces a los
desarrolladores a aplicar tcnicas y cambios que permitan corregir problemas
de visualizacin e incluso de interpretacin de cdigo HTML. As mismo, las
pginas escritas en una versin anterior de HTML deberan ser actualizadas o
reescritas, lo que no siempre se cumple. Es por ello que ciertos navegadores
an mantienen la capacidad de interpretar pginas web de versiones HTML
anteriores. Por estas razones, an existen diferencias entre distintos
navegadores y versiones al interpretar una misma pgina web.
Las Etiquetas
El lenguaje HTML es un lenguaje de marcas, estas marcas sern fragmentos
de texto destacado de una forma especial que permiten la definicin de las
distintas instrucciones de HTML, tanto los efectos a aplicar sobre el texto como
las distintas estructuras del lenguaje. A estas marcas las denominaremos
etiquetas y sern la base principal del lenguaje HTML. En documento HTML
ser un fichero texto con etiquetas que variarn la forma de su presentacin.
Una etiqueta ser un texto incluido entre los smbolos menor que < y mayor
que >.. El texto incluido dentro de los smbolos ser explicativo de la utilidad
de la etiqueta. Por ejemplo:

Letra Negrita, del ingls Bold (negrita).
<TABLE>
Definir una tabla.
<IMG>
Inclusin de una IMaGen.
Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendr el

mismo texto que la de inicio aadindole al principio una barra inclinada /. El
efecto que define la etiqueta tendr validez para todo lo que est incluido
entre las etiquetas de inicio y fin, ya sea texto plano o otras etiquetas HTML.
<ETIQUETA>Elementos Afectados por la Etiqueta</ETIQUETA>
Por ejemplo, con la etiqueta siguiente:
Texto que ser en negrita.
Obtendremos:
Texto que ser en negrita
Algunas etiquetas no necesitarn la de fin, sern aquellas en las que el final
este implcito, por ejemplo prrafo, salto de lnea
<IMG> inclusin de una imagen. Definen un efecto que se producir en un
punto determinado sin afectar a otros elementos.
El uso de maysculas o minsculas en las etiquetas es indiferente, se
interpretarn del mismo modo en ambos casos, pero lo normal es expresarlas
en maysculas para que destaquen con ms nitidez del texto normal.
Atributos de las Etiquetas
Las etiquetas pueden presentar modificadores que llamaremos atributos
que permitirn definir diferentes posibilidades de la instruccin HTML. Estos
atributos se definirn en la etiqueta de inicio y consistirn normalmente en el
nombre del atributo y el valor que toma separados por un signo de igual. El
orden en que se incluyan los atributos es indiferente, no afectando al resultado.
Si se incluyen varias veces el mismo atributo con distintos valores el resultado
obtenido ser imprevisible dependiendo de como lo interprete el navegador.
Cuando el valor que toma el atributo tiene ms de una palabra deber
expresarse entre comillas, en otro caso no ser necesario.
Un ejemplo de atributo ser:
<A HREF="http://www.uca.es">Pagina principal de la UCA</A>
En este caso la etiqueta A presenta un atributo HREF cuyo valor
es http://www.uca.es.
Igualmente una etiqueta podra presentar varios atributos:

<HR ALIGN=LEFT NOSHADE SIZE=5 WIDTH=50%>
En este caso la etiqueta HR presenta cuatro atributos. El segundo
atributo NOSHADE es un caso especial que no presenta valor. El orden en que
se especifiquen los atributos no afectarn al resultado final.
Etiquetas correctas
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 no ser
tenida en cuenta, sin causar ningn tipo de error. Dejndose el texto o las
etiquetas a las que afectaba como si no existiera la etiqueta extraa. Cuando
se comete un error sintctico al expresar una etiqueta o un atributo no se
producir ningn error, simplemente no de obtendr el efecto que
desebamos.
El lenguaje HTML es un lenguaje que evoluciona muy rpidamente y cada
nueva versin de los programas navegadores 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 y por tanto las considere errneas y no realice la accin que
desebamos. Dndose el caso de atributos que son validos solo para un nico
navegador.
Cuando creemos cdigo HTML hay que hacerlo lo ms estndar posible para
permitir que el documento pueda ser visto de forma efectiva por distintos
navegadores en maquinas distintas. Por tanto debemos renunciar a efectos
espectaculares que solo tienen validez en un navegador e intentar comprobar
como se ve el documento en una variedad de navegadores, ya que las
personas que se conectan a nuestras pginas no tendrn en la mayora de los
casos el mismo que nosotros. Tambien es interesante como se vera el
documento en los distintos tamaos de la ventana del navegador, teniendo en
cuenta que todos no tienen un monitor con la misma resolucin.
En este manual se han tratado de incluir las caractersticas ms estndar de
HTML y en caso de tratarse de instrucciones ms particulares se indicar
convenientemente.

Qué Es y para Qué Sirve HTML

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Qué Es y para Qué Sirve HTML

Hochgeladen von

Copyright:

Verfügbare Formate

Qu es y para qu sirve HTML?

El lenguaje ms importante para crear pginas

Qu ocurrira si una etiqueta que abramos no tiene su correspondiente cierre?

tecnologas ligadas a la web, sobre todo en lo referente a su escritura e

Letra Negrita, del ingls Bold (negrita).

Definir una tabla.

Inclusin de una IMaGen.

Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendr el

Igualmente una etiqueta podra presentar varios atributos:

Das könnte Ihnen auch gefallen