modalidad de informatica: octubre 2009

Toda página Web tiene una estructura que permite al programador saber de antemano qué tipo de información necesita introducir. Esto ayuda a que la página que diseña sea claramente legible y se pueda modificar más fácilmente. Si una página Web es complicada en su diseño, habrá muy pocos que sepan dar el mantenimiento adecuado. Abajo se muestra la estructura lógica de una página Web.

Primera página

...
...
...

Estas líneas son permanentes en una página Web. Siempre van a estar presentes no importando qué tan corta o tan larga sea la página y el contenido.

La primera instrucción indica al explorador de Internet que ahí comienza una página Web. La siguiente instrucción indica el encabezado de la página, es decir el área de la barra de título. indica el título de la página propiamente dicho. <body> es una instrucción que indica al explorador de Internet que ahí empieza el área de contenido de la página (es decir el cuerpo de la página).</p>En el lenguaje HTML, muchas instrucciones se cierran con el signo / (diagonal) para indicar al programa que las propiedades aplicadas con esa instrucción se terminan ahí donde se pone el signo diagonal. Si el signo de cierre (/) no se aplica convenientemente, el programa seguirá aplicando las propiedades de la instrucción anterior a todas las líneas inferiores, hasta que se encuentre otra instrucción que modifique las propiedades actuales.</span> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/10/estructura-de-una-pagina-web.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/estructura-de-una-pagina-web.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-17T17:00:00-07:00'>17:00</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/estructura-de-una-pagina-web.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=6541859268609102943&from=pencil' title='Editar entrada'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='7318455073135183149' itemprop='blogId'/> <meta content='4671787293864314861' itemprop='postId'/> <a name='4671787293864314861'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://modalidaddeimformatica.blogspot.com/2009/10/etiquetas.html'>etiquetas</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-4671787293864314861' itemprop='description articleBody'> <span class="Apple-style-span" style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; color: rgb(51, 51, 51); line-height: 20px; ">Quizás la etiqueta HTML más importante de una página web, en cuanto a nuestro posicionamiento en buscadores, es la de <em style="color: rgb(204, 0, 0); ">título</em>. Este tag ofrece al usuario una descripción de la página en la barra superior de su navegador para informarlo de dónde está. Para nuestro <em style="color: rgb(204, 0, 0); ">posicionamiento en buscadores</em>, ofrece también un título de página que aparece en la primera línea de los resultados de búsqueda para seducir al visitante potencial. Por lo tanto, para la <em style="color: rgb(204, 0, 0); ">optimización de páginas web</em> y por razones de marketing, el título debe ser una frase bien redactada y llamativa, y a su vez con una alta densidad de palabras clave, que describa con precisión los contenidos de la página.</span> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/10/etiquetas.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/etiquetas.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-17T16:59:00-07:00'>16:59</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/etiquetas.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=4671787293864314861&from=pencil' title='Editar entrada'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSH8PQ1JaaNsjCxTEMmv1et2bfckHhCoMDRkL2LiGRG-zz1uvub9eI28UIFQy-PflYKH9B7KWtQ183UBzqr6rt7ije8_QeLY_ew8OEBXW2-parc7E_ux1wa7JPb6wCp3P8j7FI9rKIvk8/s320/bloc.gif' itemprop='image_url'/> <meta content='7318455073135183149' itemprop='blogId'/> <meta content='1335964313701476178' itemprop='postId'/> <a name='1335964313701476178'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://modalidaddeimformatica.blogspot.com/2009/10/utilidades-del-bloc-de-notas.html'>utilidades del bloc de notas</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-1335964313701476178' itemprop='description articleBody'> <div><br /></div><div><br /></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSH8PQ1JaaNsjCxTEMmv1et2bfckHhCoMDRkL2LiGRG-zz1uvub9eI28UIFQy-PflYKH9B7KWtQ183UBzqr6rt7ije8_QeLY_ew8OEBXW2-parc7E_ux1wa7JPb6wCp3P8j7FI9rKIvk8/s1600-h/bloc.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5393722232788612114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSH8PQ1JaaNsjCxTEMmv1et2bfckHhCoMDRkL2LiGRG-zz1uvub9eI28UIFQy-PflYKH9B7KWtQ183UBzqr6rt7ije8_QeLY_ew8OEBXW2-parc7E_ux1wa7JPb6wCp3P8j7FI9rKIvk8/s320/bloc.gif" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 249px; height: 196px;" /></a><span class="Apple-style-span" style="font-family: sans-serif; font-size: 13px; line-height: 19px; "><p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em; ">Como todos sabemos que <s>es una mierda</s> no se pueden hacer muchas cosas, haremos una pequeña lista de las <s>in</s>utilidades de Bloc de Notas:</p><ul style="line-height: 1.5em; list-style-type: square; margin-top: 0.3em; margin-right: 0px; margin-bottom: 0px; margin-left: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-image: url(http://images.wikia.com/common/releases_200910.2/skins/monobook/bullet.gif); list-style-position: inside; "><li style="margin-bottom: 0.1em; ">ESCRIBIR</li><li style="margin-bottom: 0.1em; ">LEER</li><li style="margin-bottom: 0.1em; ">Hacer <a href="http://inciclopedia.wikia.com/wiki/Nada" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Nada">nada</a>.</li><li style="margin-bottom: 0.1em; ">Escribir muchas cosas…</li><li style="margin-bottom: 0.1em; ">…pero sin imágenes.</li><li style="margin-bottom: 0.1em; ">Escribir en HTML…</li><li style="margin-bottom: 0.1em; ">…pero sin poder ver cómo quedaría la página <a href="http://inciclopedia.wikia.com/wiki/Web" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Web">web</a>.</li><li style="margin-bottom: 0.1em; ">Escribir en C, C++, PHP, o cualquier lenguaje de programacion</li><li style="margin-bottom: 0.1em; ">...pero sin poder ver si el programa funciona o no, ya que no compila</li><li style="margin-bottom: 0.1em; ">Escribir para la <a href="http://inciclopedia.wikia.com/wiki/Inciclopedia" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Inciclopedia">Inciclopedia</a>…</li><li style="margin-bottom: 0.1em; ">…pero, (…), ¡Esperen, aquí no hay un pero!</li><li style="margin-bottom: 0.1em; ">NO se puede escribir con distintos colores.</li><li style="margin-bottom: 0.1em; ">NO se puede escribir con distintos tamaños.</li><li style="margin-bottom: 0.1em; ">NO se puede escribir con distintas fuentes.</li><li style="margin-bottom: 0.1em; ">NO se pueden escribir caracteres especiales.</li></ul><p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em; ">Bueno, después de leer esto se puede pensar que <s>es una <a href="http://inciclopedia.wikia.com/wiki/Mierda" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Mierda">mierda</a> de programa y mejor usar el <a class="new" href="http://inciclopedia.wikia.com/index.php?title=Word&action=edit&redlink=1" rel="nofollow" style="text-decoration: none; color: rgb(204, 34, 0); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Word (aún no está redactado)">Word</a></s> hay que darle una oportunidad para ver si a <a href="http://inciclopedia.wikia.com/wiki/Bill_Gates" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Bill Gates">Bill Gates</a> se le ocurre modificarlo, pobrecillo</p></span> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/10/utilidades-del-bloc-de-notas.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/utilidades-del-bloc-de-notas.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-17T16:55:00-07:00'>16:55</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/utilidades-del-bloc-de-notas.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=1335964313701476178&from=pencil' title='Editar entrada'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='7318455073135183149' itemprop='blogId'/> <meta content='1139278275451687257' itemprop='postId'/> <a name='1139278275451687257'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://modalidaddeimformatica.blogspot.com/2009/10/que-son-los-editores-de-html-programas.html'>Que son los editores de HTML: programas que nos pueden ayudar a la hora de construir una página web.</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-1139278275451687257' itemprop='description articleBody'> <span class="Apple-style-span" style="font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px; "><p>Los editores de HTML pueden ser de dos tipos, como veremos, unos permiten codificar las páginas utilizando el propio lenguaje HTML, a base de etiquetas y otros nos permiten diseñar una página web, como si estuviésemos escribiendo con un editor de texto avanzado, sin tener que escribir el código con las etiquetas. Esta última vertiente, que podemos llamar editores en modo diseño, presenta una facilidad adicional para las personas que no deseen complicarse la vida con el lenguaje HTML, porque no tengan tiempo de aprenderlo o porque se sientan incapaces de hacerlo. Los editores en modo diseño nos permiten crear la página como si estuviéramos escribiendo un documento con un editor del tipo de Word. El editor de HTML es el encargado de vérselas con el lenguaje y programar internamente la página con el código HTML, según lo que nosotros estamos diseñando.</p><p>Con el editor HTML en vista diseño podemos colocar imágenes, definir estilos, utilizar negritas o cursivas, etc. sin preocuparnos de las etiquetas correspondientes a cada estilo o elemento. Es el editor el que conoce estas etiquetas y las utiliza convenientemente. Este tipo de editores HTML en modo diseño se denominan, en lenguaje técnico WYSIWYG (What You See Is What You Get) porque cuando trabajas con ellos lo que ves que estás creando con el editor es lo que obtienes luego cuando grabas la página.</p><p>Existen dos tendencias, por tanto, entre los desarrolladores que se dedican a realizar páginas web. Por un lado tenemos a las personas que prefieren crear las páginas programando el HTML y por otro las personas que utilizan editores HTML en modo diseño. Algunas diferencias entre hacerlo de un modo u otro son las siguientes:</p><p><table align="center" width="90%" cellspacing="5" cellpadding="2" border="0"><tbody><tr><td width="50%" align="center" valign="top" class="alt1" style="background-color: rgb(255, 255, 255); "><b>Escribiendo el HTML</b></td><td width="50%" align="center" valign="top" class="alt1" style="background-color: rgb(255, 255, 255); "><b>Con un editor WYSIWYG</b></td></tr><tr><td valign="top" class="fuente8" style="font-size: 8pt; ">Dominas con mayor precisión el código de la página, queda más limpio. Si dominas bien el HTML nunca tendrás ningún problema para hacer lo que deseas.</td><td valign="top" class="fuente8" style="font-size: 8pt; ">El código de la página tiene peor calidad, incluso puede llegar a tener errores, más o menos visibles, que cuestan arreglar. Es la máquina la que domina el trabajo.</td></tr><tr><td valign="top" class="fuente8" style="font-size: 8pt; ">Es más complicado el aprendizaje, más lento y cuando se llega a un nivel avanzado también se hace considerablemente más difícil</td><td valign="top" class="fuente8" style="font-size: 8pt; ">El aprendizaje es muy sencillo, tal como puede ser trabajar en Word. Solo se trata de manejar un programa más.</td></tr><tr><td valign="top" class="fuente8" style="font-size: 8pt; ">Hacer una página cuesta más trabajo y tiempo.</td><td valign="top" class="fuente8" style="font-size: 8pt; ">Es muy rápido.</td></tr></tbody></table></p></span> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/10/que-son-los-editores-de-html-programas.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/que-son-los-editores-de-html-programas.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-17T16:49:00-07:00'>16:49</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/que-son-los-editores-de-html-programas.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=1139278275451687257&from=pencil' title='Editar entrada'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class='date-header'><span>jueves, 15 de octubre de 2009</span></h2> <div class="date-posts"> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='7318455073135183149' itemprop='blogId'/> <meta content='8936053726213002192' itemprop='postId'/> <a name='8936053726213002192'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://modalidaddeimformatica.blogspot.com/2009/10/vercion-de-html.html'>vercion de html</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-8936053726213002192' itemprop='description articleBody'> <table border="0" width="100%"><tbody><tr><td width="50%"><p class="tit-2"><span style="color:#800000;">Versiones de HTML</span></p> </td> <td> </td> </tr> </tbody></table> <table border="0" width="100%"> <tbody><tr> <td height="334"> <p class="padding-1" align="left">En noviembre de 1995 se aprobó el estándar HTML 2.0. para la creación de páginas web. Se creó con objetivos divulgativos, orientado a la actividad académica, en el que el contenido de las páginas era más importante que el diseño.</p> <p class="padding-1" align="left">Pero esta versión del HTML carecía de muchas herramientas que permitieran controlar el diseño de las páginas y añadir contenido multimedia, por lo que Netscape (cuyos navegadores eran los más utilizados por aquellos años) comenzó a incluir nuevas etiquetas que no existían en el estándar.</p> <p class="padding-1" align="left">El comité encargado de establecer los estándares dentro de Internet, comenzó a trabajar en el borrador de una nueva versión de HTML, el borrador de HTML 3.0.</p> <p class="padding-1" align="left">Pero este borrador resultó demasiado extenso, al intentar incluir numerosos nuevos atributos para etiquetas ya existentes, y la creación de otras muchas etiquetas nuevas. Por ello, no fue bien aceptado por el mercado y varias compañías se unieron para formar un nuevo comité encargado de establecer los estándares del HTML. Este comité pasó a llamarse W3C. </p> <p class="padding-1" align="left">En enero de 1997 se aprobó el estándar HTML 3.2. Este nuevo estándar incluía las mejoras proporcionadas por los navegadores Internet Explorer y Netscape Navigator, que ya habían realizado estensiones sobre el estándar HTML 2.0.</p> <p class="padding-1" align="left">En diciembre de 1997 se aprobó el estándar HTML 4.0, creado para estandarizar los marcos (frames), las hojas de estilo y los scripts.</p> <p class="padding-1" align="left">En septiembre de 2001 se aprobó el estándar HTML 4.01.</p></td></tr></tbody></table> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/10/vercion-de-html.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/vercion-de-html.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-15T17:07:00-07:00'>17:07</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/vercion-de-html.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=8936053726213002192&from=pencil' title='Editar entrada'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class='date-header'><span>martes, 13 de octubre de 2009</span></h2> <div class="date-posts"> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='file:///C:/DOCUME~1/omaira/CONFIG~1/Temp/msohtmlclip1/01/clip_image001.jpg' itemprop='image_url'/> <meta content='7318455073135183149' itemprop='blogId'/> <meta content='2526094837605841314' itemprop='postId'/> <a name='2526094837605841314'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://modalidaddeimformatica.blogspot.com/2009/10/html.html'>HTML</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-2526094837605841314' itemprop='description articleBody'> <span class="Apple-style-span" style="font-family: sans-serif; font-size: 13px; background-color: rgb(255, 255, 255); line-height: 19px; "><h1 id="firstHeading" class="firstHeading" style="color: black; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; font-weight: normal; margin-top: 0px; margin-right: 0px; margin-bottom: 0.1em; margin-left: 0px; padding-top: 0.5em; padding-bottom: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(170, 170, 170); font-size: 24px; line-height: 1.2em; background-position: initial initial; background-repeat: initial initial; ">HTML<br /></h1><div id="bodyContent"><p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em; "><b>HTML</b>, siglas de <b>HyperText Markup Language</b> (<i>Lenguaje de Marcas de Hipertexto</i>), es el <a href="http://es.wikipedia.org/wiki/Lenguaje_de_marcado" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Lenguaje de marcado">lenguaje de marcado</a> predominante para la construcción de <a class="mw-redirect" href="http://es.wikipedia.org/wiki/P%C3%A1ginas_web" style="text-decoration: none; color: rgb(90, 54, 150); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Páginas web">páginas web</a>. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por <a href="http://es.wikipedia.org/wiki/Par%C3%A9ntesis" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Paréntesis">corchetes angulares</a> (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un <a class="mw-redirect" href="http://es.wikipedia.org/wiki/Gui%C3%B3n_(inform%C3%A1tica)" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Guión (informática)"><i>script</i></a> (por ejemplo <a class="mw-redirect" href="http://es.wikipedia.org/wiki/Javascript" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Javascript">Javascript</a>), el cual puede afectar el comportamiento de <a class="mw-redirect" href="http://es.wikipedia.org/wiki/Navegadores_web" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Navegadores web">navegadores web</a> y otros procesadores de HTML.</p><p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em; ">HTML también es usado para referirse al contenido del <a href="http://es.wikipedia.org/wiki/Multipurpose_Internet_Mail_Extensions" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Multipurpose Internet Mail Extensions">tipo de MIME</a> text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del <a class="mw-redirect" href="http://es.wikipedia.org/wiki/XML" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="XML">XML</a> (como<a href="http://es.wikipedia.org/wiki/XHTML" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="XHTML">XHTML</a> 1.0 y posteriores) o en forma descendida directamente de <a href="http://es.wikipedia.org/wiki/SGML" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="SGML">SGML</a> (como HTML 4.01 y anteriores).</p><p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em; ">Por convención, los archivos de formato HTML usan la <a href="http://es.wikipedia.org/wiki/Extensi%C3%B3n_de_archivo" style="text-decoration: none; color: rgb(0, 43, 184); background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " title="Extensión de archivo">extensión</a> <code style="background-color: rgb(249, 249, 249); ">.htm</code> o <code style="background-color: rgb(249, 249, 249); ">.html</code>.</p><p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em; "><br /></p><p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em; "></p><div style="mso-element:para-border-div;border:none;border-bottom:solid #AAAAAA 1.0pt; mso-border-bottom-alt:solid #AAAAAA .75pt;padding:0cm 0cm 0cm 0cm"> <p class="MsoNormal" style="margin-bottom:1.2pt;mso-line-height-alt:14.4pt; mso-outline-level:1;border:none;mso-border-bottom-alt:solid #AAAAAA .75pt; padding:0cm;mso-padding-alt:0cm 0cm 0cm 0cm"><span style="font-size:18.0pt; font-family:"Arial","sans-serif";mso-fareast-font-family:"Times New Roman"; color:black;background:white;mso-font-kerning:18.0pt;mso-fareast-language:ES">Página web<o:p></o:p></span></p> </div> <p class="MsoNormal" style="line-height:14.4pt"><span style="font-size:8.5pt; font-family:"Arial","sans-serif";mso-fareast-font-family:"Times New Roman"; color:#7D7D7D;background:white;mso-fareast-language:ES">(Redirigido desde</span><span style="font-size:8.5pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:#7D7D7D;mso-fareast-language: ES"> </span><span style="font-size:8.5pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:#7D7D7D;background:white; mso-fareast-language:ES"><a href="http://es.wikipedia.org/w/index.php?title=P%C3%A1ginas_web&redirect=no" title="Páginas web"><span style="mso-bidi-font-size:11.0pt;color:#002BB8">Páginas web</span></a>)<o:p></o:p></span></p> <p class="MsoNormal" align="center" style="margin-bottom:0cm;margin-bottom:.0001pt; text-align:center;line-height:14.25pt;background:#F9F9F9"><span style="background:white"><a href="http://es.wikipedia.org/wiki/Archivo:Pagina_web_autoreferente.jpg"><span style="font-size:9.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:#002BB8;mso-fareast-language:ES;mso-no-proof:yes; text-decoration:none;text-underline:none"><span style="mso-ignore:vglayout"><img alt="http://upload.wikimedia.org/wikipedia/commons/thumb/7/76/Pagina_web_autoreferente.jpg/180px-Pagina_web_autoreferente.jpg" border="0" height="123" shapes="Imagen_x0020_1" src="file:///C:/DOCUME~1/omaira/CONFIG~1/Temp/msohtmlclip1/01/clip_image001.jpg" width="180" /></span></span></a></span><span style="font-size:9.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;background:white;mso-fareast-language:ES"><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:0cm;margin-bottom:.0001pt;line-height: 16.8pt;background:#F9F9F9"><span style="background:white"><a href="http://es.wikipedia.org/wiki/Archivo:Pagina_web_autoreferente.jpg" title=""Aumentar" "><span style="font-size:8.5pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:#002BB8;mso-fareast-language: ES;mso-no-proof:yes;text-decoration:none;text-underline:none"><span style="mso-ignore:vglayout"><img alt="http://es.wikipedia.org/skins-1.5/common/images/magnify-clip.png" border="0" height="11" shapes="Imagen_x0020_2" src="file:///C:/DOCUME~1/omaira/CONFIG~1/Temp/msohtmlclip1/01/clip_image002.gif" width="15" /></span></span></a></span><span style="font-size:8.5pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;background:white;mso-fareast-language:ES"><o:p></o:p></span></p> <p class="MsoNormal" style="margin-bottom:6.0pt;line-height:16.8pt;background: #F9F9F9"><span style="font-size:8.5pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES">Captura de una página web.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-top:4.8pt;margin-right:0cm;margin-bottom:6.0pt; margin-left:0cm;line-height:18.0pt"><span style="font-size:10.0pt;font-family: "Arial","sans-serif";mso-fareast-font-family:"Times New Roman";color:black; background:white;mso-fareast-language:ES">Una</span><span style="font-size: 10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;mso-fareast-language:ES"> </span><b><span style="font-size:10.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;background:white;mso-fareast-language:ES">página web</span></b><span style="font-size:10.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES">, también conocida como</span><span style="font-size: 10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;mso-fareast-language:ES"> </span><b><span style="font-size:10.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;background:white;mso-fareast-language:ES">página de Internet</span></b><span style="font-size:10.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES">, es un</span><span style="font-size:10.0pt; mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;mso-fareast-language:ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;background:white;mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/Documento" title="Documento"><span style="mso-bidi-font-size:11.0pt;color:#002BB8">documento</span></a></span><span style="font-size:10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;mso-fareast-language: ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES">adaptado para la</span><span style="font-size:10.0pt; mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;mso-fareast-language:ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;background:white;mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/World_Wide_Web" title="World Wide Web"><span style="mso-bidi-font-size:11.0pt;color:#002BB8">Web</span></a>y normalmente forma parte de un</span><span style="font-size:10.0pt;mso-bidi-font-size:11.0pt; font-family:"Arial","sans-serif";mso-fareast-font-family:"Times New Roman"; color:black;mso-fareast-language:ES"> </span><span style="font-size:10.0pt; font-family:"Arial","sans-serif";mso-fareast-font-family:"Times New Roman"; color:black;background:white;mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/Sitio_web" title="Sitio web"><span style="mso-bidi-font-size:11.0pt;color:#002BB8">sitio web</span></a>. Su principal característica son los</span><span style="font-size:10.0pt; mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;mso-fareast-language:ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;background:white;mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/Hiperenlace" title="Hiperenlace"><span style="mso-bidi-font-size:11.0pt;color:#002BB8">hiperenlaces</span></a></span><span style="font-size:10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;mso-fareast-language: ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES">a otras páginas web, siendo esto el fundamento de la Web.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-top:4.8pt;margin-right:0cm;margin-bottom:6.0pt; margin-left:0cm;line-height:18.0pt"><span style="font-size:10.0pt;font-family: "Arial","sans-serif";mso-fareast-font-family:"Times New Roman";color:black; background:white;mso-fareast-language:ES">Una página está compuesta principalmente por información (sólo texto o</span><span style="font-size:10.0pt; mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;mso-fareast-language:ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;background:white;mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/Multimedia" title="Multimedia"><span style="mso-bidi-font-size:11.0pt;color:#002BB8">multimedia</span></a>) e hiperenlaces; además puede contener o asociar</span><span style="font-size: 10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;mso-fareast-language:ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;background:white;mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/Hojas_de_estilo" title="Hojas de estilo"><span style="mso-bidi-font-size:11.0pt;color:#002BB8">datos de estilo</span></a></span><span style="font-size:10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;mso-fareast-language: ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES">para especificar cómo debe visualizarse o</span><span style="font-size:10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;mso-fareast-language: ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/Aplicaci%C3%B3n_inform%C3%A1tica" title="Aplicación informática"><span style="mso-bidi-font-size:11.0pt; color:#002BB8">aplicaciones</span></a>incrustadas para hacerla</span><span style="font-size:10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;mso-fareast-language: ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/Interactiva" title="Interactiva"><span style="mso-bidi-font-size:11.0pt;color:#002BB8">interactiva</span></a>.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-top:4.8pt;margin-right:0cm;margin-bottom:6.0pt; margin-left:0cm;line-height:18.0pt"><span style="font-size:10.0pt;font-family: "Arial","sans-serif";mso-fareast-font-family:"Times New Roman";color:black; background:white;mso-fareast-language:ES">La página se escribe en un</span><span style="font-size:10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;mso-fareast-language: ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/Lenguaje_de_marcado" title="Lenguaje de marcado"><span style="mso-bidi-font-size:11.0pt;color:#002BB8">lenguaje de marcado</span></a></span><span style="font-size:10.0pt;mso-bidi-font-size: 11.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family:"Times New Roman"; color:black;mso-fareast-language:ES"> </span><span style="font-size:10.0pt; font-family:"Arial","sans-serif";mso-fareast-font-family:"Times New Roman"; color:black;background:white;mso-fareast-language:ES">que provea la capacidad de insertar hiperenlaces, generalmente</span><span style="font-size:10.0pt; mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;mso-fareast-language:ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;background:white;mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/HyperText_Markup_Language" title="HyperText Markup Language"><span style="mso-bidi-font-size:11.0pt; color:#002BB8">HTML</span></a>.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-top:4.8pt;margin-right:0cm;margin-bottom:6.0pt; margin-left:0cm;line-height:18.0pt"><span style="font-size:10.0pt;font-family: "Arial","sans-serif";mso-fareast-font-family:"Times New Roman";color:black; background:white;mso-fareast-language:ES">El contenido de la página puede ser predeterminado ("página web estática") o generado al momento de visualizarla o solicitarla a un</span><span style="font-size:10.0pt;mso-bidi-font-size: 11.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family:"Times New Roman"; color:black;mso-fareast-language:ES"> </span><span style="font-size:10.0pt; font-family:"Arial","sans-serif";mso-fareast-font-family:"Times New Roman"; color:black;background:white;mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/Servidor_web" title="Servidor web"><span style="mso-bidi-font-size:11.0pt;color:#002BB8">servidor web</span></a></span><span style="font-size:10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;mso-fareast-language: ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES">("página web dinámica"). Las páginas dinámicas que se generan al momento de la visualización se hacen a través de</span><span style="font-size:10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;mso-fareast-language: ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/Lenguaje_de_programaci%C3%B3n_interpretado" title="Lenguaje de programación interpretado"><span style="mso-bidi-font-size: 11.0pt;color:#002BB8">lenguajes interpretados</span></a>, generalmente</span><span style="font-size:10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;mso-fareast-language: ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman";color:black;background:white; mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/JavaScript" title="JavaScript"><span style="mso-bidi-font-size:11.0pt;color:#002BB8">JavaScript</span></a>, y la aplicación encargada de visualizar el contenido es la que debe generarlo. La páginas dinámicas que se generan al ser solicitadas son creadas por una aplicación en el servidor web que alberga las mismas.<o:p></o:p></span></p> <p class="MsoNormal" style="margin-top:4.8pt;margin-right:0cm;margin-bottom:6.0pt; margin-left:0cm;line-height:18.0pt"><span style="font-size:10.0pt;font-family: "Arial","sans-serif";mso-fareast-font-family:"Times New Roman";color:black; background:white;mso-fareast-language:ES">Respecto a la estructura de las páginas web algunos organismos, en especial el</span><span style="font-size: 10.0pt;mso-bidi-font-size:11.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;mso-fareast-language:ES"> </span><span style="font-size:10.0pt;font-family:"Arial","sans-serif";mso-fareast-font-family: "Times New Roman";color:black;background:white;mso-fareast-language:ES"><a href="http://es.wikipedia.org/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium"><span style="mso-bidi-font-size:11.0pt; color:#002BB8">W3C</span></a>, suelen establecer directivas con la intención de normalizar el diseño para facilitar y simplificar la visualización e interpretación del contenido.<o:p></o:p></span></p><p></p></div></span> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/10/html.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/html.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-13T08:22:00-07:00'>8:22</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/html.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=2526094837605841314&from=pencil' title='Editar entrada'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class='date-header'><span>sábado, 10 de octubre de 2009</span></h2> <div class="date-posts"> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUNY0DdP7hvtj49VWt9muZ5-ESBpMlM0MDqQHZ3Pl_UPMtTYGefAjLy7Soln1kwA1XcXmiD-OyqWQXcVkyzJaWFuxYwPPwSGi-vpkp03mUgBeO7SjKsQI1bQVFvJJm5BJvUguFUj1lYyQ/s320/BS091041514064632.jpg' itemprop='image_url'/> <meta content='7318455073135183149' itemprop='blogId'/> <meta content='6954712219010921684' itemprop='postId'/> <a name='6954712219010921684'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://modalidaddeimformatica.blogspot.com/2009/10/muchas-vecez-estas-son-nuestras.html'>MUCHAS VECEZ ESTAS SON NUESTRAS ESPERIENCIAS.</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-6954712219010921684' itemprop='description articleBody'> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUNY0DdP7hvtj49VWt9muZ5-ESBpMlM0MDqQHZ3Pl_UPMtTYGefAjLy7Soln1kwA1XcXmiD-OyqWQXcVkyzJaWFuxYwPPwSGi-vpkp03mUgBeO7SjKsQI1bQVFvJJm5BJvUguFUj1lYyQ/s1600-h/BS091041514064632.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5391072881539656690" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUNY0DdP7hvtj49VWt9muZ5-ESBpMlM0MDqQHZ3Pl_UPMtTYGefAjLy7Soln1kwA1XcXmiD-OyqWQXcVkyzJaWFuxYwPPwSGi-vpkp03mUgBeO7SjKsQI1bQVFvJJm5BJvUguFUj1lYyQ/s320/BS091041514064632.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 220px; height: 165px;" /></a><br /><div style="text-align: center; font-weight: bold; font-family: webdings; color: rgb(255, 0, 0);">Bueno quiero darles garcias a todos quellos que visitan mi blog quiero compartir con ustedes lo sget:<br />Miren gracias a Dios nos a mandado una perofesora muy capaz de lograr todo aquello que ella se proponga y le agradesco por que a enseñado amuchas cosas de mi vida a valorarlas y por medio de ella e logrado a superara todo aquello que ella nos a enseñado todo ser humano aprobecha todo lo que le brinda en esta vida por eso yo e aprobechado lo maximo con los temas que lla nos a dado para que seamos alguien en esta vida los temas dado no son dificiles sino es que uno tiene que ponerles interes alas cosas que en verdad queremos aprender en estas vida no se para superar aquellos errores que en nuestras vidas cometemos a diario y hoy quiero darle muchas gracias a la profesora coryna vegas que es una buena profesora y profe a echar para adelante.<br /></div> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Publicado por <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/02681708773349650516' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' title='author profile'> <span itemprop='name'>marlon rojas</span> </a> </span> </span> <span class='post-timestamp'> en <meta content='http://modalidaddeimformatica.blogspot.com/2009/10/muchas-vecez-estas-son-nuestras.html' itemprop='url'/> <a class='timestamp-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/muchas-vecez-estas-son-nuestras.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2009-10-10T13:27:00-07:00'>13:27</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/muchas-vecez-estas-son-nuestras.html#comment-form' onclick=''> No hay comentarios: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1693636781'> <a href='https://www.blogger.com/post-edit.g?blogID=7318455073135183149&postID=6954712219010921684&from=pencil' title='Editar entrada'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='http://modalidaddeimformatica.blogspot.com/' id='Blog1_blog-pager-newer-link' title='Entradas más recientes'>Entradas más recientes</a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='http://modalidaddeimformatica.blogspot.com/search?updated-max=2009-10-10T13:27:00-07:00&max-results=7' id='Blog1_blog-pager-older-link' title='Entradas antiguas'>Entradas antiguas</a> </span> <a class='home-link' href='http://modalidaddeimformatica.blogspot.com/'>Inicio</a> </div> <div class='clear'></div> <div class='blog-feeds'> <div class='feed-links'> Suscribirse a: <a class='feed-link' href='http://modalidaddeimformatica.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Entradas (Atom)</a> </div> </div> </div></div> </div> <div id='sidebar-wrapper'> <div class='sidebar section' id='sidebar'><div class='widget Followers' data-version='1' id='Followers1'> <h2 class='title'>Seguidores</h2> <div class='widget-content'> <div id='Followers1-wrapper'> <div style='margin-right:2px;'> <div><script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <div id="followers-iframe-container"></div> <script type="text/javascript"> window.followersIframe = null; function followersIframeOpen(url) { gapi.load("gapi.iframes", function() { if (gapi.iframes && gapi.iframes.getContext) { window.followersIframe = gapi.iframes.getContext().openChild({ url: url, where: document.getElementById("followers-iframe-container"), messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER, messageHandlers: { '_ready': function(obj) { window.followersIframe.getIframeEl().height = obj.height; }, 'reset': function() { window.followersIframe.close(); followersIframeOpen("https://www.blogger.com/followers/frame/7318455073135183149?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByM5OTk5OTkiByM2Njk5Y2MqByNGRkZGRkYyByNmZjY2MzM6ByM5OTk5OTlCByM2Njk5Y2NKByMwMDAwMDBSByM2Njk5Y2NaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3des\x26origin\x3dhttp://modalidaddeimformatica.blogspot.com"); }, 'open': function(url) { window.followersIframe.close(); followersIframeOpen(url); } } }); } }); } followersIframeOpen("https://www.blogger.com/followers/frame/7318455073135183149?colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByM5OTk5OTkiByM2Njk5Y2MqByNGRkZGRkYyByNmZjY2MzM6ByM5OTk5OTlCByM2Njk5Y2NKByMwMDAwMDBSByM2Njk5Y2NaC3RyYW5zcGFyZW50\x26pageSize\x3d21\x26hl\x3des\x26origin\x3dhttp://modalidaddeimformatica.blogspot.com"); </script></div> </div> </div> <div class='clear'></div> </div> </div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'> <h2>Archivo del blog</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ► </span> </a> <a class='post-count-link' href='http://modalidaddeimformatica.blogspot.com/2010/'> 2010 </a> <span class='post-count' dir='ltr'>(1)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ► </span> </a> <a class='post-count-link' href='http://modalidaddeimformatica.blogspot.com/2010/09/'> septiembre </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼ </span> </a> <a class='post-count-link' href='http://modalidaddeimformatica.blogspot.com/2009/'> 2009 </a> <span class='post-count' dir='ltr'>(20)</span> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼ </span> </a> <a class='post-count-link' href='http://modalidaddeimformatica.blogspot.com/2009/10/'> octubre </a> <span class='post-count' dir='ltr'>(9)</span> <ul class='posts'> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/10/versiones-de-html.html'>VERSIONES DE HTML</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/10/paginas-de-referencia.html'>PAGINAS DE REFERENCIA</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/10/estructura-de-una-pagina-web.html'>Estructura de una página Web</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/10/etiquetas.html'>etiquetas</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/10/utilidades-del-bloc-de-notas.html'>utilidades del bloc de notas</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/10/que-son-los-editores-de-html-programas.html'>Que son los editores de HTML: programas que nos pu...</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/10/vercion-de-html.html'>vercion de html</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/10/html.html'>HTML</a></li> <li><a href='http://modalidaddeimformatica.blogspot.com/2009/10/muchas-vecez-estas-son-nuestras.html'>MUCHAS VECEZ ESTAS SON NUESTRAS ESPERIENCIAS.</a></li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ► </span> </a> <a class='post-count-link' href='http://modalidaddeimformatica.blogspot.com/2009/07/'> julio </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ► </span> </a> <a class='post-count-link' href='http://modalidaddeimformatica.blogspot.com/2009/06/'> junio </a> <span class='post-count' dir='ltr'>(4)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ► </span> </a> <a class='post-count-link' href='http://modalidaddeimformatica.blogspot.com/2009/05/'> mayo </a> <span class='post-count' dir='ltr'>(6)</span> </li> </ul> </li> </ul> </div> </div> <div class='clear'></div> </div> </div><div class='widget Profile' data-version='1' id='Profile1'> <h2>Datos personales</h2> <div class='widget-content'> <a href='https://www.blogger.com/profile/02681708773349650516'><img alt='Mi foto' class='profile-img' height='80' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK8l4i3Cml3-KnJsdZOBfdWkHkYC9c98729l1f7iImvFQr3Qh88VUsCf9hJrzPCF10F3uLWdzbiBCMN54KOMXoYaQ38chlI_qt8f1-N43jEy8kC6I1AUECv-9hDG928g/s220/MARLON027.jpg' width='60'/></a> <dl class='profile-datablock'> <dt class='profile-data'> <a class='profile-name-link g-profile' href='https://www.blogger.com/profile/02681708773349650516' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'> marlon rojas </a> </dt> </dl> <a class='profile-link' href='https://www.blogger.com/profile/02681708773349650516' rel='author'>Ver todo mi perfil</a> <div class='clear'></div> </div> </div></div> </div>  <div class='clear'> </div> </div>  <div id='footer-wrapper'> <div class='footer no-items section' id='footer'></div> </div> </div></div>  <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/387437488-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AEUoTZpNuhiKwzhU3QQI9MAKHz1o:1782058086207';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7318455073135183149','//modalidaddeimformatica.blogspot.com/2009/10/','7318455073135183149'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7318455073135183149', 'title': 'modalidad de informatica', 'url': 'http://modalidaddeimformatica.blogspot.com/2009/10/', 'canonicalUrl': 'http://modalidaddeimformatica.blogspot.com/2009/10/', 'homepageUrl': 'http://modalidaddeimformatica.blogspot.com/', 'searchUrl': 'http://modalidaddeimformatica.blogspot.com/search', 'canonicalHomepageUrl': 'http://modalidaddeimformatica.blogspot.com/', 'blogspotFaviconUrl': 'http://modalidaddeimformatica.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'es', 'localeUnderscoreDelimited': 'es', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22modalidad de informatica - Atom\x22 href\x3d\x22http://modalidaddeimformatica.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22modalidad de informatica - RSS\x22 href\x3d\x22http://modalidaddeimformatica.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22modalidad de informatica - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7318455073135183149/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/cd96ebb13b57568d', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Obtener enlace', 'key': 'link', 'shareMessage': 'Obtener enlace', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Compartir en Facebook', 'target': 'facebook'}, {'name': 'Escribe un blog', 'key': 'blogThis', 'shareMessage': 'Escribe un blog', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Compartir en X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Compartir en Pinterest', 'target': 'pinterest'}, {'name': 'Correo electr\xf3nico', 'key': 'email', 'shareMessage': 'Correo electr\xf3nico', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27es\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Leer m\xe1s', 'pageType': 'archive', 'pageName': 'octubre 2009', 'pageTitle': 'modalidad de informatica: octubre 2009'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Editar', 'linkCopiedToClipboard': 'El enlace se ha copiado en el Portapapeles.', 'ok': 'Aceptar', 'postLink': 'Enlace de la entrada'}}, {'name': 'template', 'data': {'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'modalidad de informatica', 'description': '', 'url': 'http://modalidaddeimformatica.blogspot.com/2009/10/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': true, 'isLabelSearch': false, 'archive': {'year': 2009, 'month': 10, 'rangeMessage': 'Mostrando entradas de octubre, 2009'}}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2355509407-lbx__es.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'sidebar', document.getElementById('Followers1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Cargando\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', document.getElementById('Profile1'), {}, 'displayModeFull')); </script> </body> </html>

modalidad de informatica

sábado, 17 de octubre de 2009

VERSIONES DE HTML

PAGINAS DE REFERENCIA

Estructura de una página Web