miércoles, 17 de noviembre de 2010

ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML

Un documento HTML comienza con la etiqueta <html>, y termina con </html>. Dentro del documento (entre las etiquetas de principio y fin de html), hay dos zonas bien diferenciadas: el encabezamiento, delimitado por <head> y </head>, que sirve para definir diversos valores válidos en todo el documento; y el cuerpo, delimitado por <body> y </body>, donde reside la información del documento.
La única utilidad del encabezamiento en la que nos detendremos es la directiva <title>, que permite especificar el título de un documento HTML. Este título no forma parte del documento en sí: no aparece, por ejemplo, al principio del documento una vez que este se presenta con un programa adecuado, sino que suele servir como título de la ventana del programa que nos la muestra. Por ejemplo, en el encabezamiento de este manual se ha especificado:

<title>Manual práctico de HTML</title>

en minúsculas. Obsérverse que el título que encabeza este texto se ha escrito con mayúsculas, para distinguirlo del título global del documento.
El cuerpo de un documento HTML contiene el texto que, con la presentación y los efectos que se decidan, se presentará ante el hiperlector. Dentro del cuerpo son aplicables todos los efectos que se van a mencionar en el resto de esta guía. Dichos efectos se especifican exclusivamente a través de directivas. Esto quiere decir que los espacios, tabulaciones y retornos de carro que se introduzcan en el fichero fuente no tienen ningún efecto a la hora de la presentación final del documento. Por ejemplo, escribiendo:

Estas
      palabras
forman          una
    frase.

producimos exactamente lo mismo que con:

Estas palabras forman una frase.

A la hora de la verdad lo que se ve es:
Estas palabras forman una frase.

En resumen, la estructura básica de un documento HTML queda de la forma siguiente:
<html>
<head>
<title>Título</title>
</head>
<body>
Texto del documento, menciones a gráficos, enlaces, etc.
</body>
</html>
IMAGENES DE LA ESTRUCTURA DEL CPU (UNIDAD CENTRAL DE PROCESO)

ENLACES Y URLs

Creación de enlaces

<A>

Lo característico del lenguaje HTML es el poder generar vínculos de hipertexto para enlazar con ellos todos sus documentos en web.

Para generar un enlace a otro documento necesitamos el nombre de un archivo (o su dirección URL) y el texto que servirá de punto de activación del otro documento. Este segundo elemento será el que veamos en pantalla y que se servirá del primero para saltar de documento.

Los enlaces se generan mediante la tag <A>.....</A> y, a diferencia de los vistos anteriormente, llevará siempre dentro de la tag un atributo ya sea <A HREF=""> o <A NAME="">.

<A HREF="URL">.....</A>: Es el más habitual de los atributos y sirve para saltar entre diferentes URLs. De momento veremos:
- Saltar en una presentación del archivo 1 al archivo 2: En el archivo 1 incluiremos la directiva <A HREF="archivo2.html">Siguiente página</a>
- Saltar de nuestra presentación a otra presentación web llamada www.bienvenidos.es: <A HREF="http://www.bienvenidos.es">Visita esta página</A>
<A NAME="parte1">Primera parte</A>: Utilizamos el atributo name para dar nombre a una sección de nuestro documento. Posteriormente, cuando en nuestro documento queramos incluir un vínculo a dicha sección escribiremos: <A HREF="#parte1">Ir a la primera parte</A>

URLs

URL: Localizador Universal de Recursos

Los URL son las direcciones de las informaciones que buscamos en Internet. Los URL constan de tres partes:

Protocolo: Es el programa que utilizará el navegador para obtener el archivo elegido. Les suena HTTP, FTP, Gopher...
Nombre del host: Se trata del sistema donde se encuentra almacenada la información que buscamos.
Ruta del fichero: Se trata de la ubicación del archivo dentro del host.

Entre los principales tipos de URL destacan:

HTTP: Son los más populares ya que son los utilizados por los servidores de WWW para mandar documentos a través de Internet.
FTP: Se utilizan para apuntar hacia los archivos que estén en servidores que usan el protocolo FTP (File Transfer Protocol). Este protocolo es normalmente utilizado para enviar y recibir ficheros. Es el protocolo que se usa para enviar nuestras páginas al servidor de internet. Como ya se puede imaginar en estos servidores se almacenan los archivos que forman parte de nuestra presentación web.
File: Apuntan hacia archivos contenidos en el mismo disco que se encuentra el navegador. No resulta muy interesante poner estos URL en nuestras presentaciones puesto que otra persona que desde otro sistema apunte hacia este URL, generalmente fallará en su intento y no podrá tener acceso a él.
Mailto: Se usa para mandar correos electrónicos. Cuando seleccionamos este tipo de URL se abre la aplicación de correo electrónico de nuestro ordenador para enviar un correo a la dirección hacia la que apunta el URL. La forma estandar es: mailto:webmaster@bienvenidos.es
News: Son URL de grupos de noticias, en estos servidores se almacenan mensajes el los que se discuten sobre direfentes temas

