HTML

HTML

Que es ?

HTML, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

VERSIONES DE HTML

HTML 2.0	En 1995 se publica el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar oficial de HTML, es decir, el HTML 1.0 no existió como estándar. HTML 2.0 no soportaba tablas. Se simplificaba al máximo la estructura del documento para agilizar su edición, donde la declaración explícita de los elementos body, html y head es opcional.
HTML 3.2	La versión HTML 3.2 se publicó en 1997 y es la primera recomendación de HTML publicada por el W3C (Consorcio internacional). Esta revisión incorporó los últimos avances de las páginas web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imágenes.
HTML 4.01	La última especificación oficial de HTML se publicó en diciembre de 1999 y se denomina HTML 4.01. Desde la publicación de HTML 4.01, la actividad de estandarización de HTML se detuvo y el W3C se centró en el desarrollo del estándar XHTML. Por este motivo, en el año 2004, las empresas Apple, Mozilla y Opera mostraron su preocupación por la falta de interés del W3C en HTML y decidieron organizarse en una nueva asociación llamada WHATWG (Web Hypertext Application Technology Working Group). La actividad actual del WHATWG se centra en el futuro estándar HTML 5, cuyo primer borrador oficial se publicó en enero de 2008. Debido a la fuerza de las empresas que forman el grupo WHATWG y a la publicación de los borradores de HTML 5.0, en marzo de 2007 el W3C decidió retomar la actividad estandarizadora de HTML, y actualmente W3C está trabajando para el lanzamiento del estándar HTML 5.0.

HTML 4.01 Strict	En este tipo de documentos podemos usar etiquetas HTML 4.01, pero no se aceptan etiquetas obsoletas, es decir, etiquetas propias de versiones más antiguas. Es la versión que si usamos en teoría nos debería dar un resultado óptimo en los navegadores más modernos. Esto no siempre es así, como explicaremos un poco más adelante.
HTML 4.01 Transitional	En este tipo de documentos se pueden usar todas las etiquetas de todas las versiones de HTML. Usar esta variante de HTML no es lo más recomendable porque podemos usar etiquetas obsoletas que podrían dejar de funcionar en las proximas versiones de los navegadores. Este es el estándar más usado, porque combina la posibilidad de usar etiquetas más antiguas y etiquetas más modernas, de forma que podamos aspirar a una mejor visualización en la mayor parte de los navegadores.
HTML 4.01 Frameset	Este tipo de documentos tiene soporte para frames. Los frames son unos marcos a modo de pequeñas subventanas dentro de una misma página web que se usaban mucho hace unos años pero que hoy en día se usan cada vez menos. Este tipo de HTML podemos considerarlo anticuado, porque hay otras formas de diseñar páginas web sin frames más modernas y útiles que nos permiten obtener el mismo resultado de forma más eficiente.

 NAVEGADORES DE INTERNET

Un navegador o navegador web (del inglés, web browser) es una aplicación que opera a través de Internet, interpretando la información de archivos y sitios web para que podamos ser capaces de leerla (ya se encuentre ésta alojada en un servidor dentro de la World Wide Web o en un servidor local).

El navegador interpreta el código, HTML generalmente, en el que está escrita la página web y lo presenta en pantalla permitiendo al usuario interactuar con su contenido y navegar hacia otros lugares de la red mediante enlaces o hipervínculos.

La funcionalidad básica de un navegador web es permitir la visualización de documentos de texto, posiblemente con recursos multimedia incrustados. Los documentos pueden estar ubicados en la computadora en donde está el usuario, pero también pueden estar en cualquier otro dispositivo que esté conectado a la computadora del usuario o a través de Internet, y que tenga los recursos necesarios para la transmisión de los documentos (un software servidor web).}

