HTML Informacion PDF
HTML Informacion PDF
HTML
HTML, siglas en inglés de HyperText Markup
Language (‘lenguaje de marcas de hipertexto’),
hace referencia al lenguaje de marcado para la
HTML
elaboración de páginas web. Es un estándar que
sirve de referencia del software que conecta con la
elaboración de páginas web en sus diferentes
versiones, define una estructura básica y un código
(denominado código HTML) para la definición de
contenido de una página web, como texto, imágenes,
videos, juegos, entre otros. Es un estándar a cargo
del World Wide Web Consortium (W3C) o
Consorcio WWW, organización dedicada a la
estandarización de casi todas las tecnologías ligadas
a la web, sobre todo en lo referente a su escritura e
interpretación. HTML se considera el lenguaje web
más importante siendo su invención crucial en la
aparición, desarrollo y expansión de la World Wide
Web (WWW). Es el estándar que se ha impuesto en
la visualización de páginas web y es el que todos los
navegadores actuales han adoptado.1
Índice
Primeras especificaciones de HTML
Marcador HTML
Elementos
Atributos
Etiquetas HTML básicas
Nociones básicas de HTML
Editores de textos
Aprender HTML analizando páginas reales
Historia del estándar
Accesibilidad web
Entidades HTML
Véase también
Referencias
Bibliografía
Enlaces externos
Berners-Lee consideraba el HTML una ampliación de SGML, pero no fue formalmente reconocida
como tal hasta la publicación a mediados de 1993, por la IETF (en español: Grupo de Trabajo de
Ingeniería de Internet), de una primera proposición para una especificación del HTML: el borrador
del Hypertext Markup Language de Berners-Lee y Dan Connolly, que incluía una Definición de Tipo
de Documento SGML para definir la gramática.5 El borrador expiró a los seis meses, pero fue
https://es.wikipedia.org/wiki/HTML 2/10
21/3/2020 HTML - Wikipedia, la enciclopedia libre
notable por su reconocimiento de la etiqueta propia del navegador Mosaic usada para insertar
imágenes sin cambio de línea, que reflejaba la filosofía del IETF de basar estándares en prototipos
con éxito.6 De la misma manera, el borrador competidor de Dave Raggett HTML+ (Hypertext
Markup Format) (Formato de Marcaje de Hipertexto), de finales de 1993, sugería estandarizar
características ya implementadas, como las tablas.7
Marcador HTML
El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>,/). El HTML
también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir o
hacer referencia a un tipo de programa llamado script, el cual puede afectar el comportamiento de
navegadores web y otros procesadores de HTML.8
HTML también sirve para referirse al contenido del tipo de MIME text/html o todavía más
ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como
XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y
anteriores). HTML consta de varios componentes vitales, entre ellos los elementos y sus atributos,
tipos de data y la declaración de tipo de documento.
Elementos
Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas:
atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere
válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (por ejemplo,
<nombre-de-elemento>) y una etiqueta de cierre (por ejemplo, </nombre-de-elemento>). Los
atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las
dos etiquetas (por ejemplo, <nombre-de-elemento atributo="valor">Contenido</nombre-de-
elemento>). Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de
cierre. Debajo se listan varios tipos de elementos de marcado usados en HTML.
El marcado presentacional describe la apariencia del texto, sin importar su función. Por ejemplo,
<b>negrita</b> indica que los navegadores web visuales deben mostrar el texto en negrita, pero
no indica qué deben hacer los navegadores web que muestran el contenido de otra manera (por
ejemplo, los que leen el texto en voz alta). En el caso de <b>negrita</b> e <i>itálica</i>, existen
elementos que se ven de la misma manera pero tienen una naturaleza más semántica:
<strong>énfasis fuerte</strong> y <em>énfasis</em>. Es fácil ver cómo un lector de pantalla
debería interpretar estos dos elementos. Sin embargo, son equivalentes a sus correspondientes
elementos presentacionales: un lector de pantalla no debería decir más fuerte el nombre de un libro,
aunque el nombre resalte en itálicas en una pantalla. La mayoría del marcado presentacional ha sido
desechada desde la versión 4.01, en favor de las hojas de estilo en cascada.
https://es.wikipedia.org/wiki/HTML 3/10
21/3/2020 HTML - Wikipedia, la enciclopedia libre
El marcado hipertextual se utiliza para enlazar partes del documento con otros documentos o con
otras partes del mismo documento. Para crear un enlace es necesario utilizar la etiqueta de ancla <a>
junto con el atributo href, que establecerá la dirección URL a la que apunta el enlace. Por ejemplo,
un enlace que muestre el texto de la dirección y vaya hacia nuestra Wikipedia podría ser de la forma
<a href=”http://www.wikipedia.org”>http://www.wikipedia.org</a>. También se pueden
crear enlaces sobre otros objetos, tales como imágenes <a href=”enlace”><img src=”imagen” />
</a>.
Atributos
En su mayoría de los atributos de un elemento son pares nombre-valor, separados por un signo de
igual «=» y escritos en la etiqueta de comienzo de un elemento, después del nombre del elemento. El
valor puede estar rodeado por comillas dobles o simples, aunque ciertos tipos de valores pueden estar
sin comillas en HTML (pero no en XHTML).9 10 De todas maneras, dejar los valores sin comillas es
considerado poco seguro.11 En contraste con los pares nombre-elemento, hay algunos atributos que
afectan al elemento simplemente por su presencia12 (tal como el atributo ismap para el elemento
img).13
La mayoría de etiquetas deben cerrarse como se abren, pero con una barra («/») tal como se muestra
en los siguientes ejemplos:
Existen, además, otros editores para la realización de sitios web con características WYSIWYG (What
You See Is What You Get, o en español: «lo que ves es lo que obtienes»). Estos editores permiten ver
el resultado de lo que se está editando en tiempo real, a medida que se va desarrollando el
documento. Ahora bien, esto no significa una manera distinta de realizar sitios web, sino que una
forma un tanto más simple, ya que estos programas, además de tener la opción de trabajar con la
https://es.wikipedia.org/wiki/HTML 5/10
21/3/2020 HTML - Wikipedia, la enciclopedia libre
vista preliminar, tiene su propia sección HTML, la cual va generando todo el código a medida que se
va trabajando. Algunos ejemplos de editores WYSIWYG son KompoZer, Microsoft FrontPage o Adobe
Dreamweaver.
Combinar estos dos métodos resulta muy interesante, ya que de alguna manera se ayudan entre sí.
Por ejemplo, si se edita todo en HTML y el desarrollador olvida algún código o etiqueta, basta con
dirigirse al editor visual o WYSIWYG y se continúa ahí la edición o viceversa, ya que hay casos en que
resulta más rápido y fácil escribir directamente el código de alguna característica que el usuario desea
adherir al sitio que buscar la opción en el programa mismo.
Existe otro tipo de editores HTML llamados WYSIWYM que dan más importancia al contenido y al
significado que a la apariencia visual. Entre los objetivos que tienen estos editores es la separación del
contenido y la presentación, fundamental en el diseño web.
HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final,
mediante las cuales se determina la forma en la que debe aparecer en su navegador el texto, así como
también las imágenes y los demás elementos, en la pantalla del ordenador.
Toda etiqueta se identifica porque está encerrada entre los signos menor que y mayor que (<>), y
algunas tienen atributos que pueden tomar algún valor. En general las etiquetas se aplicarán de dos
formas especiales:
Se abren y se cierran, como por ejemplo: <b>negrita</b>, que se vería en su navegador web
como negrita.
No pueden abrirse y cerrarse, como <hr />, que se vería en su navegador web como una línea
horizontal.
Otras que pueden abrirse y cerrarse, como por ejemplo <p>.
Las etiquetas básicas o mínimas son:
1 <!DOCTYPE HTML>
2 <html>
3 <head>
4 <meta charset="utf-8" />
5 <title>Ejemplo1</title>
6 </head>
7 <body>
8 <p>Párrafo de ejemplo</p>
9 </body>
10 </html>
Editores de textos
Para el desarrollo web los programadores se auxilian de un editor de texto. Estos normalmente están
hechos con el fin de facilitar la programación. Existen actualmente muchos, como son estos:
Notepad++, Adobe Dreamweaver, Sublime text, entre otros.
Por ejemplo: en Internet Explorer o en Firefox, simplemente hay que desplegar el menú «ver» y luego
elegir «código fuente», mientras que en Chrome presionar Ctrl + U . De esta forma, se abrirá el editor
de texto configurado como predeterminado en el sistema con el código fuente de la página que se esté
https://es.wikipedia.org/wiki/HTML 6/10
21/3/2020 HTML - Wikipedia, la enciclopedia libre
Para el navegador Firefox, además, existe como alternativa a la herramienta nativa el plugin Firebug,
muy similar a la herramienta que Firefox incorpora por defecto.
A principios de 1990, define por fin el HTML como un subconjunto del conocido SGML y crea algo
más valioso incluso, el World Wide Web.
Tim Berners-Lee creó el proyecto World Wide Web (Tejido o Telaraña Mundial), así como un sistema
que facilitaba la lectura de información, mediante un programa de navegación. Sería el primer
navegador web, llamado WorldWideWeb, y desarrollado durante la segunda mitad del año 1990;
siendo tiempo después rebautizado como Nexus, para evitar confusiones por su nombre que era igual
al de la tecnología que representaba. Le siguieron otros dos navegadores: el Line Mode Browser y el
ViolaWWW. Este último, desarrollado en 1992, fue el primer navegador en popularizarse entre los
primeros usuarios de la World Wide Web.18
Pei-Yuan Wei presentó el ViolaWWW,19 que funcionaría en modo texto y sobre un sistema operativo
UNIX.
Los trabajos para crear un sucesor del HTML, denominado HTML +, comenzaron a finales de 1993.
HTML+ se diseñó originalmente para ser un superconjunto del HTML que permitiera evolucionar
gradualmente desde el formato HTML anterior. A la primera especificación formal de HTML+ se le
dio, por lo tanto, el número de versión 2 para distinguirla de las propuestas no oficiales previas. Los
trabajos sobre HTML+ continuaron, pero nunca se convirtió en un estándar, a pesar de ser la base
formalmente más parecida al aspecto compositivo de las especificaciones actuales.
https://es.wikipedia.org/wiki/HTML 7/10
21/3/2020 HTML - Wikipedia, la enciclopedia libre
El borrador del estándar HTML 3.0 fue propuesto por el recién formado W3C en marzo de 1995. Con
él se introdujeron muchas nuevas capacidades; por ejemplo, facilidades para crear tablas, hacer que
el texto fluyese alrededor de las figuras y mostrar elementos matemáticos complejos. Aunque se
diseñó para ser compatible con HTML 2.0, era demasiado complejo para ser implementado con la
tecnología de la época, y cuando el borrador del estándar expiró en septiembre de 1995, se abandonó
debido a la carencia de apoyos de los fabricantes de navegadores web. El HTML 3.1 nunca llegó a ser
propuesto oficialmente, y el estándar siguiente fue el HTML 3.2, que abandonaba la mayoría de las
nuevas características del HTML 3.0 y, a cambio, adoptaba muchos elementos desarrollados
inicialmente por los navegadores web Netscape y Mosaic. La posibilidad de trabajar con fórmulas
matemáticas que se había propuesto en el HTML 3.0 pasó a quedar integrada en un estándar distinto
llamado MathML.
En 1997, HTML 4.0 se publicó como una recomendación del W3C. HTML 4.0 adoptó muchos
elementos específicos desarrollados inicialmente para un navegador web concreto, pero al mismo
tiempo comenzó a limpiar el HTML señalando algunos de ellos como «desaprobados» (deprecated,
en inglés).
HTML 4.0 implementa características como XForms 1.0 que no necesitan implementar motores de
navegación que eran incompatibles con algunas páginas web HTML. En 2004 la W3C reabrió el
debate de la evolución del HTML, y se dieron a conocer las bases para la versión HTML5. No
obstante, este trabajo fue rechazado por los miembros del W3C y se daría preferencia al desarrollo del
XML.
Apple, Mozilla y Opera anunciaron su interés en seguir trabajando en el proyecto bajo el nombre de
WHATWG,20 que se basa en la compatibilidad con tecnologías anteriores.
En 2006, el W3C se interesó en el desarrollo de HTML5, y en 2007 se unió al grupo de trabajo del
WHATWG para unificar el proyecto.
Accesibilidad web
El diseño en HTML, aparte de cumplir con las especificaciones propias del lenguaje, debe respetar
ciertos criterios de accesibilidad web, siguiendo unas pautas o las normativas y leyes vigentes en los
países donde se regule dicho concepto. Se encuentra disponible y desarrollado por el W3C a través de
las Pautas de Accesibilidad al Contenido Web 1.0 WCAG (actualizadas recientemente con la
especificación 2.0),21 aunque muchos países tienen especificaciones propias, como es el caso de
España con la Norma UNE 139803.22
Entidades HTML
Muchos caracteres especiales, letras con tilde, diéresis o símbolos de escritura del lenguaje pueden
representarse en un documento HTML tanto por sí mismos, como por una referencia a una entidad.
Entre las ventajas de usar una referencia a entidad, están la de poder representar caracteres Unicode
usando una codificación de caracteres distinta, o para suplir la falta de algunos caracteres en el
teclado usado.
Véase también
Anexo:Elementos HTML
Colores HTML
Hojas de estilo en cascada o CSS
Javascript
https://es.wikipedia.org/wiki/HTML 8/10
21/3/2020 HTML - Wikipedia, la enciclopedia libre
Referencias
It is expected that the authors of the RFC and
1. «¿Qué es y para qué sirve HTML?, el the community at large will begin correcting
lenguaje más importante para crear páginas the specification with field experience.»
web» (http://www.aprenderaprogramar.es/inde
x.php?option=com_content&view=article&id= 7. «HTML+ Internet-Draft - Abstract» (http://arqui
435:ique-es-y-para-que-sirve-html-el-lenguaje vo.pt/wayback/20160515150537/https://datatr
-mas-importante-para-crear-paginas-webs-ht acker.ietf.org/public/idindex.cgi?command=id_
detail&id=789). Archivado desde el original (ht
ml-tags-cu00704b&catid=69:tutorial-basico-pr
tps://datatracker.ietf.org/public/idindex.cgi?co
ogramador-web-html-desde-cero&Itemid=19
2). mmand=id_detail&id=789) el 15 de mayo de
2016. «Browser writers are experimenting
2. «HTML Tags» (http://www.w3.org/History/199 with extensions to HTML and it is now
21103-hypertext/hypertext/WWW/MarkUp/Tag appropriate to draw these ideas together into
s.html). World Wide Web Consortium. a revised document format. The new format is
Consultado el 8 de abril de 2007. designed to allow a gradual roll over from
3. «First mention of HTML Tags on the www-talk HTML, adding features like tables, captioned
mailing list» (http://lists.w3.org/Archives/Publi figures and fill-out forms for querying remote
c/www-talk/1991SepOct/0003.html). World databases or mailing questionnaires.»
Wide Web Consortium. 29 de octubre de 8. www.ri5.com.ar/ayuda03.php (http://www.ri5.c
1991. Consultado el 8 de abril de 2007. om.ar/ayuda03.php) El lenguaje HTML.
4. «Index of elements in HTML 4» (http://www.w 9. «www.w3.org/TR/html401/intro/sgmltut.html#h
3.org/TR/1999/REC-html401-19991224/index/ -3.2.2» (http://www.w3.org/TR/html401/intro/s
elements). World Wide Web Consortium. 24 gmltut.html#h-3.2.2).
de diciembre de 1999. Consultado el 8 de
10. «www.w3.org/TR/xhtml1/diffs.html#h-4.4» (htt
abril de 2007.
p://www.w3.org/TR/xhtml1/diffs.html#h-4.4).
5. Tim Berners-Lee (9 de diciembre de 1991).
«Re: SGML/HTML docs, X Browser (archived 11. «www.cs.tut.fi/~jkorpela/qattr.html» (http://ww
www-talk mailing list post)» (http://lists.w3.org/ w.cs.tut.fi/~jkorpela/qattr.html).
Archives/Public/www-talk/1991NovDec/0020. 12. «www.w3.org/History/19921103-
html). Consultado el 16 de junio de 2007. hypertext/hypertext/WWW/MarkUp/Tags.html»
«SGML is very general. HTML is a specific (http://www.w3.org/History/19921103-hypertex
application of the SGML basic syntax applied t/hypertext/WWW/MarkUp/Tags.html).
to hypertext documents with simple 13. «www.w3.org/TR/1999/REC-html401-
structure.» 19991224/struct/objects.html#adef-ismap» (ht
6. Raymond, Eric. «IETF and the RFC tp://www.w3.org/TR/1999/REC-html401-1999
Standards Process» (http://www.faqs.org/doc 1224/struct/objects.html#adef-ismap).
s/artu/ietf_process.html). The Art of Unix 14. www.example.com
Programming (https://web.archive.org/web/20 (http://www.example.com/).
050317014053/http://www.faqs.org/docs/artu/) 15. The return of the u element (http://html5docto
. Archivado desde el original (http://www.faqs. r.com/u-element/), "regreso de la etiqueta u"
org/docs/artu/) el 17 de marzo de 2005. (en inglés).
Consultado el 15 de marzo de 2008. «In IETF 16. Referencia de la etiqueta u (http://www.quacki
tradition, standards have to arise from t.com/html_5/tags/html_u_tag.cfm) (en
experience with a working prototype inglés).
implementation — but once they become
standards, code that does not conform to 17. Where the Web was born (http://public.web.ce
them is considered broken and mercilessly rn.ch/public/en/about/web-en.html), "Donde la
scrapped. …Internet-Drafts are not Web nació". Sitio oficial del CERN (en inglés).
specifications, and software implementers and 18. «Curso de HTML». (http://www.youbioit.com/e
vendors are specifically barred from claiming s/article/shared-information/1006/curso-de-ht
compliance with them as if they were ml). Consultado el 5 de marzo de 2014.
specifications. Internet-Drafts are focal points 19. ViolaWWW Hypertext Browser (http://www.w
for discussion, usually in a working group… 3.org/History/19921103-hypertext/hypertext/W
Once an Internet-Draft has been published WW/Viola/violaWWWAbout.html), (en inglés).
with an RFC number, it is a specification to W3C. Consultado el 3 de marzo de 2014.
which implementers may claim conformance.
https://es.wikipedia.org/wiki/HTML 9/10
21/3/2020 HTML - Wikipedia, la enciclopedia libre
Bibliografía
Sergio Luján Mora (2001). Programación en Internet: Clientes Web (http://hdl.handle.net/10045/1
6994) (libro completo gratuito en pdf) (1ª edición). Editorial Club Universitario.
Sergio Luján Mora (2002). Programación de aplicaciones web: historia, principios básicos y
clientes web (http://hdl.handle.net/10045/16995) (libro completo gratuito en pdf) (1ª edición).
Editorial Club Universitario.
Enlaces externos
Wikimedia Commons alberga una categoría multimedia sobre HTML.
Wikilibros alberga un libro o manual sobre Lenguaje HTML.
Página web principal de HTML (http://www.w3.org/html/) — estándar de html del W3C (en inglés)
Borrador actual de especificaciones de HTML en su versión 5 (http://dev.w3.org/html5/spec/Over
view.html).
Obtenido de «https://es.wikipedia.org/w/index.php?title=HTML&oldid=124239836»
Esta página se editó por última vez el 13 mar 2020 a las 22:24.
El texto está disponible bajo la Licencia Creative Commons Atribución Compartir Igual 3.0; pueden aplicarse cláusulas
adicionales. Al usar este sitio, usted acepta nuestros términos de uso y nuestra política de privacidad.
Wikipedia® es una marca registrada de la Fundación Wikimedia, Inc., una organización sin ánimo de lucro.
https://es.wikipedia.org/wiki/HTML 10/10