HTML BASICO

El lenguaje HTML

Como ya se ha dicho, este lenguaje estructura documentos. La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...) que van a ser definidas por este lenguaje mediante tags. Cualquier cosa que no sea una tag es parte del documento mismo.

Este lenguaje no describe la apariencia del diseño de un documento sino que ofrece a cada plataforma que le de formato según su capacidad y la de su navegador (tamaño de la pantalla, fuentes que tiene instaladas...). Por ello y para no fustrarnos, no debemos diseñar los documentos basándonos en como lucen en nuestro navegador sino que debemos centrarnos en proporcionar un contenido claro y bien estructurado que resulte fácil de leer y entender.

No se desespere por lo que acaba de leer. HTML tiene dos ventajas que lo hacen prácticamente imprescindibles a la hora de diseñar una presentación web: Su compatibilidad y su facilidad de aprendizaje debido al reducido número de tags que usa.

Básicamente, los documentos escritos en HTML constan del texto mismo del documento y las tags que pueden llevar atributos. Esto llevado a la práctica, vendría a ser:

<tag> texto afectado </tag>

La tag del principio activa la orden y la última (que será la del principio precedida del signo /) la desactiva. No todas las tags tienen principio y final pero esto lo veremos más adelante.

Editores y convertidores

Antes de comenzar al trabajar sobre un editor, le recomendaría que visionase el código fuente de nuestra página principal. Todos los navegadores dan la opción de editarla (Menú ver / Código fuente). Si visita otras páginas y visualiza su código fuente encontrará similitudes en la forma en que están organizadas las páginas y en las tags utilizadas.

¿Dónde hay que editar el código fuente? Pues, si usted es usuario de Windows le bastaría con el Bloc de Notas y si utiliza Macintosh con el Simple Text. Si utiliza procesadores de texto más potentes debe guardar sus documentos como "solo texto" ya que HTML ignora todos los espacios en blanco. Una vez guardado convierta la extensión de texto por la extensión html o htm (en los sistemas DOS).

Los convertidores se utilizan para tomar los archivos de un procesador de textos y convertirlos a HTML. Pero debido a la propia limitación de este lenguaje, por muy elegante que hagamos un documento en nuestro procesador, un convertidor no obrará milagros y quizá acabe por crear cosas ilegibles en HTML. Además, la mayoría de los convertidores no convierten imágenes y no automatizan los vínculos hacia los documentos en Web debiendo corregir esto de manera manual.

A través de Internet o de revistas especializadas, usted podrá hacerse con editores y convertidores gratuitos o de muy reducidos costes. Quizá más adelante, cuando este acostumbrado a trabajar con HTML, puedan resultarle interesantes pero eso se lo dejo a su futura elección. De momento, hágame caso, si quiere aprender HTML use solo un procesador de texto simple.

Documento HTML

<HTML> <HEAD> <TITLE> <BODY>

Estructura básica de un documento HTML: Cabecera y cuerpo del documento

Tres son las tags que describen la estructura general de un documento y dan una información sencilla sobre él. Estas tags no afectan a la apariencia del documento y solo interpretan y filtran los archivos HTML.

<HTML>: Limitan el documento e indica que se encuentra escrito en este lenguaje.
<HEAD>: Especifica el prólogo del resto del archivo. Son pocas las tags que van dentro de ella, destacando la del titulo <TITLE> que será utilizado por los marcadores del navegador e identificará el contenido de la página. Solo puede haber un título por documento, preferiblemente corto aunque significativo, y no caben otras tags dentro de él. En head no hay que colocar nada del texto del documento.
<BODY>: Encierra el resto del documento, el contenido

Primeros pasos

<H1> <P> <BR>

Tres son la tags que describen la estructura general de un documento y dan una información sencilla sobre él. Estas tags no afectan a la apariencia del documento y solo interpretan y filtran los archivos HTML.

