Indice

INTRODUCCIÓN
HTML (HyperText Markup Language) es el primer lenguaje que una persona debe conocer si desea comenzar a realizar
páginas web. HTML no es un lenguaje de programación, sino un lenguaje descriptivo, una serie de etiquetas que el
navegador interpretará de una u otra forma para mostrar distintos contenidos por pantalla. La Importancia de la
nueva de un sitio web en la actualidad es de suma importancia ya que con ella las empresas logran obtener más
clientes y dar a conocer sus productos por ello es importante conocer tema de HTML.
¿QUE ES HTML?
HTML, siglas en inglés de HyperText Markup Language (‘lenguaje de marcas de hipertexto’), hace referencia al lenguaje
de marcado para la 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. 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
El lenguaje HTML basa su filosofía de desarrollo en la diferenciación. Para añadir un elemento externo a la página
(imagen, vídeo, script, entre otros.), este no se incrusta directamente en el código de la página, sino que se hace una
referencia a la ubicación de dicho elemento mediante texto. De este modo, la página web contiene solamente texto
mientras que recae en el navegador web (interpretador del código) la tarea de unir todos los elementos y visualizar
la página final. Al ser un estándar, HTML busca ser un lenguaje que permita que cualquier página web escrita en una
determinada versión, pueda ser interpretada de la misma forma (estándar) por cualquier navegador web actualizado.
Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido diversas características, con el
fin de hacerlo más eficiente y facilitar el desarrollo de páginas web compatibles con distintos navegadores y
plataformas (PC de escritorio, portátiles, teléfonos inteligentes, tabletas, etc.) No obstante, para interpretar
correctamente una nueva versión de HTML, los desarrolladores de navegadores web deben incorporar estos cambios
y el usuario debe ser capaz de usar la nueva versión del navegador con los cambios incorporados. Normalmente los
cambios son aplicados mediante parches de actualización automática (Firefox, Chrome) u ofreciendo una nueva
versión del navegador con todos los cambios incorporados, en un sitio web de descarga oficial (Internet Explorer).
Por lo que un navegador desactualizado no será capaz de interpretar correctamente una página web escrita en una
versión de HTML superior a la que pueda interpretar, lo que obliga muchas veces a los desarrolladores a aplicar
técnicas y cambios que permitan corregir problemas de visualización e incluso de interpretación de código HTML. Así
mismo, las páginas escritas en una versión anterior de HTML deberían ser actualizadas o reescritas, lo que no siempre
se cumple. Es por ello que ciertos navegadores todavía mantienen la capacidad de interpretar páginas web de
versiones HTML anteriores. Por estas razones, todavía existen diferencias entre distintos navegadores y versiones al
interpretar una misma página web.
Tim Berners-Lee (TBL) en 199123 describe 18 elementos que incluyen el diseño inicial y relativamente simple de HTML.
Trece de estos elementos todavía existen en HTML 4.4
Primeras especificaciones de HTML
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 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.6De 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
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.
Estructura general de una línea de código en el lenguaje de etiquetas HTML.
El marcado estructural describe el propósito del texto. Por ejemplo, <h2>Golf</h2> establece «Golf» como un
encabezamiento de segundo nivel, el cual se mostraría en un navegador de una manera similar al título «Marcador
HTML» al principio de esta sección. El marcado estructural no define cómo se verá el elemento, pero la mayoría de
los navegadores web han estandarizado el formato de los elementos. Puede aplicarse un formato específico al texto
por medio de hojas de estilo en cascada.
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.
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).910
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).
ETIQUETAS HTML BÁSICAS
<html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser
interpretado como código HTML. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE,
que significa la palabra justo tras DOCTYPE el tag de raíz.
<script>: incrusta un script en una web, o llama a uno mediante src="url del script". Se recomienda incluir el tipo MIME
en el atributo type, en el caso de JavaScript text/javascript.
<head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que
no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador. Dentro de la cabecera
<head> es posible encontrar:
<title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana.
<link>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link rel="stylesheet" href="/style.css"
type="text/css">.
<style>: para colocar el estilo interno de la página; ya sea usando CSS u otros lenguajes similares. No es necesario
colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>.
<meta>: para metadatos como la autoría o la licencia, incluso para indicar parámetros http (mediante http-equiv="")
cuando no se pueden modificar por no estar disponible la configuración o por dificultades con server-side scripting.
<body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en
el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y
márgenes. Dentro del cuerpo <body> es posible encontrar numerosas etiquetas. A continuación se indican algunas a
modo de ejemplo:
<article>: Representa una composición auto-contenida en un documento, página, una aplicación o en el sitio, que se
destina a distribuir de forma independiente o re-utilizable.
<h1> a <h6>: encabezados o títulos del documento con diferente relevancia.
<table>: define una tabla.
<tr>: fila de una tabla.
<td>: celda de una tabla (debe estar dentro de una fila).
<footer> : representa el pie de un documento o sección. La información que se suele añadir en este bloque es el autor
del documento, enlaces a contenido relacionado, información de copyright, avisos legales, etc.
<a>: hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo
href. Por ejemplo: <a href="http://www.example.com" title="Ejemplo" target="_blank" tabindex="1">Ejemplo</a> se
representa como ejemplo.14
<div>: división de la página. Se recomienda, junto con css, en vez de <table> cuando se desea alinear contenido.
<img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img
src="./imágenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo".
<li><ol><ul>: etiquetas para listas.
<b>: texto en negrita (etiqueta desaprobada. Se recomienda usar la etiqueta <strong>).
<i>: texto en cursiva (etiqueta desaprobada. Se recomienda usar la etiqueta <em>).
<s>: texto tachado (etiqueta desaprobada. Se recomienda usar la etiqueta <del>).
<u>: Antes texto subrayado. A partir de HTML 5 define porciones de texto diferenciadas o destacadas del resto, para
indicar correcciones por ejemplo (etiqueta desaprobada en HTML 4.01 y redefinida en HTML 5).1516
<main>: división estructural de la página que engloba el contenido principal de la misma. Dentro de esta etiqueta, por
ejemplo, encontramos los <article>.
<span> : Sirve para diferenciar un texto de otro.
<br>: Sirve para provocar un salto de linea.Esta etiqueta no se cierra.
La mayoría de etiquetas deben cerrarse como se abren, pero con una barra («/») tal como se muestra en los
siguientes ejemplos:
 <table><tr><td>Contenido de una celda</td></tr></table>.
 <script>Código de un script integrado en la página</script>.
 <header> División estructural en la parte del contenido.