PRINCIPALES NAVEGADORES WEB

	Mozilla Firefox  Por la sencillez, estabilidad y el gran número de posibilidades que ofrece Mozilla Firefox se convierte en el mejor navegador que existe. Hay gran variedad de skins para variar su apariencia y es posible añadirle "applets" para configurar distintos estilos. El uso de pestañas sin dudas constituye una gran innovación, que luego fué copiada en versiones posteriores de otros exploradores de Internet. Lo bueno también radica en que se trata de un navegador decódigo abierto (es decir que su código de fuente es liberado o disponible libremente). Por ser multiplataforma puede soportar distintos sistemas operativos lo que permite adaptar su funcionamiento a la plataforma en la que es ejecutado. Este premiado navegador de Mozilla es anunciado como el más rápido y el mas seguro que permite una completa personalización para adaptarlo a nuestros gustos cuando exploramos la Web.	Para bajar el programa hacer clic aquí.
	Google Chrome Gogle Chrome es un navegador web desarrollado porGoogle y compilado con base en componentes de código abierto. La ventana del navegador de Chrome es funcional, clara y sencilla. Está disponible gratuitamente bajo condiciones de servicio específicas. Chrome también incluye funciones que están diseñadas para un uso eficaz y sencillo. Por ejemplo, puedes realizar búsquedas y desplazarte en el mismo cuadro y organizar pestañas cuando lo desees, de forma rápida y sencilla. Gogle Chrome es un navegador realmente veloz si lo comparamos con el resto. Está diseñado para ser rápido de todas las formas posibles: se inicia rápidamente desde el escritorio, carga las páginas web de forma instantánea y ejecuta aplicaciones web complejas a gran velocidad. Gogle Chrome incluye un modo de navegar de Incógnito (similar a la Navegación privada de Safari y Firefox o el modoInPrivate de Internet Explorer 8) que permite navegar por Internet con total privacidad, ya que no registra ninguna actividad y borra de los archivos temporales las cookies utilizadas. Cuando se activa una de estas ventanas "nada de lo que ocurre en esa ventana saldrá de su computadora".	Para bajar el programa hacer clic aquí.
	Opera El Opera Browser es uno de los mejores navegadores que existe en la actualidad. Fué creado por la compañía noruegaOpera Software en el año 1994. Posee gran velocidad, seguridad y soporte de estándares. Es de tamaño reducido y está en constante innovación ya que se liberan en forma semanal versiones libres de errores y mejoradas para distintas plataformas de PC como Windows, Mac y Unix.  Se destaca la incorporación de pestañas y la integración de buscadores dentro del navegador. La versión 8 fué lanzadafreeware lo que le otorgó amplia popularidad y se eliminaron los molestos anuncios publicitarios y ya no es necesario parar licencias. Esto le dió muy buena posición frente a sus competidores directos (Internet Explorer y Mozilla Firefox). También está muy bien integrado en lo que refiere a dispositivos celulares y también consolas nintendo. Ocupa un espacio en el disco duro de al menos 4 MB después de su descarga y está disponible en 20 idiomas diferentes	Para bajar el programa hacer clic aquí.
	Avant Browser Avant Browser es un navegador de internet que usa el motor de búsqueda de Windows Internet Explorer. Avant Browser es un navegador más que interesante para todo aquel que no quiera complicarse mucho la vida y quiera ir un paso más allá del clásico Internet Explorer. Avant Browser incorpora navegación por pestañas, cosa que Windows Internet Explorer solo incluye desde la versión 7. Otra de las mejores características de Avant Browser es que puedes crear una «lista Negra» de páginas que no se abrirán en el navegador a menos que las saques de esta lista. Una de aquellas utilidades a las algunos seríamos incapaces de renunciar es aquella que cuando abres el navegador recuerda las páginas que estábamos visitando antes de cerrarlo. AvantBrowser tiene esta función y nos facilita si queremos reabrirlas o no. En conclusión, AvantBrowser es un navegador multiventana con singulares características que es posible que lo conviertan en uno de tus preferidos.	Para bajar el programa hacer clic aquí.
	Internet Explorer Es el navegador de Internet más utilizado de la actualidad. Sin embargo no siempre es eledigo como el mejor ya que se le reconocen falencias frente a otras opciones de exploradoresWeb. Este explorador gratuito de Microsoft está integrado aWindows y a medida que nuevas versiones fueron apareciendo fué modernizándose e incorporando funciones innovadoras de sus competidores (como la tecnología RSS, o la exploración con pestañas rápidas, etc.). En cuanto al uso de pestañas debemos resaltar que es posible mostrar las miniaturas de las páginas de las pestañas que se encuentren abiertas y también es posible crear grupos de pestañas de manera fácil para abrir todo el conjunto cada vez que lo querramos. Si bien se anuncian mejoras en cuanto a la protección de datos no está catalogado como uno de los más seguros para el resguardo de información. Presenta una interfaz renovada y mejorada posibilitando maximizar el área donde vemos la página web. Incorporó las búsquedas de Internet a su barra de herramientas y de esta forma evita la acumulación de barras. Presenta la posibilidad de hacer zoom en un área determinada.   Con Internet Explorer 9, Windows ofrece casi todas las funciones de los complementos para Firefox más populares, y te permite personalizarlo de manera fácil y rápida.  Internet Explorer 9 ofrece casi todas las funciones de los complementos para Firefox más populares, y te permite personalizarlo de manera fácil y rápida.	Para bajar el programa hacer clic aquí.
	Netscape El Netscape Navigator compitió cabeza a cabeza con elInternet Explorer hace algunos años y en la actualidad perdió terreno debido a la aparición de nuevas tecnologías y ofertas en cuanto a navegacion Web. En su nueva versión renovada, la compañía Netscape Comunications promete un diseño simple para realizar las funciones online más frecuentes: búsquedas, navegación, correo electrónico y mensajería instánea. Fué el pionero en varios aspectos como el incorporar lenguaje script en las páginas Web (el que por ejemplo permite validar formularios). Continúa siendo una potente herramienta para aquellos que desean una opción diferente al Internet Explorer. Posee nuevas funciones como el Navegador Tabulado (que permite ver varias páginas a la vez en el mismo navegador). ElAdministrador de descargas también permite realizar más de una descarga a la vez así como pausar y reanudar las descargas ya iniciadas. Su última versión además incluye AOL instant Messenger y la posibilidad de escuchar radios a través de Internet y también una gran oferta de Skins para personalizar su apariencia.
	Safari Este navegador de Apple, denominado Safari crece cada día más en el mercado. Si bien está lejos de ocupar el primer lugar en lo que a exploradores web respecta, posee muchas características rescatables que lo hacen digno de estar incluido en la lista de los mejores navegadores. Mediante la tecnología llamada RSS se puede reunir en canales de noticias los titulares y resúmenes de prensa que proporcinonan las agencias de noticias, los blogs y las comunidades de Internet. Esto permite agrupar y ver más rápidamente los canales de noticias sin publicidad y de forma sencilla. Otra de las ventajas promocionadas es la posibilidad de guardar las páginas web y enviarlas por e-mail aunque hayan desaparecido de Internet. Es ideal para guardar páginas webde corta vida como informes bancarios o artículos estadísticos. También mediante Safari podemos navegar con completa seguridad ya que protege tus datos privados sin posibilidad de filtrar información confidencial. También los controles parentales para la navegación de los niños es muy efectiva ya que se puede especificar a qué sitios pueden acceder sus hijos en la Barra de Favoritos. Al activar los controles ellos sólo podran ver las páginas web especialmente permitidas.	Para bajar el programa hacer clic aquí.
	FineBrowser Este multinavegador permite la visualización de páginas webde forma múltiple en una sola ventana. Esto también incluye características "anti popups" y la posibilidad de limpiar cualquier rastro al navegar en Internet. Permite crear marcadores con las listas de los sitios más visitados y agruparlos por tema. Finebrowser le permite abrir enlaces de manera múltiple en un área de la página webseleccionada o incluso abrir todos los enlaces de una determinada página con hacer un solo clic. Mediante una útil herramienta se puede cambiar el orden de las pestañas con un simple sistema "drag & drop". Incluso es posible guardar sesiones recordando las acciones realizadas para retomarlas más tarde y crear visualizaciones en miniatura de las páginas con comentarios incluídos. También el programa puede funcionar como visualizador de imágenes almacenadas en su disco duro o en CD´s, etc.	Para bajar el programa hacer clic aquí.