<H1>, <H2>, <H3>...: Titulares. Sirven para dividir el texto en secciones. Se pueden definir seis niveles de titulares, el texto que deseamos que sea un titular se pone entre las tags <H1> Titular </H1>. Se definen mediante las tags <H1>.....</H1> hasta <H6>.....</H6>
<P>: Párrafos. En principio, sin entrar en detalles de alineación u otras características, digamos que se definen por las tags <P>.....<P>. Esta tag, en un principio, se diseñó para saltar de párrafo por lo que puede ir sola "<P>" al final de un texto indicando que a continuación se quiere una línea en blanco aunque le recomendamos que se acostumbre a utilizarla abriéndola y cerrándola.
<BR>: Saltos de línea. Esta tag sirve para realizar un salto de linea, puede poner tantas como desee y realizará un salto de línea por cada una de ellas.
: Comentarios. Son directivas que nunca se mostrarán a través del navegador y que le servirán para recordatorios en futuras revisiones del documento

ENSAMBLAJE DE UNA COMPUTADORA

Elementos básicos para el ensamble:
1. Una mesa amplia con la superficie totalmente limpia.
2. Suficiente luz para poder ensamblar las partes pequeñas sin problemas.
3. Las herramientas y accesorios apropiados.
4. Una pulsera antiestática.
5. Todos los componentes del sistema.

Estos son:a) Gabinete y fuente de poder, incluyendo cables de conexión a la tarjeta principal y a los dispositivos de memoria auxiliar.
b) Tarjeta principal (tarjeta madre)
c) Procesador
d) Memoria Ram (DIMM's)
e) Tarjeta de Video
f) Tarjeta de Audio
g) Tarjeta de fax-MODEM (moduladora/demoduladora).
h) Unidad de lectura y escritura de discos flexibles.
i) Unidad de disco duro
j) Unidad lectora de disco compacto.
k) Cables de comunicación (para el disco duro, el disco flexible y el CD)
L) Teclado, Dispositivo apuntador (Mouse)
m) Monitor SVGA.
n) Bocinas.

Gabinete o carcasa: Es la "caja" donde se acoplan todos los componentes internos de la computadora.

Microprocesador: Es un chip que contiene varios millones de transistores y componentes que permiten realizar los cálculos y procesos de la computadora.

Memoria Ram: es una serie de chips de memoria integrados en tablitas o plaquetas modulares con 168 pines, conocidos como DIMM's. Se enchufan a la tarjeta principal en sus respectivos soquets denominados bancos de memoria RAM. Existen de igual modo Memorias DDR, son los mas recientes, con nuevas características y facilidades de acceso a los datos que se almacenan en éstos.

Tarjeta Principal: Es la placa base o soporte de todos los componentes electrónicos del sistema. Tarjeta de Video: Es una tarjeta de circuitos impresos, parecida ala tarjeta principal, solo que mas pequenas. se insertan en la ranura correspondiente, que puede ser del tipo ISA, PCI o AGP.

Tarjeta de Audio: Este tipo de tarjeta fue opcional hasta hace poco tiempo pero con el advenimiento de los
sistemas dedicados a multimediosm se volvió indispensable. Se conecta a a placa principal ya sea en una ranura tipo ISA o PCI.

Fax-MODEM: Puede ser tipo ISA o PCI se inserta de la misma manera que las otras.

PCI = Peripheral Component Interface
ISA = Industry Standard Architecture.

Ahora les mostraré 20 pasos fáciles para ensamblar un Computadora, que pueden variar deacuerdo al tipo y modelo de cada PC.... pero la secuencia es similar en todos los casos de computadoras Compatibles.

Paso 1.- Area de trabajo: El lugar de ensamble puede ser una mesa amplia, no metálica (para evitar descargas eléctricas hacia los delicados componentes y circuitos limpia y con buena iluminación.

Paso 2.- Instalación del procesador: Se toma la tarjeta principal y se prepara para insertar los componentes que van directamente en ella. Los soportes laterales se fijan a la base de la tarjeta, colocando los broches en su posición.

Paso 3.- Instalación de la memoria RAM: Las tablillas DIMM se insertan en los bancos de memoria RAm y se fijan con los seguros laterales. El numero de ranuras puede variar segun el fabricante y el modelo de la tarjeta principal. En este caso, la tarjeta tiene tres ranuras y se esta insertando solo un DIMM de 64 MB.

Paso 4.- Fijar la tarjeta principal de gabinete: La tarjeta principal tiene unas perforaciones que coinciden con unos pequeños postes que están sujetos al gabinete, se empalma la tarjeta haciendo coincidir las perforaciones y se fijan con tornillos.

Paso 5.- Instalación de la tarjeta de video: La instalación de tarjetas en las ranuras de expansión, se realiza siempre de la misma manera: primero se insertan para buscar la posición correcta y luego se presiona fuertemente sobre ellas. Las tarjetas de video pueden ser de tipo ISA, PCI o AGP.

Paso 6.- Instalación de la tarjeta de audio: Las tarjetas de audio pueden ser de tipo ISA o PCI. después de identificar el tipo correcto, se localiza la ranura correspondiente y se realiza el mismo procedimiento de la tarjeta de video.

Paso 7.- Instalación de la tarjeta MODEM: También estas tarjetas pueden ser ISA o PCI, para insertarlas, se realiza el mismo procedimiento que en los casos anteriores. :-) que pereza para escribir no??