HISTORIA DE HTML
La historia completa de HTML es tan interesante como larga, por lo que a continuación se muestra su historia resumida
a partir de la información que se puede encontrar en la Wikipedia.
El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee, trabajador del CERN (Organización Europea
para la Investigación Nuclear) propuso un nuevo sistema de "hipertexto" para compartir documentos.
Los sistemas de "hipertexto" habían sido desarrollados años antes. En el ámbito de la informática, el "hipertexto"
permitía que los usuarios accedieran a la información relacionada con los documentos electrónicos que estaban
visualizando. De cierta manera, los primitivos sistemas de "hipertexto" podrían asimilarse a los enlaces de las páginas
web actuales.
Tras finalizar el desarrollo de su sistema de "hipertexto", Tim Berners-Lee lo presentó a una convocatoria organizada
para desarrollar un sistema de "hipertexto" para Internet. Después de unir sus fuerzas con el ingeniero de sistemas
Robert Cailliau, presentaron la propuesta ganadora llamada WorldWideWeb (W3).
El primer documento formal con la descripción de HTML se publicó en 1991 bajo el nombre HTML Tags (Etiquetas HTML)
y todavía hoy puede ser consultado online a modo de reliquia informática.
La primera propuesta oficial para convertir HTML en un estándar se realizó en 1993 por parte del organismo IETF
(Internet Engineering Task Force). Aunque se consiguieron avances significativos (en esta época se definieron las
etiquetas para imágenes, tablas y formularios) ninguna de las dos propuestas de estándar, llamadas HTML y HTML+
consiguieron convertirse en estándar oficial.
En 1995, el organismo IETF organiza un grupo de trabajo de HTML y consigue publicar, el 22 de septiembre de ese
mismo año, el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar oficial de HTML.
A partir de 1996, los estándares de HTML los publica otro organismo de estandarización llamado W3C (World Wide Web
Consortium). La versión HTML 3.2 se publicó el 14 de Enero de 1997 y es la primera recomendación de HTML publicada
por el W3C. Esta revisión incorpora 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.0 se publicó el 24 de Abril de 1998 (siendo una versión corregida de la publicación original del 18 de Diciembre
de 1997) y supone un gran salto desde las versiones anteriores. Entre sus novedades más destacadas se encuentran
las hojas de estilos CSS, la posibilidad de incluir pequeños programas o scripts en las páginas web, mejora de la
accesibilidad de las páginas diseñadas, tablas complejas y mejoras en los formularios.
La última especificación oficial de HTML se publicó el 24 de diciembre de 1999 y se denomina HTML 4.01. Se trata de
una revisión y actualización de la versión HTML 4.0, por lo que no incluye novedades significativas.
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ó el 22
de 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.
De forma paralela a su actividad con HTML, W3C ha continuado con la estandarización de XHTML, una versión avanzada
de HTML y basada en XML. La primera versión de XHTML se denomina XHTML 1.0 y se publicó el 26 de Enero de 2000 (y
posteriormente se revisó el 1 de Agosto de 2002).
XHTML 1.0 es una adaptación de HTML 4.01 al lenguaje XML, por lo que mantiene casi todas sus etiquetas y
características, pero añade algunas restricciones y elementos propios de XML. La versión XHTML 1.1 ya ha sido
publicada en forma de borrador y pretende modularizar XHTML. También ha sido publicado el borrador de XHTML 2.0,
que supondrá un cambio muy importante respecto de las anteriores versiones de XHTML.
PROCESADOR DE TEXTO UTILIZADO PARA EL CODIGO HTML
Procesadores de texto online: plasma tus ideas desde cualquier dispositivo y lugar
Todo el mundo conoce Microsoft Word, pero ¿hay vida más allá de la herramienta de escritura que nos ofrece Office?
Claro que sí, ahí tenemos otras grandes suites de ofimática como LibreOffice u OpenOffice, que además de ser
gratuitos son realmente competentes.
Hoy vamos a intentar ir un poco más allá y vamos a revisar otros procesadores de texto alternativos, todos ellos con
una característica en común: Que los podamos ejecutar desde nuestro navegador, sin necesidad de ningún tipo de
instalación y que además sean gratuitos.
Estos son los 10 mejores procesadores de texto online gratuitos que podemos encontrar en la red. Completos
procesadores de ofimática, editores de código y texto enriquecido.
Google Docs
Google Docs es uno de los mejores procesadores de texto online que podemos encontrar. Podemos acceder a él desde
Google Drive, y lo único que necesitamos para poder crear y editar documentos es tener una cuenta de Gmail. ¿Quién
no tiene una cuenta de Gmail hoy en día? Inicia sesión en Google, ve a Google Drive y pulsa sobre “Nuevo” para crear
un nuevo documento de texto (docx, odt, rtf, pdf o txt)
Lo mejor es que tenemos todo un paquete ofimático a nuestra disposición: Podemos crear documentos de texto, hojas
de cálculo, presentaciones, dibujos etc. Todo sin necesidad de instalar nada. Punto para Google. | Abrir Google Docs
Mejores procesadores de texto online gratis internet sin instalar programas aplicaciones Word processor Google
Docs Zoho Stack Edit Write URL Hemingway Draft
Word Online
No podemos hablar de Google Docs sin mencionar a la contrapartida de Microsoft y su Word Online. Dentro del paquete
de aplicaciones de OneDrive, al igual que en Google Drive, encontramos un fantástico procesador y editor de textos
online.
Word Online cuenta con las mismas funcionalidades y características del Microsoft Word de toda la vida. Eso sí, con
las ventajas que implica el hecho de ser una versión web, accesible desde cualquier ordenador con un navegador de
Internet habilitado. Muy completo y fácil de usar, sobre todo si ya estamos acostumbrados a utilizar el paquete de
Office. | Abrir Word Online
los mejores editores de texto en linea
StackEdit
StackEdit es un procesador de texto online que no requiere registro, y puedes usarlo siempre que quieras. Está
principalmente orientado a usuarios que escriben y editan online, y aunque no permite descargar un documento en
.doc (trabaja con formato MarkDown) puedes sincronizar tus escritos con Blogger, WordPress, Tumblr, Google Drive
o Dropbox. La mejor manera de escribir un post y subirlo a tu web sin necesidad de ninguna otra herramienta.
Otra de las ventajas es que no necesitas tener conexión a internet para ver tus documentos de StackEdit, ya que éstos
se guardan en el propio navegador y puedes acceder a ellos offline cuando quieras. | Abrir StackEdit
Mejores procesadores de texto online gratis internet sin instalar programas aplicaciones Word processor Google
Docs Zoho Stack Edit Write URL Hemingway Draft
WriteURL
La punta de lanza de WriteURL es que permite crear y editar textos en tiempo real de forma colaborativa. No es
necesario registrarse, y basta con crear un nuevo documento para empezar a escribir. Pulsa sobre “Share” y tendrás
un enlace que podrás compartir con otras personas y editar documentos al mismo tiempo. Además puedes descargar
los archivos en formato .doc.
Una herramienta muy valiosa para trabajos escolares en grupo o colaboraciones en general. | Abrir WriteURL
Mejores procesadores de texto online gratis internet sin instalar programas aplicaciones Word processor Google
Docs Zoho Stack Edit Write URL Hemingway Draft
El diseño y funciones de WriteURL es muy similar al que podemos encontrar en otros editores tales como WordPress
Collabedit
Collabedit es un editor de textos online pensado para programar de forma colaborativa. Soporta un gran número de
lenguajes de programación, como HTML, Java, Javascript, css, C++, SQL, Perl, PHP, Visual Basic y más.
Lo que diferencia a este editor del resto es que cuenta con un chat online en uno de los laterales del editor, lo que
facilita el trabajo en grupo, y también dispone de un registro de cambios.
Otra de sus funciones es que podemos compartir los documentos que editamos con un enlace, pero por desgracia no
hay forma de protegerlos con contraseña ni cuentan con ningún tipo de encriptación. | Abrir Collabedit.
Página web
Una página web, o página electrónica, página digital, o ciberpágina12 es un documento o información electrónica capaz
de contener texto, sonido, vídeo, programas, enlaces, imágenes y muchas otras cosas, adaptada para la llamada World
Wide Web (WWW) y que puede ser accedida mediante un navegador web. Esta información se encuentra generalmente
en formato HTML o XHTML, y puede proporcionar acceso a otras páginas web mediante enlaces de hipertexto.
Frecuentemente también incluyen otros recursos como pueden ser hojas de estilo en cascada, guiones (scripts),
imágenes digitales, entre otros.
Las páginas web pueden estar almacenadas o en un servidor web remoto. El servidor web puede restringir el acceso
únicamente a redes privadas, por ejemplo, en una intranet corporativa, o puede publicar las páginas en la World Wide
Web. El acceso a las páginas web es realizado mediante una transferencia desde servidores, utilizando el protocolo
de transferencia de hipertexto (HTTP).