EDITOR DE HTML

Un editor de páginas web es una aplicación diseñada con el fin de facilitar la creación de documentos HTML o XHTML. Su complejidad puede variar desde la de un simple editor de texto plano, entornos WYSIWYG, hasta editores WYSIWYM. 

EDITORES DE HTML

http://www.kompozer.net/

KompoZer  es un sistema completo de autoría web que combina la gestión de archivos web y es fácil de usar con su edición WYSIWYG de páginas web. KompoZer está diseñado para ser muy fácil de usar, lo que es ideal para usuarios no técnicos que desean crear un sitio atractivo, de aspecto profesional sin necesidad de conocer HTML o de codificación web. Es esencialmente una versión actualizada de Nvu, con correcciones de errores, y es alimentado por Mozilla.

http://www.netobjects.com/html/essentials.html

NetObjects Fusion Essentials es el software libre de diseño web que ofrece muchas características fundamentales, disponibles también en su versión completa NetObjects Fusion 11. Un editor web de edición WYSIWYG y Constructor de Sitios con simplemente arrastrar y soltar los diseños de su página web. Incluye también herramientas de gestión del sitio, un cargador incorporado de FTP, galería de fotos, creador de formas, imágenes de sustitución, soporte para Flash y Quicktime, entre otras características.

http://www.seamonkey-project.org/