Paso 8.- Colocación de la unidad de disquetes: para instalar este dispositivo conocido como drive o unidad de disco flexible, se retira la tapa que se encuentra generalmente al frente, en la parte media del gabinete. Se introduce la unidad por el conducto rectangular hasta hacer coincidir las entradas de tornillos del drive con los orificios del chasis, para fijar mediante los tornillos.

Paso 9.- Colocación del Disco Duro: Este dispositivo de almacenamiento de datos se coloca por la parte interna del gabinete, dentro de la bahía correspondiente. Se hace coincidir los orificios y se fija con los tornillos correspondientes.

Paso 10.- Colocación del lector de Disco Compacto:

Paso 11.- Conexión de los cables de corriente: Estando todos los dispositivos y tarjetas fijos en el gabinete, se procede a conectar los cables de alimentación de corriente eléctrica, a fin de que puedan operar. De la fuente de poder sale un grupo de cables con una Terminal de 20 hilos que se pueden acoplar al soquet que se encuentra en la tarjeta principal.

Paso 12.- Conexión de los cables de datos: Los dispositivos del almacenamiento de información en disquetes, requieren de dos tipos de cables; el de corriente eléctrica y el de datos. Los cables de datos son planos, generalmente de 34 hilos, de color gris, con el hilo 1 marcado con color rojo. Un extremo se conecta al controlador localizado en la tarjeta principal, haciendo coincidir el hilo en rojo con el pin 1 señalado en la placa de base.

Paso 13.- Conexión de las luces piloto (leds): Al frente del gabinete se encuentra dos pequenas cénales luminosas llamadas leds, que indican cuando la computadora esta encendida y que el disco duro se encuentra en uso. Estas señales se conectan a unos pines ubicados en la tarjeta principal, mediante cables de dos hilos que tienen un conector de puente.

Paso 14.- Conexión del interruptor de corriente y el botón de reinicio: Para terminar con las conexiones, se conectan los cables hacia los botones de interrupción y reinicio. El primero permite encender y apagar la computadora; el segundo reinicia el sistema cuando se ha quedado "congelado", a causa de un error de algunas aplicaciones. Es el equivalente a pulsar juntas las teclas [ctrl. + Alt. + supr.].

Paso 15.- Cerrado del Gabinete: Una vez que todos los componentes internos de la computadora están en su posición correctas y bien conectados, se hace una ultima inspección y se acomodan los cables para evitar que queden doblados o presionados con la tapa del gabinete.

Paso 16.- Conexión del Monitor: El monitor se conecta al sistema mediante dos cables: el de corriente eléctrica, que se conecta al regulador, y el de comunicaciones que tiene una Terminal de 15 pines para conectarse al puerto de video.

Paso 17.- Conexión del teclado: El teclado tiene un cable de comunicaciones con un conector redondo de 6 pines denominado minidin, con un pequeño borde hacia el interior que indica la posición en que debe entrar el puerto correspondiente.

Paso 18.- Conexión del apuntador grafico (ratón): El ratón también utiliza un cable de comunicaciones con un conector minidin; su conexión es similar ala del teclado.

Paso 19.- Conexión de las bocinas. Las bocinas cuentan con un conector machi de 3.5 mms, estereo, que se acopla al conector de salida de la tarjeta de audio en la parte posterior del gabinete.

Paso 20.- Conexión del micrófono: El micrófono se conecta a la computadora por un conector macho 3.5 mms. Se introduce en la tarjeta de audio de entrada correspondiente que viene señaladas en la parte posterior de la tarjeta.

