Вы находитесь на странице: 1из 20

HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboracin de pginas web.

Es usado para describir la estructura y el contenido en forma de texto, as como para complementar el texto con objetos tales como imgenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>). HTML tambin 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. HTML tambin es usado para referirse al contenido del tipo de MIME text/html o todava ms ampliamente como un trmino genrico 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).

Contenido
[ocultar]

1 Historia de HTML

1.1 Primeras especificaciones 2.1 Elementos 2.2 Atributos

2 Marcado HTML

3 Cdigos HTML bsicos 4 Nociones bsicas de HTML 5 Saber ms 6 Historia del estndar 7 Accesibilidad Web 8 Entidades HTML 9 Vase tambin 10 Referencias 11 Enlaces externos

[editar] Historia de HTML


[editar] Primeras especificaciones
La primera descripcin de HTML disponible pblicamente fue un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim BernersLee en 1991.[1] [2] Describe 22 elementos comprendiendo el diseo inicial y relativamente simple de HTML. Trece de estos elementos todava existen en HTML 4.[3] Berners-Lee consideraba a HTML una ampliacin de SGML, pero no fue formalmente reconocida como tal hasta la publicacin de mediados de 1993, por la IETF, de una primera proposicin para una especificacin de HTML: el boceto Hypertext Markup Language de Berners-Lee y Dan Connolly, el cual inclua una Definicin de Tipo de Documento SGML para definir la gramtica.[4] El boceto expir luego de seis meses, pero fue notable por su

reconocimiento de la etiqueta propia del navegador Mosaic usada para insertar imgenes sin cambio de lnea, reflejando la filosofa del IETF de basar estndares en prototipos con xito. [5] Similarmente, el boceto competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de marcaje de hipertexto), de 1993 tardo, sugera, estandarizar caractersticas ya implementadas tales como tablas.[6]

[editar] Marcado HTML


HTML consta de varios componentes vitales, incluyendo elementos y sus atributos, tipos de data, y la declaracin de tipo de documento.

[editar] Elementos
Los elementos son la estructura bsica de HTML. Los elementos tienen dos propiedades bsicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere vlido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (p.ej. <nombre-de-elemento>) y una etiqueta de cierre (p.ej. </nombre-deelemento>). Los atributos del elemento estn contenidos en la etiqueta de inicio y el contenido est ubicado entre las dos etiquetas (p.ej. <nombre-deelemento 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 lnea de cdigo en el lenguaje de etiquetas HTML. El marcado estructural describe el propsito del texto. Por ejemplo, <h2>Golf</h2> establece a "Golf" como un encabezamiento de segundo nivel, el cual se mostrara en un navegador de una manera similar al ttulo "Marcado HTML" al principio de esta seccin. El marcado estructural no define cmo se ver el elemento, pero la mayora de los navegadores web han estandarizado el formato de los elementos. Un formato especfico puede ser aplicado al texto por medio de hojas de estilo en cascada. El marcado presentacional describe la apariencia del texto, sin importar su funcin. 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>itlica</i>, existen elementos que se ven de la misma manera pero tienen una naturaleza ms semntica: <strong>enfsis fuerte</strong> y <em>nfasis</em>. Es fcil ver cmo un lector de pantalla debera interpretar estos dos elementos. Sin embargo, son equivalentes a sus correspondientes elementos presentacionales: un lector de pantalla no debera decir ms fuerte el nombre de un libro,

aunque ste est en itlicas en una pantalla. La mayora del marcado presentacional ha sido desechada con HTML 4.0, en favor de 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 direccin URL a la que apunta el enlace. Por ejemplo, un enlace a la Wikipedia sera de la forma <a href=es.wikipedia.org>Wikipedia</a>. Tambin se pueden crear enlaces sobre otros objetos, tales como imgenes <a href=enlace><img src=imagen /></a>.

[editar] Atributos
La mayora 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, despus del nombre de ste. 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).[7] [8] De todas maneras, dejar los valores sin comillas es considerado poco seguro.[9] En contraste con los pares nombre-elemento, hay algunos atributos que afectan al elemento simplemente por su presencia[10] (tal como el atributo ismap para el elemento img).[11]

[editar] Cdigos HTML bsicos


Artculo principal: Anexo:Etiquetas HTML/XHTML5

<html>: define

el inicio del documento HTML, le indica al navegador que lo que viene a continuacin debe ser interpretado como cdigo HTML. Esto es as de facto, ya que en teora lo que define el tipo de documento es el DOCTYPE, significando la palabra justo tras DOCTYPE el tag de raz, por ejemplo:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">

<script>: incrusta un script en una web, o se 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 informacin sobre el documento que no se muestra directamente al usuario. Como por ejemplo el ttulo de la ventana del navegador. Dentro de la cabecera <head> podemos encontrar:

Un ejemplo de cdigo HTML con coloreado de sintaxis.



<title>: define

el ttulo de la pgina. Por lo general, el ttulo aparece en la barra de ttulo 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 pgina; 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 autora o la licencia, incluso para indicar parmetros http (mediante http-equiv="") cuando no se pueden modificar por no estar disponible la configuracin 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 pgina, como color de fondo y mrgenes. Dentro del cuerpo <body> podemos encontrar numerosas etiquetas. A continuacin se indican algunas a modo de ejemplo:
<h1>

a <h6>: encabezados o ttulos del documento con diferente relevancia. una tabla de una tabla de de una tabla (Debe estar dentro de una fila)

<table>: define <tr>: fila <td>: celda

<a>: Hipervnculo

o enlace, dentro o fuera del sitio web. Debe definirse el parmetro de pasada por medio del atributo href. Por ejemplo: <a href="http://www.wikipedia.org">Wikipedia</a> se representa como Wikipedia)
<div>: divisin de la pgina. Se recomienda, <table> cuando se desea alinear contenido

junto con css, en vez de