SeaMonkey es una suite “todo-en-uno” de aplicaciones de Internet impulsada por Mozilla, que incluye un navegador de Internet, correo electrónico y un cliente de noticias con un lector integrado de fuentes web, editor HTML, IRC y herramientas de desarrollo web. SeaMonkey es probablemente el más adecuado para los usuarios avanzados, los desarrolladores web y los usuarios corporativos.

http://www.w3.org/Amaya/Amaya.html

Amaya le permite crear un documento desde cero. Los autores pueden navegar por Internet, encontrar la información que necesitan, copiar y pegar a sus páginas, y crear enlaces a otros sitios Web. Todo esto se hace de una manera sencilla y simple, y las acciones se realizan en un entorno único y coherente. Las funciones de edición y navegación están perfectamente integradas en una sola herramienta. Amaya soporta CSS, HTML, XHTML y MathML 2.0 (que te permite navegar y escribir páginas web que contienen símbolos matemáticos).

http://www.trellian.com/webpage/

Trellian página web es un editor WYSIWYG con una interfaz de “arrastrar y soltar”, una pantalla de vista previa que le permite ver su página en tres anchos de pantalla común (640, 800 y 1024), incorpora carga FTP, incluye asistente de creación de tablas, una herramienta para creación de formularios, etc. También tiene un resaltado editor de HTML de sintaxis para la gente que lo desea. Puede cambiar al modo HTML para algunos ajustes. Incluye soporte para plugins de Adobe Photoshop.

COMPATIBILIDAD DE NAVEGADORES WEB

ETIQUETAS DE HTML