El Hardware ha quedado listo; ahora solo falta instalar y configurar el software para que la computadora comience a trabajar. Se tendrá que instalar el SO y programas afines.... Espero y les haya servido este tutorial de cómo Ensamblar Una computadora, fue facil no?.

Organización de una Web

ORGANIZACION DE UNA WEB

Para hacer una buena presentación Web lo ideal es crearnos un boceto inicial de la estructura. Si hacemos esto, no solo estamos procurando una presentación agradable y facilitando la tarea de navegar sino que también nos facilitamos el mantenimiento de futuras revisiones y modificaciones.

Objetivos

Lo primero que debemos hacer el fijarnos los objetivos que queremos alcanzar según la información que vayamos a aportar. Para crear nuestra primera página, estos objetivos deberían no ser muy pretenciosos o tener un sentido únicamente personal. Tener claros los objetivos nos ayudara a no plasmar contenidos confusos o innecesarios.

Contenidos

Una vez tenemos los objetivos, hay que organizar el contenido por temas o secciones, que se ajusten a nuestros objetivos, reuniendo las informaciones relacionadas bajo el mismo epígrafe. Es conveniente que los temas sean razonablemente cortos y si fuera necesario divida en subtemas. Si por el contrario tenemos temas muy cortos, lo correcto sería agruparlos bajo un encabezado de tema algo más general.

Primer paso

Una presentación Web consiste de una o más páginas Web que contienen texto y gráficos y que están vinculadas entre si creando un cuerpo de información. La página principal o página base es desde donde se comienza a visitar la presentación y su URL será la que figure como dirección de la presentación. Esta página base debe ofrecer un panorama general del contenido de la presentación.

Organización

Ha llegado la hora de estructurar la información recopilada en un conjunto de páginas Web. Podemos crearnos una estructura propia pero lo más lógico es guiarnos por una estructura clásica. Para más información sobre la estructura consulte las páginas "La estructura" y "Tipos de estructuras" de la guía de estilo.

Secuenciación

Consiste en decidir que contenido va en cada página, elaborar la trama de vínculos para navegar entre ellas e incluso, hacernos una idea de que tipo de gráficos vamos a poner y que ubicación van a tener. Para ello puede utilizarse un "Tablero de Secuencia", un esquema gráfico que nos ayudará a recordar en todo momento donde encaja cada página en el global de la presentación.

Revisión de objetivos

Finalmente y antes de ponernos a crear nuestra presentación Web, debemos prestar atención a que lo que tenemos plasmado en el "Tablero de Secuencia" cubre los objetivos que nos habíamos propuesto. Si es así, ya podemos comenzar a manejarnos con HTML.

lunes, 15 de noviembre de 2010

CODIGO HTML BASICO

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.
head: define la cabecera del documento HTML, esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario.
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.
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.
COMO EDITAR UNA PAGINA WEB
Como primer paso abrir el bloc de notas

Despues escribir la estructura en html,como se muestra en la siguiente figura.

Ya que tengamos la estructura ,guar el archivo en archivo/guardar como,en donde se guarda el archivo con la extencion html.

Despues se debe abrir el archivo, en donde aparece el servidor de internet pero con la imformacion editada en el bloc de notas.

lunes, 25 de octubre de 2010

PROBLEMAS DEL SOFTWARE Y EL HADWARE Y LOS REPORTES DE MANTENIMIENTO

REPORTE DE PROBLEMAS DE OPERACION DEL EQUIPO DE COMPUTO
FECHA. 25 de octubre de 2010 HORA. 12.50 AM
El equipo de computo numero 5 tiene varias fallas una de estas es que se apaga paulatinamente y que el

sistema operativo no funciona correctamente, esto es a causa de un virus, lo que se necesita corregir los

Problemas inmediatamente con ayuda de un antivirus que se instale en el equipo.

USUARIO MENDEZ ESPEJEL GABRIELA
COORDINADOR
LUCIOTTO VAZQUES STEPHANY

PROBLEMAS QUE SE RESUELVEN POR EL USUARIO O ENCARGADO DEL LABORATORIO
- LA CONEXIÓN INADECUADA DE UN DISPODITIVO EXTERIOR.
- PROBLEMAS DE LA TINTA O CARTUCHO DE LA IMPRESORA.
- DATECCION DE UN VIRUS
- INSTALACION DE UN PROGRAMA
PROBLEMAS QUE REQUIEREN DE INSTANCIAS DE MAYOR NIVEL