<img>: imagen.

Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imgenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo".
<li><ol><ul>: Etiquetas <b>: texto en <strong>)

para listas.

negrita (Etiqueta desaprobada. Se recomienda usar la etiqueta (Etiqueta desaprobada. Se recomienda usar la

<i>: texto en cursiva etiqueta <em>) <s>: texto <del>) <u>: texto

tachado (Etiqueta desaprobada. Se recomienda usar la etiqueta subrayado

La mayora 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>Cdigo de un [[script]] integrado en la pgina</script>.

[editar] Nociones bsicas de HTML


El lenguaje HTML puede ser creado y editado con cualquier editor de textos bsico, como puede ser Gedit en Linux, el Bloc de Notas de Windows, o cualquier otro editor que admita texto sin formato como GNU Emacs, Microsoft Wordpad, TextPad, Vim, Notepad++, entre otros. Existen adems, otros editores para la realizacin de sitios Web con caractersticas WYSIWYG (What You See Is What You Get, o en espaol: 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 ms simple ya que estos programas, adems de tener la opcin de trabajar con la vista preliminar, tiene su propia seccin HTML la cual va generando todo el cdigo a medida que se va trabajando. Algunos ejemplos de editores WYSIWYG son KompoZer, Microsoft FrontPage, o Macromedia Dreamweaver. Combinar estos dos mtodos resulta muy interesante, ya que de alguna manera se ayudan entre s. Por ejemplo; si se edita todo en HTML y de pronto se olvida algn cdigo o etiqueta, simplemente me dirijo al editor visual o WYSIWYG y se contina ah la edicin, o viceversa, ya que hay casos en que sale ms rpido y fcil escribir directamente el cdigo de alguna caracterstica que queramos adherirle al sitio, que buscar la opcin en el programa mismo. Existe otro tipo de editores HTML llamados WYSIWYM (Lo que ves es lo que quieres decir) que dan ms importancia al contenido y al significado que a la apariencia visual.

Entre los objetivos que tienen estos editores es la separacin del contenido y la presentacin, fundamental en el diseo 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 tambin las imgenes y los dems 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 algn valor. En general las etiquetas se aplicarn de dos formas especiales:

Se abren y se cierran, como por ejemplo: <b>negrita</b> que se vera en su navegador web como negrita. No pueden abrirse y cerrarse, como <hr /> que se vera en su navegador web como una lnea horizontal. Otras que pueden abrirse y cerrarse, como por ejemplo <p>. Las etiquetas bsicas o mnimas son:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="es"> <head> <title>Ejemplo</title> </head> <body> <p>ejemplo</p> </body> </html>

[editar] Saber ms
Seleccionando la opcin Ver cdigo fuente en el navegador, se puede ver realmente la informacin que est recibiendo ste y cmo la est interpretando. Por ejemplo: en Internet Explorer o en Firefox, simplemente hay que desplegar el men Ver y luego elegir Cdigo fuente. De esta forma, se abrir el editor de texto configurado como predeterminado en el sistema con el cdigo fuente de la pgina que se est viendo en ese momento en el explorador. Otra forma ms rpida consiste en hacer clic con el botn derecho del ratn en cualquier punto del rea donde el navegador muestra la pgina web y elegir Ver cdigo fuente. Para el navegador Firefox existe el plugin FireBug, un depurador que permite entre otras cosas visualizar el cdigo HTML de la pgina que estamos visualizando de forma dinmica, y que incluso resalta el trozo de cdigo por el que est pasando el ratn en cada momento, por lo que es una herramienta muy til para aprender diversos conceptos de este lenguaje.

[editar] Historia del estndar


En 1989 existan dos tcnicas que permitan vincular documentos electrnicos, por un lado los hipervnculos (links) y por otro lado un poderoso lenguaje de etiquetas denominado SGML. Por entonces, Tim Berners-Lee da a conocer a la prensa que estaba trabajando en un sistema que permitir acceder a ficheros en lnea, funcionando sobre redes de computadoras o mquinas electrnicas basadas en el protocolo TCP/IP.

A principios de 1990, Tim Berners-Lee define por fin el HTML como un subconjunto del conocido SGML y crea algo ms valioso an, el World Wide Web. En 1991, Tim BernersLee crea el primer navegador web, que funcionara 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 especificacin formal de HTML+ se le dio, por lo tanto, el nmero de versin 2 para distinguirla de las propuestas no oficiales previas. Los trabajos sobre HTML+ continuaron, pero nunca se convirti en un estndar, a pesar de ser la base formalmente ms parecida al aspecto compositivo de las especificaciones actuales. El borrador del estndar HTML 3.0 fue propuesto por el recin formado W3C en marzo de 1995. Con l se introdujeron muchas nuevas capacidades, tales como facilidades para crear tablas, hacer que el texto fluyese alrededor de las figuras y mostrar elementos matemticos complejos. Aunque se dise para ser compatible con HTML 2.0, era demasiado complejo para ser implementado con la tecnologa de la poca y, cuando el borrador del estndar 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 estndar siguiente fue el HTML 3.2, que abandonaba la mayora de las nuevas caractersticas del HTML 3.0 y, a cambio, adoptaba muchos elementos desarrollados inicialmente por los navegadores web Netscape y Mosaic. La posibilidad de trabajar con frmulas matemticas que se haba propuesto en el HTML 3.0 pas a quedar integrada en un estndar distinto llamado MathML. El HTML 4.0 tambin adopt muchos elementos especficos desarrollados inicialmente para un navegador web concreto, pero al mismo tiempo comenz a limpiar el HTML sealando algunos de ellos como desaprobados o deprecated en ingls.

[editar] Accesibilidad Web


Artculo principal: accesibilidad web

El diseo en HTML aparte de cumplir con las especificaciones propias del lenguaje debe respetar unos criterios de accesibilidad web, siguiendo unas pautas, o las normativas y leyes vigentes en los pases donde se regule dicho concepto. Se encuentra disponible y desarrollado por el W3C a travs de las Pautas de Accesibilidad al Contenido Web 1.0 WCAG (actualizadas recientemente con la especificacin 2.0[12] ), aunque muchos pases tienen especificaciones propias, como es el caso de Espaa con la Norma UNE 139803.[13]

[editar] Entidades HTML


Los caracteres especiales como signo de puntuacin, letras con tilde o diresis, o smbolos del lenguaje; se deben convertir en entidad HTML para mostrarse en un navegador. La siguiente es una lista de caracteres espaoles y su correspondiente entidad HTML:
Carcter Entidad HTML Carcter Entidad HTML

&aacute;

&Aacute;

&eacute;

&Eacute;

&iacute;

&Iacute;

&oacute;

&Oacute;

&uacute;

&Uacute;

&uuml;

&Uuml;

&ntilde;

&Ntilde;

&iexcl;

&iquest;

Lleg el momento de hablar sobre HTML, el lenguaje con el que crean las pginas web.
Por Miguel Angel Alvarez
Atencin: Contenido exclusivo de DesarrolloWeb.com. No reproducir. Copyright.

HTML es el lenguaje con el que se definen las pginas web. Bsicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrn una pgina web. El HTML se cre en un principio con objetivos divulgativos de informacin con texto y algunas imgenes. No se pens que llegara a ser utilizado para crear rea de ocio y consulta con carcter multimedia (lo que es actualmente la web), de modo que, el HTML se cre sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizaran en un futuro. Sin embargo, pese a esta deficiente planificacin, si que se han ido incorporando modificaciones con el tiempo, estos son los estndares del HTML. Numerosos estndares se han presentado ya. El HTML 4.01 es el ltimo estndar a febrero de 2001. Actualizacin a mayo de 2005, en estos momentos est apunto de presentarse la versin 5 de HTML, de la que ya se tiene un borrador casi definitivo.

El HTML es un lenguaje de marcacin de elementos para la creacin de documentos hipertexto, muy fcil de aprender, lo que permite que cualquier persona, aunque no haya programado en la vida, pueda enfrentarse a la tarea de crear una web. HTML es fcil y pronto podremos dominar el lenguaje. Ms adelante se conseguirn los resultados profesionales gracias a nuestras capacidades para el diseo y nuestra vena artista, as como a la incorporacin de otros lenguajes para definir el formato con el que se tienen que presentar las webs, como CSS. Una vez conocemos el concepto de HTML os vamos a adelantar algunas cosas ms. Este lenguaje se escribe en un documento de texto, por eso necesitamos un editor de textos para escribir una pgina web. As pues, el archivo donde est contenido el cdigo HTML es un archivo de texto, con una peculiaridad, que tiene extensin .html o .htm (es indiferente cul utilizar). De modo que cuando programemos en HTML lo haremos con un editor de textos, lo ms sencillo posible y guardaremos nuestros trabajos con extensin .html, por ejemplo mipagina.html Por adelantar un poco cmo se utiliza el HTML os diremos que el lenguaje consta de etiquetas que tienen esta forma <B> o <P>. Cada etiqueta significa una cosa, por ejemplo <B> significa que se escriba en negrita (bold) o <P> significa un prrafo, <A> es un enlace, etc. Casi todas las etiquetas tienen su correspondiente etiqueta de cierre, que indica que a partir de ese punto no debe de afectar la etiqueta. Por ejemplo </B> se utiliza para indicar que se deje de escribir en negrita. As que el HTML no es ms que una serie de etiquetas que se utilizan para definir el contenido del documento y algn estilo bsico. <B>Esto est en negrita</B>. Para aprender HTML en profundidad tenemos un manual en DesarrolloWeb.com. Adems se pueden consultar los enlaces a distintos manuales que tenemos en nuestro buscador en la seccin de HTML. Si lo que deseamos es tener una idea global de lo que es la publicacin en Internet y los pasos a seguir para colocar nuestras pginas en la web lo ms adecuado ser consultar el manual de Publicar en Internet

Leccin 2: Qu es HTML?
En esta leccin haremos una breve presentacin de tu nuevo amigo: HTML.

Qu es HTML?
HTML es la "lengua materna" de tu navegador. Para abreviar una larga historia, podemos decir que un cientfico llamado Tim Berners-Lee invent HTML all por 1990. El objetivo era facilitar a cientficos de diferentes universidades el acceso a los documentos de investigacin de cada uno de ellos. El proyecto obtuvo un xito mucho mayor del que Tim Berners-Lee nunca hubiese llegado a imaginar. Al inventar HTML, este cientfico sent las bases de la web tal y como la conocemos hoy da.

HTML es un lenguaje que hace posible presentar informacin (por ejemplo, investigaciones cientticas) en Internet. Lo que ves al visualizar una pgina en Internet es la interpretacin que hace el navegador del cdigo HTML. Para ver el cdigo HTML de una pgina slo tienes que pinchar en la opcin "Ver" de la barra de mens y elegir "Cdigo fuente" (en Internet Explorer).

Para el ojo inexperto, el cdigo HTML parece complicado, pero este tutorial te ayudar a que le encuentres todo su sentido.

Para qu puedo usar HTML?


Si quieres crear sitios web, no hay otra solucin que aprender HTML. Incluso si usas un programa como Dreamweaver, por ejemplo, para la creacin de sitios web, poseer unos conocimientos bsicos de HTML hacen la vida mucho ms fcil y tus sitios web mucho mejores. La buena noticia es que HTML es fcil de aprender y de usar. En las dos prximas lecciones ya habrs aprendido cmo crear tu primer sitio web. HTML se usa para crear sitios web. As de sencillo!

Vale, pero... qu representan las siglas H-T-M-L?


HTML es la abreviatura de "HyperText Mark-up Language", es decir, "Lenguaje de marcado hipertextual", y esto ya es ms de lo que necesitas saber a estas alturas. En todo caso, para mantener un buen orden, vamos a explicar qu significa con mayor detalle.

Hiper es lo contrario de lineal. En los buenos viejos tiempos -cuando un ratn era un animalillo que persegua un gato- los programas de ordenador se ejectutaban de forma lineal: cuando el programa haba ejecutado una accin segua hasta la siguiente lnea, y despus de sta a la siguiente, y a la siguiente, ... HTML, sin embargo, es diferente: se puede ir donde uno quiera cuando uno quiera. Por ejemplo, no es necesario visitar MSN.com antes de visitar HTML.net. Texto se explica por s solo. Marcado es lo que haces con el texto. Se marca el texto del mismo modo que en un programa de edicin de textos con encabezados, vietas, negrita, etc. Lenguaje es lo que es HTML. Este lenguaje hace uso de muchos trminos en ingls.

Por medio de este tutorial aprenders lo que se ha dado en llamar XHTML (Extensible HyperText Mark-up Language, es decir, Lenguaje de marcado hipertextual extensible) que, en pocas palabras, es una forma de escribir HTML nueva y mejor estructurada. Ahora que ya sabes qu representan las siglas HTML (y XHTML), nos ponemos en marcha y empezamos a crear sitios web.

. Introduccin El HTMLno es ms que una aplicacin del SGML (Standard Generalized Markup Language), un sistema para definir tipos de documentos estructurados y lenguajes de marcaspara representar esos mismos documentos. El trmino HTML se suele referir a ambas cosas, tanto al tipo de documento como al lenguaje de marcas. A medida que nos afianzamos en el manejo de Internetcada uno de nosotros pasa por tres etapas diferentes: Al principio solamente conocemos unas pocas pginas, luego nos damos cuenta que existen buscadores lo cual lo hace ms interesante y por ltimo nos damos cuenta que en Internet no solamente se puede ver la informacinsino que tambin se puede publicar. y qu otra manera ms fcil y ms sencilla? Si Internet tiene acceso a todos los rincones del mundo. Para que varias personas se comuniquen es necesarios que stas hablen un mismo idioma. El lenguaje que utilizan las computadoras que estn conectadas a Internet es HTML. A travs de esta monografa explicaremos que es HTML, sus orgenes y el proceso de creacin de una pgina web. 2. Que es el HTML El HTML, Hyper Text Markup Language (Lenguaje de marcacin de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la www (World Wide Web). Fue creado en 1986 por el fsico nuclear Tim Berners-Lee; el cual tomo dos herramientas preexistentes: El concepto de Hipertexto (Conocido tambin como link o ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estndar de Marcacin General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse. HTML no es propiamente un lenguaje de programacin como C++, Visual Basic, etc., sino un sistema de etiquetas. HTML no presenta ningn compilador, por lo tanto algn error de sintaxis que se presente ste no lo detectar y se visualizara en la forma como ste lo entienda. El entorno para trabajar HTML es simplemente un procesador de texto, como el que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX (el editor vi o ed) o el que ofrece MS Office (Word). El conjunto de etiquetas que se creen, se deben guardar con la extensin .htm o .html Estos documentos pueden ser mostrados por los visores o "browsers" de paginas Web en Internet, como Netscape Navigator, Mosaic, Opera y Microsoft Internet Explorer. Tambin existe el HTML Dinmico (DHTML), que es una mejora de Microsoft de la versin 4.0 de HTML que le permite crear efectos especiales como, por ejemplo, texto que vuela desde la pgina palabra por palabra o efectos de transicin al estilo de anuncio publicitario giratorio entre pgina y pgina. A continuacin vamos a hablar un poco de historia: 3. Orgenes del HTML 1986. Publicacin de la ISO 8879 que presenta el Standard General Markup Language, origen del HTML. 1989. Tim Berners-Lee, a la sazn en el Centro Europeo de Investigaciones Nucleares presenta su artculo Information Management: A Proposal dedicndose de lleno al desarrollode un sistema que permitiera el acceso en lnea de manera uniforme a la informacin disponible en muchos recursos distintos, y que pudiese funcionar en mquinas que conectadas por redes basadas en TCP/IP. 1990-1991. Tim Berners-Lee define el HTML como un subconjunto de SGML (Standard Generalized Markup Language), que ms tarde se llamar nivel 0; soporta encabezados, listas y anclas. Se crea el nombre World Wide Web. 1991. Tim Berners-Lee introduce el primer visor de HTML, LineMode, que trabaja en modo texto y slo en plataformas UNIX. El Centro Europeo de Investigaciones Nucleares realiza la apertura del primer sitio con acceso pblico de World Wide Web el 17 de mayo ( http://info.cern.ch). 1992. Dan Connolly produce la primera Definicin de Tipo de Documento (DTD) para el lenguaje, llamada HTML 1.0, agregando a la definicin original atributos para modificar el estilo fsico del texto. Se distribuye Viola, primer visor grfico de Web y disponible slo para X.11. 1993. Un nuevo visor que soporta un mayor nivel, Lynx, es producido por la Universidadde Kansas, si bien lee slo texto. Aparece Mosaic, desarrollado por el Centro Nacional para Aplicaciones de Supercomputadoras, es el primer visor de Web en entorno grfico que se hace disponible para computadoras personales, lo que lo hace inmediatamente popular. A fines de ao, comienzan a aparecer los primeros artculos sobre WWW en diarios y revistas de circulacin masiva. Tim Berners-Lee utiliza el trabajo del ao anterior de Connolly para presentar el borrador de la primera norma (RFC -Recommendation for Comments) de HTML para Internet. 1994. La Universidad Tcnica de Graz desarrolla un servidor y clientes con mayores prestaciones para HTML, Hyper-G, que

no tiene gran xito. Cello, primer visor de HTML que no requiere TCP/IP presentado por la Escuela de Leyes de la Universidad de Cornell. Dan Connolly y Karen Olson Muldrow redefinen el HTML para el nivel 2.0, que ahora soporta formularios. Un grupode programadores que desarrollaran el Mosaic producen un nuevo visor de World Wide Web, Netscape (tambin conocido como Mozilla), que tiene una amplia aceptacin entre los usuarios, pero que soporta elementos de programacin que equivalen a una degeneracin del HTML (tamaos de letra, fondos). Se define un equivalente para los modelos en tres dimensiones del HTML, el VRML (Virtual Reality Modeling Language), que permite moverse dentro de los ambientes definidos. En este mismo ao se realizan la Primera y Segunda conferencias internacionales de WWW, en Ginebra y Chicago, respectivamente. Se crea la W3 Organization. 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 tambin utiliza elementos de HTML degenerados. Una nueva versin 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 programacin, HotJava. Se celebran la Tercera y Cuarta conferencias internacionales de WWW, en Boston y Darmstadt respectivamente, y la conferencia de WWW para Asia y el Pacfico en Wagga-Wagga. 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 modelacin en tres dimensiones, VRML 3.0, que permite interactuar con los objetos definidos. Se celebra la Quinta conferencia internacional de WWW en Rocquencourt. 1997. D. Raggett presenta, en enero, la versin normalizada del 3.2. En julio, aparece la versin 4.0, experimental. 1998. HTML 4.0. 4. Creacin de pginas web con lenguaje HTML Para crear una pgina web se pueden utilizar varios programas especializados en esto, como por ejemplo, el Microsoft Front Page o el Macromedia Dreamweaver3. Otra forma de disear un archivo .html, es copiar todo en el Bloc de Notas del Windows, ya que este sencillo programa cumple con un requisito mnimo que es la posibilidad de trabajar con las etiquetas con las que trabaja este lenguaje. A continuacin les mostraremos las etiquetas mas comunes que deben aprenderse para hacer una pagina Web. Estructura de los documentos de HTML Si se tiene en cuenta el contenido del documento, todos los documentos de HTML bien escritos comparten una estructura en comn. Un documento de HTML empieza con la etiqueta <HTML>, que es la que encerrar el documento actual. Contiene dos secciones primordiales: la cabecera y el cuerpo encerradas respectivamente por los elementos <HEAD> cabeza y <BODY> cuerpo. La cabecera puede contener informacin y siempre contiene el titulo del documento encerrado por el elemento <TITLE>. En el cuerpo se encuentra todo el contenido del documento, ya sea, texto, imgenes, sonidos, hipervnculos, etc. Un documento escrito en HTML contiene las siguientes etiquetas en el siguiente orden: Ejemplo: <HTML> <HEAD> <TITLE> Ttulo de mi pgina de Internet </TITLE> </HEAD> <BODY> <H1> <CENTER> Primera pagina </CENTER> </H1> <HR> Esta es mi primera pagina, aunque todava es muy sencilla. Como el lenguaje HTML no es difcil, pronto estaremos en condiciones de hacer cosas mas interesantes. <P> Aqu va un segundo prrafo. </BODY> </HTML> Para escribir ttulos se usa la etiqueta <Hx></Hx> en donde x es un nmero. Ejemplo: <h1>Titulo principal</h1> <h2>Titulo secundario</h2> <h3>Titulo terciario</h3> <h4>Titulo cuarto nivel</h4> <h5>Titulo quinto</h5> <h6>Titulo sexto</h6> Quedara mas o menos as: Titulo principal Titulo secundario Titulo terciario Titulo cuarto nivel

Titulo quinto Titulo sexto 5. Etiquetas de prrafo Para esto se utiliza la etiqueta <P> y </P>. Este comando es muy til debido a que si uno escribe algo (en el editor que se este utilizando) por mucho espacio que uno le de siempre al texto, siempre va a aparecer en la misma lnea. Para alinear un prrafo se utiliza el comando <ALING> y </ALING>, utilizado dentro de la etiqueta <P>. Se puede alinear de tres formas diferentes: <p align="left"> Prrafo... </p> Alinea a la izquierda. <p align="center"> Prrafo... </p> Realiza un centrado. <p align="right"> Prrafo... </p> Alinea a la derecha. Cuando nosotros queremos que lo que escribimos aparezca en otra lnea utilizamos el comando <BR>. Al terminar de escribir un prrafo es conveniente y esttico utilizar el comando para separar un prrafo de otro que es <HR> Etiquetas para darle formato al texto: Para el tamao y tipo de letra se usa la etiqueta <FONT> y </FONT>, que posee tres atributos: tamao (Size), Tipo de letra o fuente (face) y color Formato: <B> y </B> Sirve para colocar un texto en Negrita. <U> y < /U> Sirve para subrayar un texto <STRIKE> y </STRIKE> Sirve para tachar un texto. <STRONG> y </STRONG> Cumple la misma funcin que <B> <I> y <I> Para colocar un texto en cursiva. <EM>texto con nfasis</EM> texto con nfasis <CITE>citacin</CITE> citacin <DFN>definicin</DFN> definicin <KBD>teclado</KBD> teclado <SAMP>ejemplo</SAMP> ejemplo SIZE: Regula el tamao de los caracteres. Ejemplo:<font> texto... </FONT>. FACE: Es la fuente que se quiere usar, Arial, Times new Roman, etc. Ejemplo: <FONT> texto</FACE> Color: Regula el color de los caracteres. En principio existen dos posibilidades para definir los colores en HTML: 1. Mediante la especificacin de los valores RGB del color deseado en forma hexadecimal (RGB=Red/Green/Blue, valores Rojo/Verde/Azul) 2. Mediante la especificacin del nombre del color en ingles Ejemplos:
<FONT COLOR="WHITE">Blanco</FONT> <FONT COLOR="BLACK">Negro</FONT> <FONT COLOR="RED">Rojo</FONT> <FONT COLOR="GREEN">Verde</FONT> <FONT COLOR="BLUE">Azul</FONT> <FONT COLOR="YELLOW">Amarillo</FONT> <FONT COLOR="CYAN">Cyan</FONT> <FONT COLOR="MAGENTA">Magenta</FONT> Blanco Negro Rojo Verde Azul Amarillo Cyan #FFFFFF #000000 #FF0000 #00FF00 #0000FF #FFFF00 #00FFFF

Magenta #FF00FF

Si nos decidimos a trabajar con valores hexadecimales, entonces tenemos la libertad de utilizar 16,7 millones de colores. De esta manera trabajamos independientemente de los navegadores Web. Si especificamos el nombre del color, podemos evitar la definicin del color en forma hexadecimal que es un poco ms difcil. Actualmente estn estandarizados tan slo 16 colores. Existen colores adicionales los cuales son dependientes de los navegadores Web.

Primero que todo debe escribir un smbolo #. A continuacin siguen las 6 cifras para la definicin del color. Las primeras 2 cifras definen el valor rojo, las siguientes 2 el valor verde y las 2 ltimas el valor azul. Las cifras hexadecimales son: 0 (corresponde al decimal 0) 1 (corresponde al decimal 1) 2 (corresponde al decimal 2) 3 (corresponde al decimal 3) 4 (corresponde al decimal 4) 5 (corresponde al decimal 5) 6 (corresponde al decimal 6) 7 (corresponde al decimal 7) 8 (corresponde al decimal 8) 9 (corresponde al decimal 9) A (corresponde al decimal 10) B (corresponde al decimal 11) C (corresponde al decimal 12) D (corresponde al decimal 13) E (corresponde al decimal 14) F (corresponde al decimal 15) (mirar el cuadro de la pgina anterior) Para ponerle color de fondo a la pgina escribir: <body bgcolor=#808080></body> con el cual obtendremos un color de fondo gris oscuro. Colocar mal los colores de fondo en nuestras pginas puede provocar problemas. Qu ocurra con los links o enlaces si colocramos un fondo de color azul?. Puesto que los links son azules cuando todava no se han pulsado puede ocurrir que no se puedan leer con claridad o incluso que no se puedan distinguir en absoluto del fondo. Se puede imaginar todava un caso peor si decidiramos colocar un fondo demasiado oscuro, tan oscuro que no permitiera distinguir con claridad la informacin que se presenta en pantalla. Podemos remediar esto eligiendo nosotros mismos el color que queremos que tengan los links o enlaces e incluso el texto, las etiquetas para hacer esto son las siguientes: text="#nmero" Para el color del texto. link="#nmero" Para el color de los enlaces. vlink="#nmero" El color con que aparecern los enlaces ya visitados. alink="#nmero" Color del enlace cuando lo pulsamos. Por lo tanto la etiqueta <body> puede quedar del siguiente modo: <body bgcolor="#num" text="#num" link="#num" vlink="#num" alink="#num"> Ahora veremos como poner una imagende fondo. Es muy sencillo, basta con usar la etiqueta: background="localizacin de la imagen" Esta etiqueta va dentro de la etiqueta <body>. Ejemplo: <body background="/documentos/html/gifs/dragonball.gif"> Con esto lograremos que la imagen dragonball.gif aparezca como fondo en nuestra pagina. Etiquetas META Son usadas para poner meta-informacin del documento. Esta "directiva" indica al visor de Internet las palabras clave y contenido de nuestra pgina Web. Muchos de los buscadores de pginas Web de Internet (Yahoo, Lycos, etc...) utilizan el contenido de esta directiva para incluir la pgina en sus bases de datos. Ejemplo: <META NAME = "Pagina de Pablo" content = "Mi pagina personal de Sailor Moon"> Indica al visor el nombre de la pgina y sus contenidos principales. <META NAME="Author" content="Pablo Ravioli"> Indica el nombre de la persona que elabora la pagina WEB <META NAME = "keywords" content = "Informacin de Sailor Moon"> Indica al visor las palabras clave para los buscadores de Internet. Para hacer listas: Las listas se definen de forma muy sencilla: se dice dnde empieza la lista, dnde empieza cada punto y dnde acaba la lista. Las etiquetas que se utilicen en cada caso deben aparecer al principio de lnea, o al menos sin texto por delante (slo espacios o tabulaciones). Las listas pueden ser: Lista desordenada, <UL> (Unordered List). Lista ordenada, <OL> (Ordered List). Ejemplos de diferentes tipos de listas:

Lista con nmeros romanos: <ol> <li type=I>Manzana <li type=I>Zanahoria <li type=I>Lechuga <li type=I>Tomate </ol> Manzana Zanahoria Lechuga Tomate Lista numerada: <ol> <li>Manzana <li>Zanahoria <li>Lechuga <li>Tomate </ol> Manzana Zanahoria Lechuga Tomate Lista con puntos: <ul> <li> Manzana <li> Zanahoria <li> Lechuga <li>Tomate </ul> Manzana Zanahoria Lechuga Tomate Lista con crculos: <ul> <li type=circle> Manzana <li type=circle> Zanahoria <li type=circle> Lechuga <li type=circle> Tomate </ul> Manzana Zanahoria Lechuga Tomate Lista con cuadrados: <ul> <li type=square> Manzana <li type=square> Zanahoria <li type=square> Lechuga <li type=square> Tomate </ul> Manzana Zanahoria Lechuga Tomate 6. Como insertar una imagen A la hora de crear una pgina Web podemos introducir grficos de forma muy sencilla, slo hay que tener en cuenta que las imgenes deben tener formato Gif o JPEG. La etiqueta utilizada para agregar imgenes a una pgina Web es <IMG> y va acompaada de un atributo fundamental "SCR", que indica la ruta donde se encuentra el archivo que contiene la imagen a insertar.

Es decir: <IMG SRC="lugar donde guardo la imagen"> Supongamos que tenemos la imagen dragonball.gif, que est presente en el mismo directorio en donde est la pgina y que la queremos insertar. La etiqueta apropiada sera: <IMG SRC="dragonball.gif">

Y el usuario ver en el browser: Para poner la imagen en la izquierda escribir: <IMG ALIGN=LEFT SRC=" dragonball.gif "> A la derecha: <IMG ALIGN=RIGHT SRC=" dragonball.gif"> Y si se quiere poner la imagen en el centro: <P ALIGN=CENTER> <IMG SRC=" dragonball.gif"> </P> Hiperenlaces, Hyperlinks, Anclas o Links Para definir un enlace es necesario marcar con la etiqueta <a> el objeto del cual va a partir dicho enlace. Dicha directiva debe incluir el parmetro href="URL" para especificar el destino del enlace. Es decir, que antes del objeto elegido debemos abrir con <a href="URL">, y despus cerrar con </a>. Por ejemplo, si queremos que el texto "pulse aqu para visitar la NASA" nos conduzca a la "home page" de la NASA, debemos escribir en nuestro texto HTML: <a href="http://www.nasa.gov/">Pulse aqu para visitar a la NASA</a> Que se vera de esta forma: Pulse aqu para visitar a la NASA Si queremos que el texto "Foto" nos lleve a una imagen tenemos que escribir: <a href="imagen.gif">Foto</a> entonces al hacer clic en el texto Foto nos abrir la imagen.gif. Tambin se puede ir a otro enlace por medio de una imagen. Lo nico que se debe hacer es cambiar el texto por una imagen: <a href="http://www.altavista.com"><img src="Logo.jpg"></a> Con esto tendremos por resultado que cuando se pase el puntero del mouse por arriba del Logo.jpg (que podra ser el logo del Altavista) y se convierta en una "manito", al hacer clic nos enve al buscador Altavista. Si se quiere hacer un link para que nos manden un E-Mail se debe hacer de la siguiente manera: <a href="mailto:pfravioli[arroba]fibertel.com.ar">Mandame un Email</a> Entonces cuando se haga clic sobre esta palabra Mandame un Email se abrir (por defecto) el Microsoft Outlook Express con la direccin del destinatario ya escrita. Caracteres especiales Existe una razn evidente que impide que podamos escribir ciertos smbolos directamente en un texto HTML, como por ejemplo el <: dichos smbolos tienen un significado en HTML, y es necesario diferenciar claramente cundo poseen ese significado y cundo queremos que aparezcan literalmente en el documento final. Por ejemplo, como ya sabemos, < indica el comienzo de una directiva, y, por ello, si queremos que aparezca en el texto como tal tendremos que dar un rodeo escribiendo algo que no de lugar a confusin, en este caso &lt;. Los smbolos afectados por esta limitacin, y la forma de escribirlos, se detallan a continuacin: < (Menor que): &lt; >(Mayor que): &gt; & (smbolo de and, o ampersand): &amp; " (comillas dobles): &quot; Es decir, que para escribir <"hola"> en nuestro texto HTML original debemos poner &lt;&quot;hola&quot;&gt;. El otro caso especial se da cuando en un texto HTML se quiere escribir una ee, por ejemplo. Existe una forma fcil de hacerlo, que consiste en utilizar cdigos como las que antes se presentaron para escribir ciertos smbolos. Los cdigos

comienzan siempre con el smbolo &, y terminan con un punto y coma (;). Entre medias va un identificador del carcter que queremos que se escriba. Los cdigos necesarias en nuestro idioma son: : &aacute; : &eacute; : &iacute; : &oacute; : &uacute; : &Aacute; : &Eacute; : &Iacute; : &Oacute; : &Uacute; : &uuml; : &Uuml; : &ntilde; : &Ntilde; : &#191; : &#161; ?: &#63; !: &#33; @: &#64; Por lo tanto la palabra pgina la podramos escribir como : pgina p&aacute;gina Otro ejemplo: En qu ao estamos? Sera: &#191En qu&eacute; a&ntilde;o estamos&#63; Es por ello que si deseamos que cualquier visor de pginas Web pueda visualizar las letras acentuadas de nuestro documento debemos utilizar sus correspondientes cdigos para representarlas. Recuerden que las etiquetas se pueden escribir en maysculas o en minsculas, es lo mismo poner <HTML>, <html> o <HtmL>. Una vez que terminamos de escribir todo nuestro documento, lo guardamos ponindole un nombre, y necesariamente lo debemos guardar con la extensin .HTM o .HTML. Para ir visualizando lo que hemos estadohaciendo tendramos que abrir nuestro browser (Netscape o Internet Explorer), hacemos click en la opcin FILE o ARCHIVO, estando all seleccionamos OPEN o ABRIR, le damos BROWSE o EXAMINAR, seleccionamos el archivo y le damos OPEN. Luego le damos ACEPTAR, e inmediatamente se abrir nuestra pagina. 7. Conclusin Sin HTML no existira el Internet que hoy conocemos, si no se hubiera inventado, seguiramos con el aburrido FTP (Protocolo de Transferencia de Ficheros) mandndonos o bajando archivos que a veces ni sabamos lo que eran, sin tener la posibilidad de visualizarlo antes. Ahora por medio de una pgina llena de colores y botones por la cual se puede navegar, se puede tener acceso a bastante informacin y archivos. El lenguaje de HTML abri una puerta al mundo permitindole a las personas expresar sus ideas por medio de pginas y mostrrselas a todas las personas de todos los pases. Con el HTML se logr un gran movimiento econmico ya que muchsimas empresas publican, venden, y ofrecen sus productos, sus servicios y sus ofertas atrayendo a mayor cantidad de personas. Tambin gracias al HTML nacieron muchas empresas que ofrecen diversos servicios como Yahoo, Altavista, HotMail, Terra, Yupi, Mercadolibre, De Remate, etc. Infinitas son las posibilidades que te brindan las pginas WEB ya que no solo te dan la posibilidad de pasar el tiemponavegando, sino que tambin hasta se puede comprar un auto por Internet, solo basta con llenar un formulario con los datos personales y el nmero de tarjeta de crditoy en ocho das lo tenemos en nuestra casa. Todo el universo de Internet se lo debemos al HTML, ya que todas las pginas con las que se compone la World Wide Web estn hechas con el lenguaje de programacin HTML. 8. Bibliografa

Clarn Gua prctica de Internet Buenos Aires Editorial Sol 90 Barcelona 1999 Volumen 14 Pginas 316 a 323 Masanti Luis Alejandro Diseo WEB Ciudad de Buenos Aires Ediciones Abril de 2000 Fascculo 01 Pginas 1 a 9 Sergio Talens Oliag - Jos Hernndez Orallo HTML. Manual de Referencia Editorial Paraninfo 1996 Thomas A. Powell Mc Craw Hill Manual de Referencia HTML Buenos Aires Osborne 1999 Capitulo 2

Autor: Pablo Ravioli 18 aos y este ao termino 5 ao de la secundaria.

Comentarios

Miercoles, 11 de Agosto de 2010 a las 22:31 | 0

JOSUE CABALLERO me ayudo mucho muy bacano

Lunes, 1 de Marzo de 2010 a las 13:21 | 0

Andres Ber Para ampliar esta informacin, estara bueno desde el principio saber bien como estructurar la informacin para no cometer errores que los paguemos con posicionamiento.

Miercoles, 8 de Julio de 2009 a las 15:27 | 1

Null Null Deberan pasarse un rato por la W3C, porque los ejemplos que vi estn demasiados obsoletos. Por ejemplo, las etiquetas ya no se escriben en maysculas (solo en minsculas), todas las etiquetas deben cerrarse, etiquetas como , y y atributos como alink y vlink ya pasaron a la prehistoria. Hoy en da se utiliza el lenguaje XHTML 1.0 strict y CSS 2.1, y lo que veo es HTML inferior a la versin 4.01. Mi Web: DocumentoWeb, diseo y desarrollo web estndar

W3C, World Wide Web Consortium

Sdo, 4 de Octubre de 2008 a las 13:45 | 0

Gerardo Echeverria soy un asiduo lector de la informacion que ofrecen en Monografias.com pero nunca me habia parecido tan completa y sobre todo didctica la informacin y en este caso la que proporcionan al respecto de lenguaje de programacion html, les envo un saludo y ojala puedan mantenerla actualizada.

Viernes, 28 de Marzo de 2008 a las 14:09 | 1

patricio railaf Hola soy un nio de 12 aos y aprend muchcimo; ahora har mi propia pgina web. Espero que mucha gente aprenda como yo. Escribanme mi correo es patomantri@hotmail.com

Mostrando 1-5 de un total de 8 comentarios. Pginas: 1 2 Siguiente El comentario ha sido publicado. Para dejar un comentario, regstrese gratis o si ya est registrado, inicie sesin.

Principio del formulario

Agregar un comentario
Los comentarios estn sujetos a los Trminos y Condiciones

Enviar comentario

Final del formulario

Trabajos relacionados

Estudio sobre los lenguajes de programacin para la robtica


Origen de la palabra robot y su significado. Propiedades caractersticas de los robots. El robot y su funcionamiento. Cl...

Sistemas de Procesamiento de Datos Programacin Orientada a Objetos

Estructura de un objeto. Encapsulamiento y ocultacin. Organizacin de los objetos. Actualmente una de las reas ms ca...

Rupturas de Informe

Definicin de una Ruptura de Informe. Especificacin de Opciones de Proceso. Una Ruptura de Informe se usa para dividir... Ver mas trabajos de Programacion

Nota al lector: es posible que esta pgina no contenga todos los componentes del trabajo original (pies de pgina, avanzadas formulas matemticas, esquemas o tablas complejas, etc.). Recuerde que para ver el trabajo en su versin original completa, puede descargarlo desde el men superior.

Todos los documentos disponibles en este sitio expresan los puntos de vista de sus respectivos autores
HTML es un lenguaje que se utiliza fundamentalmente en el desarrollo de pginas web. HTML es la sigla de HiperText Markup Language (Lenguaje de Marcacin de Hipertexto) es un lenguaje es se utiliza comnmente para establecer la estructura y contenido de un sitio web, tanto de texto, objetos e imgenes. Los archivos desarrollados en HTML usan la extensin .htm o .html. El lenguaje de HTML funciona por medio de etiquetas que describen la apariencia o funcin del texto enmarcado. Este lenguaje puede llegar a incluir un script o cdigo que tenga incidencia en el comportamiento del navegador web de eleccin. La funcionalidad del HTML es tan sencilla que puede ser creado y editado en cualquier editor de textos bsicos, como el Bloc de Notas tpico del sistema operativo Windows. Tambin puede editarse en procesadores de textos, software de diseo web o aplicaciones web directamente, como lo ms convencionales programas de administracin de contenido como WordPress. Un programa tpico para la edicin en html es el Microsoft FrontPage o el Adobe Dreamweaver, que sirven para crear sitios y pginas web. La mayora de estos softwares incluyen una versin WYSIWYG (What You See Is What You Get, que en espaol significa Lo que ves es lo que tienes), que permite editar en vivo el HTML de manera rpida y sencilla pudiendo previsualizar los resultados mientras que el programa genera paralelamente la versin en cdigo HTML. Algunas etiquetas tpicas de HTML son las que sirven para definir aspectos de formato, como < b >, que rodea al texto en negrita, < i >, al texto en cursiva, y < u > al texto subrayado. Adems, otras etiquetas comunes de este lenguaje son para tamao de fuente, ttulo, links, tablas, imgenes y script. Introducirse en HTML es una forma sencilla y didctica de aprender a disear en web obteniendo resultados visibles de manera prctica para crear tanto sitios bsicos como muy avanzados. Definicin Mas >>

Вам также может понравиться