Etiquetas
Apertura	Acción	Atributos	Cierre
< !	Comentario.	Ninguno	-->
<A>	Hipervínculo.	HREF, NAME, REL, REV, TITLE	</A>
<ADDRESS>	Formato para dirección del autor.	Ninguno	</ADDRESS>
<BASE>	Url del autor; contexto del documento.	HREF	</BASE>
<BASEFONT SIZE>	Tamaño de la fuente base.	Ninguno	NO
<BGSOUND>	Sonido de fondo.	SRC, LOOP.	NO - Internet Explorer
<BIG>	Aumenta el tamaño.	Ninguno	</BIG>
<BLINK>	Hace parpadear el texto.	Ninguno	</BLINK> - Netscape
<BLOCKQUOTE>	Da formato con sangría a un párrafo	Ninguno	</BLOCKQUOTE>
<BODY>	Cuerpo del documento.	BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK	</BODY>
<BR>	Retorno de línea.	CLEAR: Se utiliza en combinación con ALIGN de IMAGE.	NO
<CAPTION>	Posición de la leyenda en una tabla.	ALIGN: TOP/BOTTOM. Internet Explorer: LEFT, RIGHT, CENTER	</CAPTION>
<CENTER>	Centrar.	Ninguno	</CENTER>
<CITE>	Formato para citas en itálicas.	Ninguno	</CITE>
<CODE>	Formato en tipo código.	Ninguno	</CODE>
<DD>	Definiciones marcadas, para Lista de Definiciones <DL>.	Ninguno	NO
<DFN<	Formato en itálica.	Internet Explorer	</DFN<
<DIR>	Lista de directorio, con elementos marcados con <LI>.	Ninguno	</DIR>
<DL>	Lista de Definiciones, con términos marcados con <DT> y definiciones marcadas con <DD>.	Ninguno	</DL>
<DT>	Términos marcados, para Lista de Definiciones <DL>.	Ninguno	NO
<EM>	Formato enfatizado en itálica.	Ninguno	</EM>
<EMBED>	Sonido de Fondo.	SRC, WIDTH, HEIGHT, AUTOSTART, LOOP.	NO - Netscape
<FONT>	Definición de la fuente.	SIZE, COLOR. Internet Explorer: FACE.	</FONT>
<FORM>	Para ingreso de datos del usuario en un formulario.	ACTION, METHOD	</FORM>
<H1 ...H6>	Tamaño de letras del 1 al 6.	HTML 3.0: LEFT, CENTER, RIGHT	</H1 .../H6>
<HEAD>	Encabezamiento del documento.	BASE, TITLE, ISINDEX, NEXTID, META	</HEAD>
<HR>	Línea horizontal.	NOSHADE, SIZE, WIDTH, ALIGN. Internet Explorer: COLOR	NO
<HTML>	Al principio y al fin de todo documento.	HEAD, BODY	</HTML>
<I>	Itálica (Cursiva).	Ninguno	</I>
<IMG>	Cargar imágenes.	ALIGN, SRC, ALT, ISMAP, WIDTH, HEIGHT, VSPACE, HSPACE	NO
<INPUT>	Define un objeto de ingreso en un formulario.	TYPE, NAME, VALUE, SIZE, MAXLENGHT, ALIGN, SRC, CHECKED	</INPUT>
<ISINDEX>	Indica que existe un index en el server para el documento.	Netscape: PROMPT	NO
<ISMAP>	Activa la selección de imágenes para el usuario.	Ninguno	NO
<KBD>	Formato monoespaciado.	Ninguno	</KBD>
<LI>	Ítem de lista.	Netscape: VALUE, TYPE	NO
<LISTING>	Listados	Ninguno. Obsoleto.	</LISTING>
<LIT>	Literal. Como PRE, pero usa letra proporcional.	Ninguno	</LIT>
<MARQUEE>	Marquesina.	ALIGN, BEHAVIOR, BGCOLOR, DIRECTION, HEIGHT, WIDTH, HSPACE, VSPACE, LOOP, SCROLLAMOUNT, SCROLLDELAY.	</MARQUEE> - Internet Explorer
<MENU>	Lista menú.	Ninguno	</MENU>
<META>	Metainformación ubicada en HEAD.	EQUIV, CONTENT, NAME	NO
<NEXTID>	Es un parámetro que identifica al documento.	NO	NO
<NOBR>	Elimina los saltos de líneas.	Ninguno	NO
<OL>	Lista ordenada, con elementos marcados con <LI>.	TYPE, START, VALUE.	</OL>
<OPTION>	Opción de selección dentro de un formulario.	VALUE, SELECTED VALUE	NO
<P>	Retorno de línea, con un espacio.	Ninguno	NO
<P ALIGN>	Alineación de texto.	LEFT, CENTER, RIGHT	</P>
<PLAINTEXT>	Pasaje de texto plano.	Ninguno. Obsoleto.	</PLAINTEXT>
<PRE>	Visualiza el texto en su formato original.	WIDTH	</PRE>
<S>	Texto tachado.	Ninguno	</S>
<SAMP>	Formato tipo ejemplo.	Ninguno	</SAMP>
<SELECT>	Para selección de opciones dentro de un formulario.	NAME, SIZE, MULTIPLE	</SELECT>
<SMALL>	Disminuye el tamaño.	Ninguno	</SMALL>
<STRONG>	Formato enfatizado más fuerte que <EM>.	Ninguno	</STRONG>
<SUB>	Subíndice.	Ninguno	</SUB>
<SUP>	Superíndice.	Ninguno	</SUP>
<TABLE>	Tabla.	BORDER, CELLPADDING, CELLSPACING, HEIGTH, WIDTH. Internet Explorer: COLOR	</TABLE>
<TD>	Celdas de una fila en una tabla, dentro de <TR>.	ALIGN, VALIGN, NOWRAP, COLSPAN, ROWSPAN, HEIGTH, WIDTH	</TD>
<TEXTAREA>	Área para ingreso de texto dentro de un formulario.	NAME, ROWS, COLS.	</TEXTAREA>
<TH>	Título de Tabla.	ROWSPAN, COLSPAN, ALIGN, VALIGN, NOWRAP, HEIGHT, WIDTH	</TH>
<TITLE>	Título dentro de HEAD.	Ninguno	</TITLE>
<TR>	Fila de una Tabla.	ALIGN, VALIGN	</TR>
<TT>	Formato tipo máquina.	Ninguno	</TT>
<UL>	Lista no ordenada, con elementos marcados con <LI> .	COMPACT, TYPE	</UL>
<VAR>	Formato tipo variable.	Ninguno	</VAR>
<WBR>	Se usa con NOBR para una sección que deba ser separada.	Ninguno	NO
<XMP>	Similar a PRE.	Ninguno	</XMP>