-PROBLEMA DE QUE UN DISPOSITIVO INTERNO NO FUNCIONA.
- EL EQUIPO NO ENCIENDE.
- PROBLEMAS DE COMUNICACIÓN DE RED INALAMBRICA.

SOLICITUD DE MANTENIMIENTO
FOLIO. G163E
NOMBRE DEL SOLICITANTE.
MENDEZ ESPEJEL GABRIELA
DEPARTAMENTO.
INFORMATICA.
FECHA DE SOLICITUD .25 DE OCTOBRE DEL 2010

DESCRIPCION DE EQUIPO MONITOR PLANO,CPU DE TORRE TECLADOPLANO Y RATON LASER
TIENE EL SISTEMA OPERATIVO WINDOWS VISTA
NUMERO DE SERIE 74
OBSERVACIONES
SE OBSERVA QUE LA TARJETA MADRE NO ESTA FUNCIONANDO BIEN,EL EQUIPO HA SIDO ATACADO
POR UN VIRUS Y QUE POR LO TANTO EL CPU NO EJECUTA LA INSTRUCCIONES CORRECTAMENTE SE NECESITA DARLE
LIMPIEZA DE DOS A TRES MESES EL SOLICITANTE. MENDEZ ESPEJEL GABRIELA RESPONSABLE.LUCIOTTO VAZQUES STEPHANY

sábado, 9 de octubre de 2010

COMO ELEBORAR UNA PAGINA WEB

miércoles, 29 de septiembre de 2010

QUE ES HTML

HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de mercado predominante para la elaboración de paginas web o un lenguaje de programacion para editar paginas web.

HISTORIA DE HTML.

1986. Publicación de la ISO 8879 que presenta el Standard General Markup Language.

1989. Tim Berners-Lee se dedica el desarrollo de un sistema que permita el acceso en linea de manera uniforme a la informacion disponible en muchos recursos distintos y que pueda funcionar en maquinas conectadas a redes basadas en TCP/IP.

1990-1991. Tim Berners-Lee define el HTML como un subconjunto de SGML (Standard Generalized Markup Language), que más tarde se llamará nivel 0; soporta encabezados, listas y anclas.

1991. Tim Berners-Lee introduce el primer visor de HTML, LineMode, que trabaja en modo texto y sólo en plataformas UNIX se realiza la apertura del primer sitio con acceso público de World Wide Web.

1992. Dan Connolly produce la primera Definición de Tipo de Documento (DTD) para el lenguaje, llamada HTML 1.0, agregando a la definición original atributos para modificar el estilo físico del texto. Se distribuye Viola, primer visor gráfico de Web.

1993.Aparece Mosaic, desarrollado por el Centro Nacional para Aplicaciones de Supercomputadoras, es el primer visor de Web en entorno gráfico que se hace disponible para computadoras personales,Tim Berners-Lee presenta el borrador de la primera norma (RFC -Recommendation for Comments) de HTML para Internet.

1994. La Universidad Técnica de Graz desarrolla un servidor y clientes con mayores prestaciones para HTML se da a conocer Cello, primer visor de HTML que no requiere TCP/IPDan Connolly y Karen Olson Muldrow redefinen el HTML para el nivel 2.0, que ahora soporta formularios , un grupo de programadores que desarrollan el Mosaic producen un nuevo visor de wordl wide web (nescapte) que soportan elementos de programacion que tiene como consecuencia la degeneracion del HTML en lo que se refiere al aumento de la letra y los fondos,Se define un equivalente para los modelos en tres dimensiones del HTML, el VRML (Virtual Reality Modeling Language).

1995. Dave S. Raggett (Hewlett-Packard, Inglaterra) comienza a compilar la normativa del nuevo nivel del lenguaje, el HTML 3.0, cuya principal novedad es el soporte de tablas. Microsoft produce su primer visor de Internet, el cual también utiliza elementos de HTML degenerados. Una nueva versión de Netscape, Navigator 2.0, agrega soporte de encuadres. Sun Microsystems produce el primer visor de World Wide Web con soporte de un lenguaje de programación, HotJava.

1996.Netscape Communications y Microsoft presentan las nuevas versiones de sus visores que soportan gran parte del nivel de HTML 3.0. Aparecen visores no comerciales que implementan la norma completa de HTML 3.0. Se formaliza un nuevo nivel para la modelación en tres dimensiones, VRML 3.0, que permite interactuar con los objetos definidos.

1997. D. Raggett presenta, en enero, la versión normalizada del 3.2. En julio, aparece la versión 4.0, experimental.
1998. HTML 4.0.