Editores web
PROGRAMA PARA DISEÑAR PAGIANA WEB
Editores de texto
Un editor web es el programa o aplicación que utilizamos para construir o crear una página web. En principio nos
puede servir cualquier editor de texto. Es por eso que dedicaremos unas líneas a los editores de texto.
Un editor de texto es un programa que utilizamos para crear o modificar archivos de texto sin formato. Es decir
podemos escribir y guardar texto pero no podemos darle color ni tamaño ni ninguna otra propiedad.
Todos los sistemas operativos incluyen un editor de texto. En Windows el editor de textos es el block de notas o
notepad. Cuando creamos un archivo de texto con el block de notas de windows, al guardarlo toma por defecto la
extensión .txt, sin embargo esto podemos cambiarlo indicando nosotros otro tipo de extensión.
Los editores de texto se emplean normalmente para guardar datos, y también en programación y lenguajes
informáticos para crear el código. Es por esto que para crear páginas web nos vale cualquier editor de textos
No hay que confundir editor de texto con procesador de texto, el procesador de texto es el que utilizamos para crear
documentos de texto elaborados y formateados para poder imprimirlo. Ejemplos de prodesadores de texto son el
Microsoft Word o el Open Office Word.
Qué es un editor web
Un editor web es un editor de texto especializado para crear páginas web. En principio podría bastarnos cualquier
editor de texto para crear una página web. y de hecho así podemos hacerlo por ejemplo con el block de notas de
windows.
Sin embargo hay aplicaciones que son editores de texto especializados para crear páginas web. Se distingue del block
de notas de Windows o cualquier otro editor simple en que los editores web tienen además una serie de funciones que
facilitan al diseñador la creación de la página.
Aunque con un editor web podemos crear todo tipo de archivos de texto plano (texto sin formato), su uso es casi
exclusivo para la creación de archivos que utilizamos para la visualización de páginas web. Es decir nos ayudan a
escribir en los códigos HTML y CSS.
Funciones del editor web
Un editor web suele tener las siguientes funciones:
colorear los textos : Indica con diferentes colores las diferentes partes del código, por ejemplo colorear las etiquetas
HTML de diferente color que el texto que se verá en pantalla.
Recordatorio de código : Tiene listas en las que nos recuerda el código (etiquetas HTML, selectores CSS, etc) que
debemos emplear, y nos ayuda a incluirlo.
Paleta de colores : Incluir un color para texto o fondo requiere de una nomenclatura para los colores en la que cada
color tiene un código. Mediante la paleta de colores elegimos el color directamente, e incluimos ese código.
Función WYSIWYG : Algunos editores web, poseen la función WYSIWYG (del inglés What You See Is What You Get, que
en castellano quiere decir: "lo que tú ves es lo que obtienes"). Consiste en la posibilidad de escribir la página tal como
queremos que se vea, es decir, parecido a un procesador de textos; moviendo cada elemento al sitio deseado y
cambiandole el aspecto (tamaño, color, etc.) mediante unos comandos especiales, y sin preocuparnos del código. La
aplicación se encarga de general el código necesario para su posterior visualización en la web.
La función WYSIWYG puede ser muy util para construir pequeñas páginas personales, ya que no necesitamos aprender
a utilizar el código. Sin embargo para páginas más elaboradas necesitamos escribir la página en el código, ya que la
la función WYSIWYG suele tener muchas limitaciones. Entre ellas la limitación para incluir elementos tales como
formularios o elementos dinámicos (javascript), la dificultad para cambiar estilos o elementos de la página una vez
construida, y el mayor espacio que esta ocupa al generar mayor cantidad de código.
Principales editores web
Daremos aquí una lista de los principales editores web del mercado:
Block de notas de Windows : Este es un editor de textos simple, no tiene ninguna funcion adicional, pero es tal vez el
que tenemos más a mano cuando empezamos a aprender a construir páginas web.logo HTML-Kit
HTML-Kit : Editor de textos gratuito, es uno de los más completos y con más funciones de ayuda para crear nuestras
páginas utilizando el código fuente. Es el recomendado aquí en Aprende Web, y el que hemos utilizado para crear
nuestro sitio. Su descarga y uso viene explicado detalladamente en la página anterior: HTML-Kit
KompoZer : Editor de textos gratuito. Es la versión actual del antiguo Nvu. logo KompoZerPosee las funciones básicas
para crear texto mediante código fuente, insertar tablas, listas, formularios, y también tiene función WYSIWYG.
Podemos descargar su versión en español en la página de descargas de su sitio oficial
http://www.kompozer.net/download.php. Una vez entramos en la página, en la parte inferior tenemos una tabla con
el título: Other systems and languages. Buscamos ahi en la fila "Languaje" : "Spanish" y pulsamos en la columna
Windows/installer. Se nos abrirá un archivo de descarga. Lo descargamos e instalamos como cualquier otro
programa.
logo FrontPageFrontpage : Editor web de Microsoft, Aunque no es gratuito es bastante popular, ya que es posible que
venga incluido en el paquete de Microsoft Office. Está orientado sobre todo a la función WYSIWYG, es decir para crear
páginas de una forma visual y sin utilizar el código. Los diseñadores profesionales desaconsejan su uso, sin embargo
puede ser útil para aquellos que quieran crear una página sin tener que aprender a utilizar el código.
Dreamweaver : Editor web de Adobe, Aunque no es gratuito es el más utilizado y recomendado para el que se quiera
dedicar al diseño web profesional. Al descargarlo nos dan un periodo de prueba gratuito de 30 días. Tiene multitud de
funciones que logo Dreamweaverfacilitan el trabajo del diseñador, tanto si se diseña mediante el código como
mediante función WYSIWYG. Es sin duda el editor web más completo del mercado.
Qué editor utilizar
Sin duda utilizar un editor web u otro dependerá de las necesidades y conocimientos del diseñador.
Si lo que queremos es crear una página sencilla de forma rápida, y no tenemos conocimientos de los lenguajes o
códigos necesarios para crear las páginas, sin duda la mejor opción es utilizar un editor con WYSIWYG bastante
completo como por ejemplo el FrontPage.
Sin embargo si lo que queremos es crear una página más elaborada y con apariencia profesional utilizaremos algún
editor web en el que podamos escribir y modificar el código de manera sencilla. El HTML-Kit o el dreamweaver pueden
servirnos.
Nosotros hemos recomendado aquí el HTML-Kit por ser un editor web gratuito y bastante completo para crear páginas
con el código de una manera sencilla. Nuestros manuales enseñan la manera de crear el código para generar páginas.
HTML-Kit se adapta a las prácticas necesarias para seguir nuestros manuales. Es por eso por lo que lo recomendamos.
Sin embargo, cada diseñador debe tener en cuenta los pros y los contras de cada editor web, ir probándolos, y utilizar
aquel que crea más conveniente para sus necesidades.
 Bibliografía
A dictionary of HTML Metatags. http://vancouver-webpages.com/META
BERNERS-LEE, Tim. Style Guide for Online Hypertext.http://www.w3.org/Provider/Style/Overview.html
Cover Pages. XML Schemas. http://www.oasis-open.org/cover/schemas.html
Cover Pages. XML Schemas. http://www.oasis-open.org/cover/schemas.html
Desarrolloweb.com Manual de HTML http://www.desarrolloweb.com/manuales/21/
Desarrolloweb.com HTML a fondo http://www.desarrolloweb.com/html
https://uniwebsidad.com/libros/xhtml/capitulo-1/breve-historia-de-html
https://aprende-web.net/comple/programas/programas3.php
https://es.wikipedia.org/wiki/HTML